0001-grandlyon-sau-add-homepage-template-and-stylese-2450.patch
| 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 |
flex-grow: 1; |
|
| 289 |
* {
|
|
| 290 |
background: 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 |
background: #000000; |
|
| 307 |
&:hover {
|
|
| 308 |
background-color: $primary-color; |
|
| 309 |
border-color: $primary-color; |
|
| 310 |
} |
|
| 311 |
} |
|
| 312 |
} |
|
| 313 |
@each $service in (grandlyon-connect, trabool) {
|
|
| 314 |
div.#{$service} {
|
|
| 315 |
a {
|
|
| 316 |
background: url('img/service-#{$service}.png') no-repeat;
|
|
| 317 |
background-size: 200px auto; |
|
| 318 |
background-position: center top; |
|
| 319 |
padding-top: 150px; |
|
| 320 |
position: relative; |
|
| 321 |
box-sizing: border-box; |
|
| 322 |
&:hover {
|
|
| 323 |
background-image: url('img/service-#{$service}-on.png');
|
|
| 324 |
&::after {
|
|
| 325 |
background: $primary-color; |
|
| 326 |
} |
|
| 327 |
} |
|
| 328 |
&::after {
|
|
| 329 |
position: absolute; |
|
| 330 |
top: 145px; |
|
| 331 |
background: #000; |
|
| 332 |
display: block; |
|
| 333 |
height: calc(100% - 145px); |
|
| 334 |
} |
|
| 335 |
} |
|
| 336 |
} |
|
| 337 |
} |
|
| 338 |
} |
|
| 339 |
} |
|
| 281 | 340 |
} |
| 282 | 341 |
#footer a.metro {
|
| 283 | 342 |
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="top"> |
|
| 9 |
{% placeholder "top" name="Top" %}
|
|
| 10 |
</div> |
|
| 11 |
<div class="services"> |
|
| 12 |
{% placeholder "content" name="Services" %}
|
|
| 13 |
</div> |
|
| 14 |
</div> |
|
| 15 |
{% endblock %}
|
|
| 0 |
- |
|