pagehome
This commit is contained in:
File diff suppressed because one or more lines are too long
+1
-1
@@ -1 +1 @@
|
||||
*{box-sizing:border-box}body,html{font-size:1rem;height:100%;margin:0;padding:0}li,ol,ul{margin:0;padding:0;list-style:none}a{text-decoration:none;color:#000}blockquote,em,h1,h2,h3,li,ol,p,ul{margin:0}@font-face{font-family:Montserrat-Regular;src:url(../fonts/Montserrat/webfonts/Montserrat-Regular.eot);src:url(../fonts/Montserrat/webfonts/Montserrat-Regular.eot?#iefix) format('embedded-opentype'),url(../fonts/Montserrat/webfonts/Montserrat-Regular.woff) format('woff'),url(../fonts/Montserrat/webfonts/Montserrat-Regular.ttf) format('truetype'),url(../fonts/Montserrat/webfonts/Montserrat-Regular.svg#Montserrat-Regular) format('svg')}@font-face{font-family:Montserrat-Light;src:url(../fonts/Montserrat/webfonts/Montserrat-Light.eot);src:url(../fonts/Montserrat/webfonts/Montserrat-Light.eot?#iefix) format('embedded-opentype'),url(../fonts/Montserrat/webfonts/Montserrat-Light.woff) format('woff'),url(../fonts/Montserrat/webfonts/Montserrat-Light.ttf) format('truetype'),url(../fonts/Montserrat/webfonts/Montserrat-Light.svg#Montserrat-Light) format('svg')}@font-face{font-family:Montserrat-Thin;src:url(../fonts/Montserrat/webfonts/Montserrat-Thin.eot);src:url(../fonts/Montserrat/webfonts/Montserrat-Thin.eot?#iefix) format('embedded-opentype'),url(../fonts/Montserrat/webfonts/Montserrat-Thin.woff) format('woff'),url(../fonts/Montserrat/webfonts/Montserrat-Thin.ttf) format('truetype'),url(../fonts/Montserrat/webfonts/Montserrat-Thin.svg#Montserrat-Thin) format('svg')}body #header a{font-family:Montserrat-Regular;font-size:2.268rem;color:#fff}body #header .language-selector li:nth-child(-n+2)::after{font-size:2.268rem;content:'-';color:#fff}body #start #home h1{font-family:Montserrat-Thin;font-size:33vw}#header{position:fixed;z-index:999}#header .language-selector{position:fixed;left:50%;display:-ms-flexbox;display:flex;width:100px;margin-left:-100px}#header .language-selector li{display:-ms-flexbox;display:flex}#header .language-selector li:nth-child(-n+2)::after{position:relative;display:block;margin:0 10px}#header .navigation li{position:fixed;text-align:center}#header .navigation li:first-child{display:none}#header .navigation li:nth-child(2){bottom:0;width:50%}#header .navigation li:nth-child(3){top:0;width:50%}#header .navigation li:nth-child(4){right:0;bottom:0;width:50%}#header .navigation li:nth-child(5){top:50%;right:-50%;width:100%;margin-right:22px;transform:rotate(90deg)}#header .navigation li:nth-child(6){top:50%;left:-50%;width:100%;margin-left:22px;transform:rotate(-90deg)}#header .navigation li:nth-child(7){top:0;right:0;width:50%}#header .navigation li a{position:relative;margin:auto}
|
||||
*{box-sizing:border-box}body,html{font-size:1rem;height:100%;margin:0;padding:0}li,ol,ul{margin:0;padding:0;list-style:none}a{text-decoration:none;color:#000}blockquote,em,h1,h2,h3,li,ol,p,ul{margin:0}@font-face{font-family:Montserrat-Regular;src:url(../fonts/Montserrat/webfonts/Montserrat-Regular.eot);src:url(../fonts/Montserrat/webfonts/Montserrat-Regular.eot?#iefix) format('embedded-opentype'),url(../fonts/Montserrat/webfonts/Montserrat-Regular.woff) format('woff'),url(../fonts/Montserrat/webfonts/Montserrat-Regular.ttf) format('truetype'),url(../fonts/Montserrat/webfonts/Montserrat-Regular.svg#Montserrat-Regular) format('svg')}@font-face{font-family:Montserrat-Light;src:url(../fonts/Montserrat/webfonts/Montserrat-Light.eot);src:url(../fonts/Montserrat/webfonts/Montserrat-Light.eot?#iefix) format('embedded-opentype'),url(../fonts/Montserrat/webfonts/Montserrat-Light.woff) format('woff'),url(../fonts/Montserrat/webfonts/Montserrat-Light.ttf) format('truetype'),url(../fonts/Montserrat/webfonts/Montserrat-Light.svg#Montserrat-Light) format('svg')}@font-face{font-family:Montserrat-Thin;src:url(../fonts/Montserrat/webfonts/Montserrat-Thin.eot);src:url(../fonts/Montserrat/webfonts/Montserrat-Thin.eot?#iefix) format('embedded-opentype'),url(../fonts/Montserrat/webfonts/Montserrat-Thin.woff) format('woff'),url(../fonts/Montserrat/webfonts/Montserrat-Thin.ttf) format('truetype'),url(../fonts/Montserrat/webfonts/Montserrat-Thin.svg#Montserrat-Thin) format('svg')}body #header a{font-family:Montserrat-Regular;font-size:2.268rem;font-weight:400;color:#fff}body #header .language-selector li:nth-child(-n+2)::after{font-size:2.268rem;content:'-';color:#fff}body #start #home h1{font-family:Montserrat-Thin;font-size:30vw;font-weight:400}#header{position:fixed;z-index:999}#header .language-selector{position:fixed;left:50%;display:-ms-flexbox;display:flex;width:100px;margin-left:-100px}#header .language-selector li{display:-ms-flexbox;display:flex}#header .language-selector li:nth-child(-n+2)::after{position:relative;display:block;margin:0 10px}#header .navigation li{position:fixed;text-align:center}#header .navigation li:first-child{display:none}#header .navigation li:nth-child(2){bottom:0;width:50%}#header .navigation li:nth-child(3){top:0;width:50%}#header .navigation li:nth-child(4){right:0;bottom:0;width:50%}#header .navigation li:nth-child(5){top:50%;right:-50%;width:100%;margin-right:22px;transform:rotate(90deg)}#header .navigation li:nth-child(6){top:50%;left:-50%;width:100%;margin-left:22px;transform:rotate(-90deg)}#header .navigation li:nth-child(7){top:0;right:0;width:50%}#header .navigation li a{position:relative;margin:auto}#start #home .visu-album{position:absolute}#start #home .title{z-index:999;display:-ms-flexbox;display:flex;height:100vh;-ms-flex-wrap:wrap;flex-wrap:wrap}#start #home .title h1{margin:auto;text-transform:uppercase}
|
||||
@@ -7,6 +7,7 @@ body{
|
||||
a{
|
||||
font-family: $Regular;
|
||||
font-size: $font36;
|
||||
font-weight: normal;
|
||||
color: white;
|
||||
}
|
||||
.language-selector{
|
||||
@@ -25,7 +26,8 @@ body{
|
||||
#home{
|
||||
h1{
|
||||
font-family: $Thin;
|
||||
font-size: 33vw;
|
||||
font-weight: normal;
|
||||
font-size: 30vw;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -6,5 +6,19 @@
|
||||
// width: 100%;
|
||||
// }
|
||||
// }
|
||||
|
||||
#home{
|
||||
.visu-album{
|
||||
position: absolute;
|
||||
}
|
||||
.title{
|
||||
z-index: 999;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
h1{
|
||||
margin: auto;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -50,7 +50,13 @@
|
||||
{% block body %}
|
||||
|
||||
<div id="{{ _self.pageLinkName(page.menu) }}">
|
||||
{{page.content}}
|
||||
<div class="visu-album">
|
||||
{% set header_image_media = page.media.images|first %}
|
||||
{{header_image_media}}
|
||||
</div>
|
||||
<div class="title">
|
||||
{{page.content}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% for module in page.collection() %}
|
||||
|
||||
Reference in New Issue
Block a user