kevin/anissah
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

pagehome

Browse Source
This commit is contained in:
kevin
2018-05-28 18:18:40 +02:00
parent 36fa2f24b1
commit 5f43161b02
18 changed files with 737 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
user/pages/01.home/modular.fr.md
+1 -3
View File
@@ -5,12 +5,10 @@ content:
items:
- '@self.children'
- '@self.modular'
body_classes: 'title-center title-h1h2'
---
![](photohome.JPG)
#sovaj
album sovaj est disponible sur :
user/themes/anissabensalah/css-compiled/theme.css
+9 -3
View File
File diff suppressed because one or more lines are too long
user/themes/anissabensalah/css-compiled/theme.min.css
Vendored
+1 -1
View File
@@ -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}
user/themes/anissabensalah/scss/theme/fonts.scss
+3 -1
View File
@@ -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;
}
}
}
user/themes/anissabensalah/scss/theme/section.scss
+15 -1
View File
@@ -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;
}
}
}
}
user/themes/anissabensalah/templates/modular.html.twig
+7 -1
View File
@@ -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() %}