Projet

Général

Profil

0001-grandlyon-sau-add-homepage-template-and-stylese-2450.patch

Serghei Mihai, 13 juin 2018 22:59

Télécharger (119 ko)

Voir les différences: 

Subject: [PATCH] grandlyon-sau: add homepage template and stylese (#24509)


 static/grandlyon-sau/_custom.scss             |  58 ++++++++++++++++++
 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, 73 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-color: transparent;

  		




  
  7
  
    
		background-image: url('img/homepage-bg.png');

  		




  
  8
  
    
		background-repeat: repeat-x;

  		




  
  9
  
    
		background-position: left 180px;

  		




  
  10
  
    
	}

  		




  5
  11
  
    
}

  		




  6
  12
  
    

  		




  7
  13
  
    
div#nav {

  		




  ......




  278
  284
  
    
			}

  		




  279
  285
  
    
		}

  		




  280
  286
  
    
	}

  		




  
  287
  
    
	div.homepage-container {

  		




  
  288
  
    
		@include vendor-prefix(flex-grow, 1);

  		




  
  289
  
    
		* {

  		




  
  290
  
    
			background-color: transparent;

  		




  
  291
  
    
		}

  		




  
  292
  
    
		div.services {

  		




  
  293
  
    
			@include flexbox();

  		




  
  294
  
    
			@include vendor-prefix(justify-content, center);

  		




  
  295
  
    
			@include vendor-prefix(flex-wrap, wrap);

  		




  
  296
  
    
			> div {

  		




  
  297
  
    
				width: 350px;

  		




  
  298
  
    
				@media screen and (max-width: $mobile-limit) {

  		




  
  299
  
    
					width: 100%;

  		




  
  300
  
    
				}

  		




  
  301
  
    
				a {

  		




  
  302
  
    
					width: 100%;

  		




  
  303
  
    
					border: 1px solid #000000;

  		




  
  304
  
    
					text-align: center;

  		




  
  305
  
    
					color: #FFFFFF;

  		




  
  306
  
    
					&:hover {

  		




  
  307
  
    
						border-color: $primary-color;

  		




  
  308
  
    
					}

  		




  
  309
  
    
				}

  		




  
  310
  
    
			}

  		




  
  311
  
    
			@each $service in (grandlyon-connect, trabool) {

  		




  
  312
  
    
				div.#{$service} {

  		




  
  313
  
    
					a {

  		




  
  314
  
    
						background-image: url('img/service-#{$service}.png');

  		




  
  315
  
    
						background-repeat: no-repeat;

  		




  
  316
  
    
						background-size: 200px auto;

  		




  
  317
  
    
						background-position: center top;

  		




  
  318
  
    
						padding-top: 150px;

  		




  
  319
  
    
						position: relative;

  		




  
  320
  
    
						box-sizing: border-box;

  		




  
  321
  
    
						&:hover {

  		




  
  322
  
    
							background-image: url('img/service-#{$service}-on.png');

  		




  
  323
  
    
							&::after {

  		




  
  324
  
    
								background-color: $primary-color;

  		




  
  325
  
    
							}

  		




  
  326
  
    
						}

  		




  
  327
  
    
						&::after {

  		




  
  328
  
    
							position: absolute;

  		




  
  329
  
    
							top: 145px;

  		




  
  330
  
    
							background-color: #000000;

  		




  
  331
  
    
							display: block;

  		




  
  332
  
    
							height: calc(100% - 145px);

  		




  
  333
  
    
						}

  		




  
  334
  
    
					}

  		




  
  335
  
    
				}

  		




  
  336
  
    
			}

  		




  
  337
  
    
		}

  		




  
  338
  
    
	}

  		




  281
  339
  
    
}

  		




  282
  340
  
    
#footer a.metro {

  		




  283
  341
  
    
	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
  
  
    
-