Projet

Général

Profil

0001-grandlyon-sau-add-homepage-template-and-styles-24509.patch

Anonyme, 14 juin 2018 11:18

Télécharger (119 ko)

Voir les différences:

Subject: [PATCH 1/2] grandlyon-sau: add homepage template and styles (#24509)

 static/grandlyon-sau/_custom.scss             |  57 ++++++++++++++++++
 static/grandlyon-sau/img/homepage-bg.png      | Bin 0 -> 17331 bytes
 .../img/service-grandlyon-connect-on.png      | Bin 0 -> 22455 bytes
 .../img/service-grandlyon-connect.png         | Bin 0 -> 15866 bytes
 .../grandlyon-sau/img/service-trabool-on.png  | Bin 0 -> 20376 bytes
 static/grandlyon-sau/img/service-trabool.png  | Bin 0 -> 19810 bytes
 .../combo/page_template_homepage.html         |  15 +++++
 7 files changed, 72 insertions(+)
 create mode 100644 static/grandlyon-sau/img/homepage-bg.png
 create mode 100644 static/grandlyon-sau/img/service-grandlyon-connect-on.png
 create mode 100644 static/grandlyon-sau/img/service-grandlyon-connect.png
 create mode 100644 static/grandlyon-sau/img/service-trabool-on.png
 create mode 100644 static/grandlyon-sau/img/service-trabool.png
 create mode 100644 templates/variants/grandlyon-sau/combo/page_template_homepage.html
static/grandlyon-sau/_custom.scss
2 2

  
3 3
body {
4 4
	background: $body-background;
5
	&.homepage {
6
		background: linear-gradient(to bottom, transparent 0%, white 20%), url('img/homepage-bg.png');
7
		background-repeat: repeat-x;
8
		background-position: left 180px;
9
	}
5 10
}
6 11

  
7 12
div#nav {
......
278 283
			}
279 284
		}
280 285
	}
286
	div.homepage-container {
287
		@include vendor-prefix(flex-grow, 1);
288
		* {
289
			background-color: transparent;
290
		}
291
		div.services {
292
			@include flexbox();
293
			@include vendor-prefix(justify-content, center);
294
			@include vendor-prefix(flex-wrap, wrap);
295
			> div {
296
				width: 350px;
297
				@media screen and (max-width: $mobile-limit) {
298
					width: 100%;
299
				}
300
				a {
301
					width: 100%;
302
					border: 1px solid #000000;
303
					text-align: center;
304
					color: #FFFFFF;
305
					&:hover {
306
						border-color: $primary-color;
307
					}
308
				}
309
			}
310
			@each $service in (grandlyon-connect, trabool) {
311
				div.#{$service} {
312
					a {
313
						background-image: url('img/service-#{$service}.png');
314
						background-repeat: no-repeat;
315
						background-size: 200px auto;
316
						background-position: center top;
317
						padding-top: 150px;
318
						position: relative;
319
						box-sizing: border-box;
320
						&:hover {
321
							background-image: url('img/service-#{$service}-on.png');
322
							&::after {
323
								background-color: $primary-color;
324
							}
325
						}
326
						&::after {
327
							position: absolute;
328
							top: 145px;
329
							background-color: #000000;
330
							display: block;
331
							height: calc(100% - 145px);
332
						}
333
					}
334
				}
335
			}
336
		}
337
	}
281 338
}
282 339
#footer a.metro {
283 340
	color: inherit;
templates/variants/grandlyon-sau/combo/page_template_homepage.html
1
{% extends "combo/page_template.html" %}
2
{% load combo %}
3

  
4
{% block bodyclasses %}{{ block.super }} homepage{% endblock %}
5

  
6
{% block combo-content %}
7
<div class="homepage-container">
8
  <div class="homepage-header">
9
    {% placeholder "homepage-header" name="En-tête" %}
10
  </div>
11
  <div class="services">
12
  {% placeholder "content" name="Services" %}
13
  </div>
14
</div>
15
{% endblock %}
0
-