Browse Source

new contenu home + footer

ouidade 3 years ago
parent
commit
8ebae55898

+ 1 - 1
web/profiles/d8-starterkit-profile

@@ -1 +1 @@
-Subproject commit 9b46db9c56faf2cbc965ea1b76ce5345e7f46c0f
+Subproject commit 6fe8986494069c7e9bf019cbe98d8f2c7d5166d0

+ 30 - 6
web/themes/custom/eql/css-compiled/styles.css

@@ -380,6 +380,32 @@ a {
           font-weight: 800;
           color: white;
           font-size: 1.3rem; }
+  .path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 {
+    grid-column: 5;
+    grid-row: 1;
+    height: fit-content;
+    display: flex;
+    justify-self: end;
+    width: 50%;
+    margin-top: 14rem; }
+    .path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body {
+      justify-content: right;
+      display: flex;
+      flex-direction: column;
+      font-family: "Source Code Pro";
+      text-transform: uppercase;
+      text-align: right;
+      font-size: 1.3rem; }
+      .path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body :nth-child(1):after {
+        display: block;
+        content: url("../images/pictos/noun_Arrow_3771902-rouge.svg");
+        transform: rotate(90deg);
+        height: fit-content;
+        position: relative;
+        top: -30px;
+        right: -60px; }
+      .path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body :nth-child(2) {
+        font-size: 2rem; }
   .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 {
     grid-area: actus;
     width: 100vw;
@@ -941,9 +967,7 @@ header {
   #fotter-bottom .region-footer-bottom-left {
     margin-left: 3rem;
     border: none;
-    width: 30%;
-    display: flex;
-    flex-direction: row; }
+    width: 30%; }
     #fotter-bottom .region-footer-bottom-left .view-id-partenaires .view-content {
       display: flex;
       flex-direction: row;
@@ -953,9 +977,9 @@ header {
       #fotter-bottom .region-footer-bottom-left .view-id-partenaires .view-content .node-type-partenaires_logo_footer_ {
         padding-right: 1rem;
         padding-bottom: 1rem; }
-    #fotter-bottom .region-footer-bottom-left .block-views-blockpartenaires-block-3 {
-      border-left: #009ee3 solid 1px;
-      padding-left: 1rem; }
+    #fotter-bottom .region-footer-bottom-left .block-views-blockpartenaires-block-3 img {
+      width: auto;
+      height: 30px; }
   #fotter-bottom .region-footer-bottom-right {
     width: 15%;
     display: flex;

+ 54 - 0
web/themes/custom/eql/images/pictos/noun_Arrow_3771902-rouge.svg

@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   version="1.1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 52 33"
+   xml:space="preserve"
+   id="svg8"
+   sodipodi:docname="noun_Arrow_3771902-rouge.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   width="52"
+   height="33"
+   inkscape:export-filename="/home/ouidade/Sites/EQL/docker-eql/src_d9/web/themes/custom/eql/images/pictos/noun_Arrow_3771902.png"
+   inkscape:export-xdpi="300"
+   inkscape:export-ydpi="300"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"><metadata
+     id="metadata14"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs12" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1015"
+     id="namedview10"
+     showgrid="false"
+     inkscape:zoom="6.92"
+     inkscape:cx="20.953757"
+     inkscape:cy="38.222543"
+     inkscape:window-x="0"
+     inkscape:window-y="36"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8"
+     inkscape:pagecheckerboard="0"
+     width="99px" /><polygon
+     points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2 "
+     id="polygon2"
+     inkscape:export-filename="/home/ouidade/Sites/EQL/docker-eql/src_d9/web/themes/custom/eql/images/pictos/polygon2.png"
+     inkscape:export-xdpi="300"
+     inkscape:export-ydpi="300"
+     transform="translate(-23.815852,-33.316918)"
+     style="fill:#ea0000;fill-opacity:1" /></svg>

+ 33 - 0
web/themes/custom/eql/scss/pages/_home.scss

@@ -173,6 +173,39 @@
                 }
             }
         }
+
+        .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695{
+            grid-column: 5;
+            grid-row: 1;
+            height: fit-content;
+            display: flex;
+            justify-self: end;
+            width: 50%;
+            margin-top: 14rem;
+            .field--name-body{
+                justify-content: right;
+                display: flex;
+                flex-direction: column;
+                font-family: "Source Code Pro";
+                text-transform: uppercase;
+                text-align: right;
+                font-size: 1.3rem;
+                :nth-child(1){
+                    &:after{
+                        display: block;
+                        content: url("../images/pictos/noun_Arrow_3771902-rouge.svg");
+                        transform: rotate(90deg);
+                        height: fit-content;
+                        position: relative;
+                        top: -30px;
+                        right: -60px;
+                    }
+                }                
+                :nth-child(2){
+                    font-size: 2rem;
+                }
+            }
+        }
         
         // bandeau actus
         .block-views-blockactus-blocks-pages-block-1{

+ 4 - 4
web/themes/custom/eql/scss/partials/_footer.scss

@@ -28,8 +28,6 @@
         margin-left: 3rem;
         border: none;
         width: 30%;
-        display: flex;
-        flex-direction: row;
         .view-id-partenaires{
             .view-content{
               
@@ -45,8 +43,10 @@
             }
         }
         .block-views-blockpartenaires-block-3{
-            border-left: $blue-light solid 1px;   
-            padding-left: 1rem;
+            img{
+                width: auto;
+                height: 30px;
+            }
         }
     }