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

actualité et évenement + page archive v0

Browse Source
This commit is contained in:
armansansd 2021-07-03 23:55:56 +02:00
parent 413c75c32b
commit 9c4e1f448b
10 changed files with 157 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1254,7 +1254,8 @@ iframe {
#header-top { #header-top {
height: 3rem; height: 3rem;
background: white; background: white;
margin-bottom: 2rem; } margin-bottom: 2rem;
margin-top: 1rem; }
.header_top_left_container { .header_top_left_container {
height: 100%; } height: 100%; }
@ -1809,7 +1810,10 @@ article p, .paragraph p {
text-transform: uppercase; text-transform: uppercase;
font-family: 'duke'; font-family: 'duke';
font-size: 1rem; font-size: 1rem;
padding: .3rem .5rem; } padding: .3rem .5rem;
text-decoration: none; }
.block-region-first #node\:title:hover {
text-decoration: underline; }
.page-node-type-static .layout__region--top { .page-node-type-static .layout__region--top {
position: absolute; position: absolute;
@ -1821,6 +1825,26 @@ article p, .paragraph p {
box-shadow: inset 0 -5rem 8rem white; box-shadow: inset 0 -5rem 8rem white;
z-index: -1; } z-index: -1; }
.page-node-type-actualite .block-region-first, .page-node-type-evenement .block-region-first {
background-color: black;
color: white; }
.page-node-type-actualite .block-region-first a, .page-node-type-evenement .block-region-first a {
text-transform: uppercase;
font-family: 'duke';
font-size: 1rem;
padding: .3rem .5rem;
text-decoration: none; }
.page-node-type-actualite .block-region-first a:hover, .page-node-type-evenement .block-region-first a:hover {
text-decoration: underline; }
.page-node-type-actualite #node\:title, .page-node-type-evenement #node\:title {
font-family: "trueno";
font-weight: 600;
font-size: 0.8rem;
color: brown;
margin-top: 1rem;
margin-bottom: .3rem; }
.path-actus .content_container > div > h2:first-of-type { .path-actus .content_container > div > h2:first-of-type {
text-align: center; } text-align: center; }
@ -1828,13 +1852,15 @@ article p, .paragraph p {
display: grid; display: grid;
grid-template-columns: 10% minmax(0, 1fr); } grid-template-columns: 10% minmax(0, 1fr); }
.path-actus .content_container .layout__region--content .views-element-container h2 { .path-actus .content_container .layout__region--content .views-element-container h2 {
grid-column: 2; } grid-column: 2;
padding: 0 0 0 20px; }
.path-actus .content_container .layout__region--content .views-element-container div { .path-actus .content_container .layout__region--content .views-element-container div {
grid-column: 2; } grid-column: 2; }
.path-actus .content_container .layout__region--content .views-element-container div h2 { .path-actus .content_container .layout__region--content .views-element-container div h2 {
margin: 1rem 0; } margin: 1rem 0; }
.path-actus .content_container .layout__region--content .views-element-container article h2 { .path-actus .content_container .layout__region--content .views-element-container article h2 {
color: white; } color: white;
padding: 0; }
.path-actus .content_container .layout__region--content .views-element-container article h2 a { .path-actus .content_container .layout__region--content .views-element-container article h2 a {
text-decoration: none; } text-decoration: none; }
.path-actus .content_container .layout__region--content .views-element-container article h2 a:hover { .path-actus .content_container .layout__region--content .views-element-container article h2 a:hover {
@ -2032,4 +2058,25 @@ article p, .paragraph p {
font-size: 0.8rem; font-size: 0.8rem;
text-decoration: none; } text-decoration: none; }
.path-archives .content_container > div > h2 {
text-align: center; }
.path-archives .content_container .views-element-container > div {
display: grid;
grid-template-columns: 10% repeat(3, minmax(0, 1fr)) 10%;
grid-column-gap: 2rem;
grid-row-gap: 1rem; }
.path-archives .content_container .views-element-container > div header {
grid-column: 1 / span 5;
text-align: center; }
.path-archives .content_container .views-element-container > div nav {
grid-column: 1 / span 5;
text-align: center; }
.path-archives .content_container .views-element-container > div .views-row:first-of-type {
grid-column: 2; }
.path-archives .content_container .views-element-container > div .views-row:nth-of-type(3n+1) {
grid-column: 2; }
.path-archives .content_container .views-element-container > div .views-row {
background: red; }
/*# sourceMappingURL=styles.css.map */ /*# sourceMappingURL=styles.css.map */

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

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

@ -55,9 +55,16 @@ $(function(){
} }
// if($('.path-centre-de-ressources').length > 0){ if($('.path-centre-de-ressources').length > 0){
// $("header > div").slick();
// } let elem = $(".content_container").find(".views-element-container header>div");
// elem.slick({
// slidesToShow: 1,
// slidesToScroll: 1,
// centerMode: true,
// centerPadding: '60px',
// });
}
$('.close-block').click(function(){ $('.close-block').click(function(){

2
web/themes/custom/popsu/sass/pages/_actu.scss
View File

@ -10,6 +10,7 @@
grid-template-columns: 10% minmax(0, 1fr); grid-template-columns: 10% minmax(0, 1fr);
h2{ h2{
grid-column: 2 ; grid-column: 2 ;
padding: 0 0 0 20px;
} }
div{ div{
grid-column: 2; grid-column: 2;
@ -20,6 +21,7 @@
article{ article{
h2{ h2{
color: white; color: white;
padding: 0;
a{ a{
text-decoration: none; text-decoration: none;
&:hover{ &:hover{

53
web/themes/custom/popsu/sass/pages/_archives.scss Normal file
View File

@ -0,0 +1,53 @@
.path-archives{
.content_container{
&>div>h2{
text-align: center;
}
.views-element-container{
&>div{
display: grid;
grid-template-columns: 10% repeat(3, minmax(0, 1fr)) 10%;
grid-column-gap: 2rem;
grid-row-gap: 1rem;
header{
grid-column: 1 / span 5;
text-align: center;
}
nav{
grid-column: 1 / span 5;
text-align: center;
}
.views-row:first-of-type{
grid-column: 2;
}
.views-row:nth-of-type(3n+1){
grid-column: 2;
}
.views-row{
background: red;
}
// mise en page temporaire
// article{
// display: grid;
// h2{
// grid-row: 2;
// }
// &>div{
// grid-row: 1;
// display: grid;
// div:nth-child(2){
// grid-row: 1;
// }
// div:nth-child(1){
// grid-row: 2;
// }
// }
// }
}
}
}
}

32
web/themes/custom/popsu/sass/pages/_default.scss
View File

@ -29,7 +29,12 @@ article, .paragraph{
font-family: 'duke'; font-family: 'duke';
font-size: $font-big; font-size: $font-big;
padding: .3rem .5rem; padding: .3rem .5rem;
text-decoration: none;
&:hover{
text-decoration: underline;
}
} }
} }
.page-node-type-static{ .page-node-type-static{
@ -44,3 +49,30 @@ article, .paragraph{
z-index: -1; z-index: -1;
} }
} }
.page-node-type-actualite, .page-node-type-evenement{
.block-region-first{
background-color: black;
color: white;
a{
text-transform: uppercase;
font-family: 'duke';
font-size: $font-big;
padding: .3rem .5rem;
text-decoration: none;
&:hover{
text-decoration: underline;
}
}
}
#node\:title{
font-family: "trueno";
font-weight: 600;
font-size: $font-medium;
color:brown;
margin-top: 1rem;
margin-bottom: .3rem;
}
}

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

@ -1,5 +1,5 @@
.slick-list{ // .slick-list{
} // }
.path-frontpage{ .path-frontpage{
.block-region-content{ .block-region-content{
display: grid; display: grid;
@ -278,10 +278,10 @@
} }
} }
#home_theme_container{ #home_theme_container{
.slick-slide{ // .slick-slide{
// margin: 0 1rem; // // margin: 0 1rem;
} // }
.slick-arrow{ .slick-arrow{
position: absolute; position: absolute;
height: 100%; height: 100%;

1
web/themes/custom/popsu/sass/pages/partials/_header_footer.scss
View File

@ -4,6 +4,7 @@
height: 3rem; height: 3rem;
background: white; background: white;
margin-bottom: 2rem; margin-bottom: 2rem;
margin-top: 1rem;
} }
.header_top_left_container{ .header_top_left_container{
height: 100%; height: 100%;

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

@ -31,4 +31,5 @@
@import "pages/default"; @import "pages/default";
@import "pages/actu"; @import "pages/actu";
@import "pages/programme"; @import "pages/programme";
@import "pages/archives";