page home modul central + page static (insertion motif)

This commit is contained in:
armansansd
2021-07-03 18:00:59 +02:00
parent b4879eac39
commit e1e19caead
13 changed files with 864 additions and 33 deletions

View File

@@ -30,4 +30,17 @@ article, .paragraph{
font-size: $font-big;
padding: .3rem .5rem;
}
}
.page-node-type-static{
.layout__region--top{
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 40vh;
background: $trame;
box-shadow: inset 0 -5rem 8rem white;
z-index: -1;
}
}

View File

@@ -75,6 +75,7 @@
}
}
.main_logo{
z-index: 10;
height: 7rem;
// background: red;
background: center / contain no-repeat url(../images/popsu-home-logo.png);
@@ -194,8 +195,93 @@
#home_prog_container{
display: grid;
grid-template-columns: repeat( 3, 1fr);
align-items: center;
justify-items: center;
margin-top: 1rem;
.views-row{
background-clip: content-box;
height: 8rem;
width: 100%;
display: grid;
align-items: center;
padding: 1rem;
&:hover{
.views-field-title{
display: none;
}
}
}
//temp
.views-field-field-diaporama{
display: none;
}
//
.views-field-title{
margin: 3rem;
}
.programme-2{
background: center / contain no-repeat url(../images/POPSU_1.svg);
.views-field-title{
font-size: 0;
}
&:hover{
background: $col-1;
}
}
.programme-2{
background: center / contain no-repeat url(../images/POPSU_2.svg);
.views-field-title{
font-size: 0;
}
&:hover{
background: $col-2;
}
}
.programme-3{
background: center / contain no-repeat url(../images/POPSU_Europe.svg);
.views-field-title{
font-size: 0;
}
&:hover{
background: $col-eur;
}
}
.programme-5{
background: center / contain no-repeat url(../images/POPSU_monde.svg);
.views-field-title{
font-size: 0;
}
&:hover{
background: $col-mond;
}
}
.programme-6{
background: center / contain no-repeat url(../images/POPSU_territoires.svg);
.views-field-title{
font-size: 0;
}
&:hover{
background: $col-ter;
}
}
.programme-7{
background: center / contain no-repeat url(../images/POPSU_metropoles.svg);
.views-field-title{
font-size: 0;
}
&:hover{
background: $col-met;
}
}
}
#home_theme_container{
.slick-slide{
@@ -263,14 +349,15 @@
}
#villes-block_1, #home_themes-block_1, #programmes-block_4{
// background-color: $bck-col;
header{
text-align: center;
font-family: 'duke';
font-size: $font-extra;
font-size: 3.5rem;
line-height: 1;
opacity: .3;
cursor:pointer;
padding: .8rem;
.arrow{
font-size: $font-large;
display: block;