bachir/popsu-d9
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

page actualitéS v0

Browse Source
This commit is contained in:
armansansd
2021-07-03 23:00:32 +02:00
parent e1e19caead
commit 42411dd490
8 changed files with 271 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
web/themes/custom/popsu/css/styles.css
View File

@@ -1567,51 +1567,47 @@ footer {
margin-top: 1rem; }
#home_prog_container .views-row {
background-clip: content-box;
height: 8rem;
height: 13rem;
background-size: 70% !important;
width: 100%;
display: grid;
align-items: center;
padding: 1rem; }
#home_prog_container .views-row:hover .views-field-title {
#home_prog_container .views-row .views-field-title {
font-size: 0.8rem;
font-weight: 600;
display: none; }
#home_prog_container .views-row:hover .views-field-title {
font-weight: 600;
display: block;
color: white;
text-align: center; }
#home_prog_container .views-row:hover .views-field-title a {
text-decoration: none; }
#home_prog_container .views-field-field-diaporama {
display: none; }
#home_prog_container .views-field-title {
margin: 3rem; }
#home_prog_container .programme-2 {
background: center/contain no-repeat url(../images/POPSU_1.svg); }
#home_prog_container .programme-2 .views-field-title {
font-size: 0; }
#home_prog_container .programme-2:hover {
background: #4dabc1; }
#home_prog_container .programme-2 {
background: center/contain no-repeat url(../images/POPSU_2.svg); }
#home_prog_container .programme-2 .views-field-title {
font-size: 0; }
#home_prog_container .programme-2:hover {
background: #61ab32; }
#home_prog_container .programme-3 {
background: center/contain no-repeat url(../images/POPSU_Europe.svg); }
#home_prog_container .programme-3 .views-field-title {
font-size: 0; }
#home_prog_container .programme-3:hover {
background: #646578; }
#home_prog_container .programme-5 {
background: center/contain no-repeat url(../images/POPSU_monde.svg); }
#home_prog_container .programme-5 .views-field-title {
font-size: 0; }
#home_prog_container .programme-5:hover {
background: #ab9569; }
#home_prog_container .programme-6 {
background: center/contain no-repeat url(../images/POPSU_territoires.svg); }
#home_prog_container .programme-6 .views-field-title {
font-size: 0; }
#home_prog_container .programme-6:hover {
background: #e01a35; }
#home_prog_container .programme-7 {
background: center/contain no-repeat url(../images/POPSU_metropoles.svg); }
#home_prog_container .programme-7 .views-field-title {
font-size: 0; }
#home_prog_container .programme-7:hover {
background: #28429f; }
@@ -1825,6 +1821,81 @@ article p, .paragraph p {
box-shadow: inset 0 -5rem 8rem white;
z-index: -1; }
.path-actus .content_container > div > h2:first-of-type {
text-align: center; }
.path-actus .content_container .layout__region--content .views-element-container {
display: grid;
grid-template-columns: 10% minmax(0, 1fr); }
.path-actus .content_container .layout__region--content .views-element-container h2 {
grid-column: 2; }
.path-actus .content_container .layout__region--content .views-element-container div {
grid-column: 2; }
.path-actus .content_container .layout__region--content .views-element-container div h2 {
margin: 1rem 0; }
.path-actus .content_container .layout__region--content .views-element-container article h2 {
color: white; }
.path-actus .content_container .layout__region--content .views-element-container article h2 a {
text-decoration: none; }
.path-actus .content_container .layout__region--content .views-element-container article h2 a:hover {
text-decoration: underline; }
.path-actus .content_container .layout__region--content .views-element-container footer {
text-align: center;
margin: 1.8rem 0;
grid-column: 2; }
.path-actus .content_container .layout__region--content .views-element-container footer a {
display: inline-block;
margin: 0 auto;
background: black;
color: white;
font-family: "duke";
font-weight: 400;
padding: .5rem 1.5rem;
font-size: 0.8rem;
text-decoration: none; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .views-row article {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
position: relative;
height: auto; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .views-row article h2 {
grid-row: 2;
grid-column: 1 / span 2; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .views-row article div {
grid-row: 1;
grid-column: 1 / span 2; }
.path-actus .content_container .layout__region--content #home_blocks-block_3 .views-field-field-image {
grid-column: 1; }
.path-actus .content_container .layout__region--content #home_blocks-block_3 .slick-slide {
background-color: transparent;
padding: 0; }
.path-actus .content_container .layout__region--content #home_blocks-block_3 .slick-slide .views-row {
padding: 0.4rem; }
.path-actus .content_container .slick-slide {
margin: 0 1rem;
background-color: #98d0d9;
padding: 1rem; }
.path-actus .content_container .slick-arrow {
position: absolute;
height: 100%;
cursor: pointer;
z-index: 100;
background-color: white;
opacity: 0;
transition: opacity 250ms;
width: 10%; }
.path-actus .content_container .slick-arrow:hover {
opacity: .5; }
.path-actus .content_container .slick-next {
right: 0;
top: 0; }
.page-node-type-programme .layout-content {
position: relative; }

