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

ajustement page home et programme

Browse Source
This commit is contained in:
armansansd
2021-08-27 19:08:39 +02:00
parent a7e481d9da
commit 82eebb2089
14 changed files with 213 additions and 112 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1322,8 +1322,8 @@ iframe {
.header_top_left_container > div[id=''] {
height: 100%; }
.header_top_left_container a[rel~='home'] {
display: none;
height: 100%;
display: block;
font-size: 0;
color: transparent;
background: left/contain no-repeat url(../images/POPSU_logo.svg); }
@@ -1345,14 +1345,13 @@ iframe {
text-align: center;
display: inline-block;
width: auto; }
.header_top_middle_container .views-row a {
.header_top_middle_container .views-row .views-field-title a, .header_top_middle_container .views-row .views-field-title span {
display: inline-block;
width: auto;
padding: .2rem .5rem;
text-transform: uppercase;
text-decoration: none;
font-weight: 600; }
.header_top_middle_container .views-row .views-field-title {
display: inline-block;
width: auto;
padding: .2rem .5rem; }
.close-block, .open-block {
cursor: pointer; }
@@ -1414,12 +1413,13 @@ iframe {
width: 100%; }
footer {
background: white;
margin-top: 3rem; }
background: white; }
#footer-bottom {
padding: 2rem 0;
height: 15rem; }
height: 10rem; }
#footer-bottom .more {
display: none; }
#footer-bottom * {
word-wrap: break-word; }
#footer-bottom h2 {
@@ -1432,18 +1432,19 @@ footer {
height: 100%;
display: grid; }
#footer-bottom .logo-gouv {
height: 50%;
height: 100%;
margin-bottom: 1rem;
display: block;
color: transparent;
font-size: 0;
background: left/contain no-repeat url(../images/gouv.svg); }
#footer-bottom .logo-puca {
height: 50%;
height: 100%;
display: block;
color: transparent;
font-size: 0;
background: left/contain no-repeat url(../images/puca.svg);
margin-top: -1rem; }
margin-top: .5rem; }
#footer-bottom #block-pieddepage ul {
line-height: 2; }
#footer-bottom #block-pieddepage ul li a {
@@ -1651,7 +1652,7 @@ footer {
.about {
box-shadow: inset 0 17rem 18rem white;
background: url(../images/motif_croix.svg);
background: center/80% linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(../images/motif_croix.svg);
font-size: 0.8rem;
text-align: center;
padding: 18rem 0 3rem 0;
@@ -1674,7 +1675,7 @@ footer {
color: white;
font-family: "trueno";
font-weight: 500;
padding: .5rem 1rem;
padding: .3rem .7rem;
font-size: 0.6rem;
text-decoration: none;
text-transform: uppercase;
@@ -1688,7 +1689,7 @@ footer {
background: white; }
#home_blocks-block_3 {
background: url(../images/motif_croix.svg);
background: center/80% linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(../images/motif_croix.svg);
padding: 2rem; }
#home_blocks-block_3 h2 {
text-align: center;
@@ -2245,7 +2246,7 @@ article p, .paragraph p {
left: 0;
width: 100vw;
height: 40vh;
background: url(../images/motif_croix.svg);
background: center/80% linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(../images/motif_croix.svg);
box-shadow: inset 0 -5rem 8rem white;
z-index: -1; }
@@ -2299,7 +2300,7 @@ article p, .paragraph p {
color: white;
font-family: "trueno";
font-weight: 500;
padding: .5rem 1rem;
padding: .3rem .7rem;
font-size: 0.45rem;
text-decoration: none;
text-transform: uppercase; }
@@ -2564,7 +2565,6 @@ article p, .paragraph p {
.page-node-type-programme #programme_toc-block_5 .views-row .views-field:not(.views-field-field-image) {
padding-right: .5rem;
padding-left: .5rem;
padding-bottom: 1rem;
background-color: black;
width: 60%;
margin-left: 30%;
@@ -2753,7 +2753,7 @@ article p, .paragraph p {
cursor: pointer;
font-family: "trueno";
font-weight: 500;
padding: .5rem 1rem;
padding: .3rem .5rem;
font-size: 0.45rem;
text-decoration: none;
text-transform: uppercase; }
@@ -2824,12 +2824,12 @@ article p, .paragraph p {
transition: all 250ms ease; }
.page-node-type-programme .block-region-bottom {
background: url(../images/motif_croix.svg); }
background: center/80% linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(../images/motif_croix.svg); }
.page-node-type-programme .block-region-bottom h2 {
text-align: center; }
.page-node-type-programme .block-region-bottom .item-list .slick-slide {
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .slick-slide {
margin: 0 1rem; }
.page-node-type-programme .block-region-bottom .item-list .slick-arrow {
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .slick-arrow {
position: absolute;
height: 100%;
cursor: pointer;
@@ -2837,14 +2837,14 @@ article p, .paragraph p {
opacity: 0.2;
transition: opacity 250ms;
width: 10%; }
.page-node-type-programme .block-region-bottom .item-list .slick-arrow:hover {
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .slick-arrow:hover {
opacity: .5; }
.page-node-type-programme .block-region-bottom .item-list .slick-next {
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .slick-next {
right: 0;
top: 0; }
.page-node-type-programme .block-region-bottom .item-list .views-field:not(.views-field-field-image) {
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field:not(.views-field-field-image) {
width: 80%; }
.page-node-type-programme .block-region-bottom .item-list li {
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-row {
display: grid !important;
grid-template-columns: 1fr 1fr;
align-items: center;
@@ -2853,43 +2853,72 @@ article p, .paragraph p {
height: auto;
padding: 1rem;
background-clip: content-box; }
.page-node-type-programme .block-region-bottom .item-list .views-field-field-image {
grid-row: 1 / span 4;
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-field-image {
grid-row: 2 / span 4;
z-index: 0;
padding: .5rem; }
.page-node-type-programme .block-region-bottom .item-list .views-field:not(.views-field-field-image) {
padding: .5rem;
grid-column: 1; }
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field:not(.views-field-field-image) {
background: transparent;
width: auto;
margin-left: 0;
padding-left: 0; }
.page-node-type-programme .block-region-bottom .item-list .views-field-field-sous-titre {
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-field-sous-titre {
grid-column: 2 / span 1; }
.page-node-type-programme .block-region-bottom .item-list .views-field-field-type-de-ressource {
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-field-type-de-ressource {
grid-column: 2 / span 1; }
.page-node-type-programme .block-region-bottom .item-list .views-field-title {
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-title {
font-weight: 600;
grid-row: 3 / span 1;
grid-column: 2 / span 1; }
.page-node-type-programme .block-region-bottom .item-list .views-field-view-node {
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-view-node {
grid-row: 2 / span 1;
grid-column: 2 / span 1; }
.page-node-type-programme .block-region-bottom .item-list .views-field-field-programme {
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-field-programme, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-title-1 {
padding-left: .5rem !important;
grid-row: 1 / span 1;
grid-column: 1 / span 2;
text-transform: uppercase;
margin-top: -.5rem; }
.page-node-type-programme .block-region-bottom .item-list .views-field-field-programme .field-content {
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-title-1 .field-content {
display: inline-block;
width: auto;
background-color: black !important;
background-color: black;
padding: .3rem .5rem; }
.page-node-type-programme .block-region-bottom .item-list .views-field-field-programme .field-content {
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-title-1 .field-content {
font-weight: 600;
display: inline-block;
width: auto;
color: white;
padding: .02rem .3rem; }
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-1 .views-field {
color: #4dabc1 !important; }
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-1 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-1 .views-field-title-1 .field-content {
background: #4dabc1; }
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-2 .views-field {
color: #61ab32 !important; }
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-2 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-2 .views-field-title-1 .field-content {
background: #61ab32; }
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-3 .views-field {
color: #646578 !important; }
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-3 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-3 .views-field-title-1 .field-content {
background: #646578; }
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-4 .views-field {
color: black; }
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-4 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-4 .views-field-title-1 .field-content {
background: black; }
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-5 .views-field {
color: #ab9569 !important; }
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-5 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-5 .views-field-title-1 .field-content {
background: #ab9569; }
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-6 .views-field {
color: #e01a35 !important; }
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-6 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-6 .views-field-title-1 .field-content {
background: #e01a35; }
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-7 .views-field {
color: #28429f !important; }
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-7 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-7 .views-field-title-1 .field-content {
background: #28429f; }
.page-node-type-programme .block-region-bottom footer {
background-color: transparent;
text-align: center;
@@ -2901,7 +2930,7 @@ article p, .paragraph p {
color: white;
font-family: "trueno";
font-weight: 500;
padding: .5rem 1rem;
padding: .3rem .7rem;
font-size: 0.45rem;
text-decoration: none;
text-transform: uppercase; }
@@ -2928,7 +2957,7 @@ article p, .paragraph p {
.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 {
padding: .5rem 1rem;
padding: .3rem .7rem;
background: #28429f; }
.path-archives .content_container .views-element-container > div .views-row a {
text-decoration: none;

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

File diff suppressed because one or more lines are too long

13
web/themes/custom/popsu/images/motif_croix.svg
View File

@@ -14,7 +14,7 @@
height="100"
viewBox="0 0 99.999999 100"
sodipodi:docname="motif_croix.svg"
inkscape:version="1.0.2 (e86c870879, 2021-01-15)">
inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
<metadata
id="metadata9539">
<rdf:RDF>
@@ -23,7 +23,7 @@
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
@@ -1894,9 +1894,9 @@
inkscape:window-height="1015"
id="namedview9535"
showgrid="false"
inkscape:zoom="2.1794731"
inkscape:cx="-47.440417"
inkscape:cy="26.569258"
inkscape:zoom="3.0822404"
inkscape:cx="12.337781"
inkscape:cy="33.191343"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
@@ -1920,7 +1920,8 @@
y="0.068064451"
id="rect10232-0-2-2-9-3-1-5" />
<g
id="g13148">
id="g13148"
transform="matrix(0.99249299,0,0,0.99249299,4.0185063,4.0529554)">
<rect
style="fill:url(#pattern11192-2);stroke:none"
width="6.8802199"
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 91 KiB

After

Width:  |  Height:  |  Size: 91 KiB

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

File diff suppressed because one or more lines are too long

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

@@ -27,10 +27,10 @@ $(function(){
});
}
$('#centre_de_ressources-block_2 .item-list ul').slick({
$('#centre_de_ressources-block_2>div>div').slick({
slidesToShow: 3,
slidesToScroll: 1,
centerMode: true,
centerMode: false,
centerPadding: '60px',
infinite: false,
});
@@ -147,7 +147,7 @@ $(function(){
$("#home_theme_container").slick({
slidesToShow: 5,
slidesToScroll: 4,
centerMode: true,
centerMode: false,
// centerPadding: '10%',
infinite: false,
});

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

@@ -43,7 +43,7 @@
color: white;
font-family: "trueno";
font-weight: 500;
padding: .5rem 1rem;
padding: .3rem .7rem;
font-size: $font-small;
text-decoration: none;
text-transform: uppercase;

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

@@ -27,7 +27,7 @@
grid-column: 2;
}
.views-row{
padding: .5rem 1rem;
padding: .3rem .7rem;
background: $col-met;
a{
text-decoration: none;

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

@@ -134,14 +134,6 @@
padding: .5rem 0 .5rem 0;
}
}
.last-ressources{
@@ -304,7 +296,7 @@
color: white;
font-family: "trueno";
font-weight: 500;
padding: .5rem 1rem;
padding: .3rem .7rem;
font-size: $font-normal;
text-decoration: none;
text-transform: uppercase;

0
web/themes/custom/popsu/sass/pages/_node-evenement.scss → web/themes/custom/popsu/sass/pages/_node-evenement-actu.scss
View File

92
web/themes/custom/popsu/sass/pages/_programme.scss
View File

@@ -93,7 +93,7 @@
.views-field:not(.views-field-field-image){
padding-right: .5rem;
padding-left: .5rem;
padding-bottom: 1rem;
// padding-bottom: 1rem;
background-color: black;
width: 60%;
margin-left: 30%;
@@ -394,7 +394,7 @@
font-family: "trueno";
font-weight: 500;
padding: .5rem 1rem;
padding: .3rem .5rem;
font-size: $font-small;
text-decoration: none;
text-transform: uppercase;
@@ -485,7 +485,7 @@
h2{
text-align: center;
}
.item-list{
#centre_de_ressources-block_2{
.slick-slide{
margin: 0 1rem;
}
@@ -509,7 +509,7 @@
.views-field:not(.views-field-field-image){
width: 80%;
}
li{
.views-row{
display: grid !important;
grid-template-columns: 1fr 1fr;
align-items: center;
@@ -520,10 +520,10 @@
background-clip: content-box;
}
.views-field-field-image{
grid-row: 1 / span 4;
// margin-top: -3.5rem;
z-index: 0;
grid-row: 2 / span 4;
z-index: 0;
padding: .5rem;
grid-column: 1;
}
.views-field:not(.views-field-field-image){
background: transparent;
@@ -550,11 +550,11 @@
grid-row: 2 / span 1;
grid-column: 2 / span 1;
}
.views-field-field-programme{
.views-field-field-programme,.views-field-title-1{
.field-content{
display: inline-block;
width: auto;
background-color: black !important;
background-color: black;
padding: .3rem .5rem;
}
padding-left: .5rem !important;
@@ -571,6 +571,78 @@
// margin-bottom: 1rem;
}
}
.programme-1{
.views-field{
color: $col-1 !important;
}
.views-field-field-programme, .views-field-title-1{
.field-content{
background: $col-1 ;
}
}
}
.programme-2{
.views-field{
color: $col-2 !important;
}
.views-field-field-programme, .views-field-title-1{
.field-content{
background: $col-2 ;
}
}
}
.programme-3{
.views-field{
color: $col-eur !important;
}
.views-field-field-programme, .views-field-title-1{
.field-content{
background: $col-eur ;
}
}
}
.programme-4{
.views-field{
color: black;
}
.views-field-field-programme, .views-field-title-1{
.field-content{
background:black ;
}
}
}
.programme-5{
.views-field{
color: $col-mond !important;
}
.views-field-field-programme, .views-field-title-1{
.field-content{
background: $col-mond ;
}
}
}
.programme-6{
.views-field{
color: $col-ter !important;
}
.views-field-field-programme, .views-field-title-1{
.field-content{
background: $col-ter ;
}
}
}
.programme-7{
.views-field{
color: $col-met !important;
}
.views-field-field-programme, .views-field-title-1{
.field-content{
background: $col-met ;
}
}
}
}
footer{
background-color: transparent;
@@ -585,7 +657,7 @@
font-family: "trueno";
font-weight: 500;
padding: .5rem 1rem;
padding: .3rem .7rem;
font-size: $font-small;
text-decoration: none;
text-transform: uppercase;

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

@@ -147,9 +147,9 @@
height: 100%;
}
a[rel~='home']{
display: none;
//display: none;
height: 100%;
// display: block;
display: block;
font-size: 0;
color: transparent;
background: left / contain no-repeat url(../images/POPSU_logo.svg);
@@ -180,15 +180,16 @@
text-align: center;
display: inline-block;
width: auto;
a, span{
text-transform: uppercase;
text-decoration: none;
font-weight: 600;
}
.views-field-title{
// a, span{
// }
.views-field-title a, .views-field-title span{
display: inline-block;
width: auto;
padding: .2rem .5rem;
text-transform: uppercase;
text-decoration: none;
font-weight: 600;
}
}
@@ -280,12 +281,15 @@
footer{
background: white;
margin-top: 3rem;
// margin-top: 3rem;
}
#footer-bottom{
padding: 2rem 0;
height: 15rem;
height: 10rem;
.more{
display: none;
}
*{
word-wrap: break-word;
}
@@ -303,19 +307,20 @@ footer{
}
}
.logo-gouv{
height: 50%;
height: 100%;
margin-bottom: 1rem;
display: block;
color: transparent;
font-size: 0;
background: left / contain no-repeat url(../images/gouv.svg);
}
.logo-puca{
height: 50%;
height: 100%;
display: block;
color: transparent;
font-size: 0;
background: left / contain no-repeat url(../images/puca.svg);
margin-top: -1rem;
margin-top: .5rem;
}
#block-pieddepage{

2
web/themes/custom/popsu/sass/setup/_variables.scss
View File

@@ -14,7 +14,7 @@ $col-2: #61ab32;
$bck-col: #eff2f9;
$lightblue: #98d0d9;
$trame: url(../images/motif_croix.svg);
$trame: center/80% linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url(../images/motif_croix.svg) ;
@media (min-width: 48rem) {

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

@@ -32,7 +32,7 @@
@import "pages/actu";
@import "pages/programme";
@import "pages/archives";
@import "pages/node-evenement";
@import "pages/node-evenement-actu";
@import "pages/themes";
@import "pages/projet";