bachir/drupal-quartiersdedemain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

intégration design page site

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2024-09-05 21:57:40 +02:00
parent 35995f755d
commit 975c9c5ec8
14 changed files with 558 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
web/themes/custom/quartiers_de_demain/src/assets/fonts/Gilroy/gilroy-light-webfont.woff Normal file
View File

Binary file not shown.

BIN
web/themes/custom/quartiers_de_demain/src/assets/fonts/Gilroy/gilroy-light-webfont.woff2 Normal file
View File

Binary file not shown.

23
web/themes/custom/quartiers_de_demain/src/assets/img/map_pointer.svg Normal file
View File

@@ -0,0 +1,23 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg1"
width="31.091003"
height="43.889252"
viewBox="0 0 31.091003 43.889251"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<g
id="g1"
transform="translate(-577.77777,-402.47138)">
<path
id="path934"
d="m 22.40241,-7.12118 c -0.58735,1.38841 -1.42748,2.63555 -2.49877,3.70558 -1.07061,1.07139 -2.31695,1.9116 -3.70591,2.49901 C 14.76011,-0.30824 13.23327,0 11.66047,0 10.08632,0 8.55881,-0.30824 7.12119,-0.91659 5.73358,-1.504 4.48589,-2.34421 3.41595,-3.4156 2.34467,-4.48563 1.50453,-5.73277 0.91718,-7.12118 0.30821,-8.55961 0,-10.08659 0,-11.66021 c 0,-2.64298 1.87019,-6.90217 5.55785,-12.65927 2.70357,-4.22201 5.44566,-7.75455 5.47269,-7.78902 l 0.62926,-0.80844 0.6279,0.80844 c 0.02771,0.03447 2.77048,3.56633 5.47337,7.78902 3.68766,5.7571 5.55717,10.01629 5.55717,12.65927 0.0014,1.57362 -0.30685,3.1006 -0.91583,4.53903 z M 11.6598,-15.65916 c -2.49539,0 -4.51833,2.02381 -4.51833,4.52011 0,2.4963 2.02361,4.51943 4.51833,4.51943 2.49674,0 4.51901,-2.02313 4.51901,-4.51943 0,-2.4963 -2.02227,-4.52011 -4.51901,-4.52011 z"
style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
transform="matrix(1.3333333,0,0,-1.3333333,577.77777,402.47137)" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

9
web/themes/custom/quartiers_de_demain/src/assets/scss/global/_fonts.scss
View File

@@ -89,6 +89,15 @@
}
@font-face {
font-family: 'gilroy-light';
src: url('../fonts/Gilroy/gilroy-light-webfont.woff2') format('woff2'),
url('../fonts/Gilroy/gilroy-light-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
/*marianne*/

198
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss Normal file
View File

@@ -0,0 +1,198 @@
.node-type-site{
.layout-content{
margin-top: 3rem;
max-width: 100vw;
.content_container{
width: 90% !important;
}
}
.layout--threecol-25-50-25{
flex-wrap: nowrap;
.layout__region--first{
flex: 1 0 20%;
display: flex;
flex-direction: column;
align-items: center;
.block-region-first{
width: 100%;
}
div{
// width: fit-content;
}
div:has(.field_field_documents){
h2, .field--label-above, span:not(.file){
display: none;
}
.file--mime-application-pdf, .ext{
background-color: black;
color: white;
font-size: 0.4rem;
text-transform: uppercase;
a{
color: white;
}
}
}
}
.layout__region--second{
flex: 0 1 80%;
.block-region-second{
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-left: 2.5rem;
.field_title,
.field_field_numero,
.field_field_sous_titre{
font-family: "gilroy-semibold";
font-size: 1.3rem;
}
.field_field_numero{
::before{
content: url("../img/map_pointer.svg");
top: 0.8rem;
position: relative;
padding-right: 0.5rem;
}
div{
&::after{
content: "-";
padding-left: 0.4rem;
padding-right: 0.4rem;
}
}
}
.field_field_sous_titre{
font-size: 0.9rem;
padding-left: 1.5rem;
}
div:has(.field_field_sous_titre){
flex: 0 0 100%;
}
.views-element-container{
margin-top: 1rem;
font-size: 0.5rem;
flex: 0 0 70%;
border-bottom: solid 1px $red_QDD;
// padding-bottom: 0.5rem;
.views-row{
// width: 70%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
.views-field{
flex: 0 0 50%;
}
}
.views-label{
color: $red_QDD ;
font-family: "gilroy-semibold";
text-transform: uppercase;
// margin-top: 0.2rem;
}
.field-content{
font-family: "gilroy-light";
border-bottom: solid 1px $red_QDD;
margin-bottom: 0.3rem;
padding-bottom: 0.5rem;
}
.views-field-field-nom-de-la-commune-nb-d-hab .field-content{
border-bottom: none;
}
}
div:has(.field_field_mots_clefs){
margin-top: 1rem;
flex: 0 0 25%;
padding-left: 1rem;
border-bottom: solid 1px $red_QDD;
.field_field_mots_clefs{
font-size: 0.5rem;
color: $blue_QDD;
}
}
div:has(.field_field_parties){
margin-top: 2rem;
.paragraph--type--site-parts{
.field_field_titre_site{
font-family: 'gilroy-semibold';
font-size: 0.6rem;
}
.field_field_texte_site p{
font-family: 'gilroy-medium';
font-size: 0.6rem;
margin-top: 0;
}
}
}
.paragraph--type--site-diapo{
.field_field_images {
.diaporama{
display: flex !important;
flex-direction: row !important;
justify-content: space-between;
.cadre-img-zoom{
margin: auto;
img{
object-fit: cover;
width: 300px;
height: 200px;
}
}
.image-field-caption{
margin: 0;
p{
font-size: 0.3rem;
font-family: 'gilroy-light';
}
}
}
}
}
}
}
.layout__region--third{
.block-region-third{
div{
display: flex;
flex-direction: row;
.prev-site{
padding-right: 0.5rem;
&::before{
content: url('../img/prev.svg');
}
span{
display: none;
}
}
.next-site{
span{
display: none;
}
&::before{
content: url('../img/next.svg');
}
}
}
}
}
}
}

1
web/themes/custom/quartiers_de_demain/src/assets/scss/quartiers_de_demain.scss
View File

@@ -44,4 +44,5 @@
// @import "pages/presentation";
@import "pages/static";
@import "pages/actualite";
@import "pages/node-type-site";