2
web/themes/custom/popsu/css/styles.css.map
View File

File diff suppressed because one or more lines are too long

2
web/themes/custom/popsu/js/main.js
View File

File diff suppressed because one or more lines are too long

57
web/themes/custom/popsu/lib/script.js
View File

@@ -2,19 +2,21 @@ import 'slick-carousel';
$(function(){
console.log("$ ready !!");
$('.last-news').slick({
slidesToShow: 1,
slidesToScroll: 1,
centerMode: true,
centerPadding: '60px',
});
$('.last-ressources').slick({
slidesToShow: 3,
slidesToScroll: 1,
centerMode: true,
centerPadding: '60px',
infinite: false,
});
if($(".path-frontpage").length > 0){
$('.last-news').slick({
slidesToShow: 1,
slidesToScroll: 1,
centerMode: true,
centerPadding: '60px',
});
$('.last-ressources').slick({
slidesToShow: 3,
slidesToScroll: 1,
centerMode: true,
centerPadding: '60px',
infinite: false,
});
}
$('#centre_de_ressources-block_2 .item-list ul').slick({
slidesToShow: 3,
slidesToScroll: 1,
@@ -22,6 +24,35 @@ $(function(){
centerPadding: '60px',
infinite: false,
});
if($(".path-actus").length > 0){
let elem = $("#actus_blocks-block_2").find("footer").detach();
$("#actus_blocks-block_2").append(elem);
$('#actus_blocks-block_2>div>div').slick({
slidesToShow: 3,
slidesToScroll: 1,
centerMode: false,
centerPadding: '60px',
infinite: false,
});
elem = $("#actus_blocks-block_1").find("footer").detach();
$("#actus_blocks-block_1").append(elem);
$('#actus_blocks-block_1>div>div').slick({
slidesToShow: 3,
slidesToScroll: 1,
centerMode: false,
centerPadding: '60px',
infinite: false,
});
$('#home_blocks-block_3>div>div').slick({
slidesToShow: 3,
slidesToScroll: 1,
centerMode: false,
centerPadding: '60px',
infinite: false,
});
}
// if($('.path-centre-de-ressources').length > 0){

111
web/themes/custom/popsu/sass/pages/_actu.scss Normal file
View File

@@ -0,0 +1,111 @@
.path-actus{
.content_container{
&>div>h2:first-of-type{
text-align: center;
}
.layout__region--content{
.views-element-container{
display: grid;
grid-template-columns: 10% minmax(0, 1fr);
h2{
grid-column: 2 ;
}
div{
grid-column: 2;
h2{
margin : 1rem 0;
}
}
article{
h2{
color: white;
a{
text-decoration: none;
&:hover{
text-decoration: underline;
}
}
}
}
footer{
text-align: center;
margin: 1.8rem 0;
grid-column: 2 ;
a{
display: inline-block;
margin: 0 auto;
background: black;
color: white;
font-family: "duke";
font-weight: 400;
padding: .5rem 1.5rem;
font-size: 0.8rem;
text-decoration: none;
}
}
}
#actus_blocks-block_1{
.views-row article{
display: grid !important;
grid-template-columns: repeat( 2, minmax(0, 1fr));
position: relative;
height: auto;
h2{
grid-row: 2;
grid-column: 1 / span 2;
}
div{
grid-row: 1;
grid-column: 1 / span 2;
}
}
}
#home_blocks-block_3{
.views-field-field-image{
grid-column: 1;
}
.slick-slide{
background-color:transparent;
padding: 0;
.views-row{
padding: 0.4rem;
}
}
}
}
//carroussel
.slick-slide{
margin: 0 1rem;
background-color: $lightblue;
padding: 1rem;
}
.slick-arrow{
position: absolute;
height: 100%;
cursor: pointer;
z-index: 100;
background-color: white;
opacity: 0;
transition: opacity 250ms;
width: 10%;
&:hover{
opacity: .5;
}
}
.slick-next{
right: 0;
top: 0;
}
}
}

56
web/themes/custom/popsu/sass/pages/_home.scss
View File

@@ -200,15 +200,30 @@
margin-top: 1rem;
.views-row{
background-clip: content-box;
height: 8rem;
height: 13rem;
background-size: 70% !important;
width: 100%;
display: grid;
align-items: center;
padding: 1rem;
.views-field-title{
font-size: $font-medium;
font-weight: 600;
display: none;
}
&:hover{
.views-field-title{
display: none;
}
font-weight: 600;
display: block;
color: white;
text-align: center;
a{
text-decoration: none;
}
}
}
}
@@ -218,66 +233,45 @@
}
//
.views-field-title{
margin: 3rem;
}
// .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;
}

0
web/themes/custom/popsu/sass/pages/_page--node.scss → web/themes/custom/popsu/sass/pages/_programme.scss
View File

3
web/themes/custom/popsu/sass/styles.scss
View File

@@ -29,5 +29,6 @@
@import "pages/home";
@import "pages/ressources";
@import "pages/default";
@import "pages/page--node";
@import "pages/actu";
@import "pages/programme";