Browse Source

height 1er bandeau home

ouidade 3 years ago
parent
commit
731eef5f04

+ 5 - 2
web/themes/custom/eql/css-compiled/styles.css

@@ -315,15 +315,18 @@ a {
         font-weight: 900;
         color: #009ee3;
         line-height: 7rem;
-        margin-top: 1rem;
+        margin-top: 2rem;
         margin-bottom: 5rem;
         width: fit-content; }
+        .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche p {
+          margin-top: 4rem;
+          margin-bottom: 0; }
         .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche span {
           background-color: white; }
       .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title {
         grid-column: 4;
         grid-row: 2;
-        margin-top: 4rem; }
+        margin-top: 3rem; }
         .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title h2 {
           background-color: white; }
           .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title h2 a {

+ 17 - 17
web/themes/custom/eql/images/pictos/forme_home_2.svg

@@ -3,9 +3,9 @@
    version="1.1"
    id="svg871"
    xml:space="preserve"
-   width="1695.3451"
-   height="1022.6142"
-   viewBox="0 0 1695.3451 1022.6142"
+   width="1695.3441"
+   height="1022.614"
+   viewBox="0 0 1695.3441 1022.614"
    sodipodi:docname="forme_home_2.svg"
    inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
@@ -61,7 +61,7 @@
        x2="341.04544"
        y2="623.79181"
        gradientUnits="userSpaceOnUse"
-       gradientTransform="translate(435.18428,-1001.4364)" /><linearGradient
+       gradientTransform="translate(475.28911,-1096.8496)" /><linearGradient
        inkscape:collect="always"
        xlink:href="#linearGradient923"
        id="linearGradient1736"
@@ -70,7 +70,7 @@
        x2="1028.988"
        y2="456.5993"
        gradientUnits="userSpaceOnUse"
-       gradientTransform="translate(-235.25704,-1066.2619)" /></defs><sodipodi:namedview
+       gradientTransform="translate(-258.77158,-1167.0568)" /></defs><sodipodi:namedview
      pagecolor="#ffffff"
      bordercolor="#666666"
      borderopacity="1"
@@ -84,10 +84,10 @@
      id="namedview873"
      showgrid="false"
      inkscape:zoom="0.32694942"
-     inkscape:cx="856.40158"
-     inkscape:cy="1124.0271"
+     inkscape:cx="639.24261"
+     inkscape:cy="828.87439"
      inkscape:window-x="0"
-     inkscape:window-y="36"
+     inkscape:window-y="332"
      inkscape:window-maximized="1"
      inkscape:current-layer="g879"
      inkscape:document-rotation="0"
@@ -95,29 +95,29 @@
      fit-margin-top="0"
      fit-margin-left="0"
      fit-margin-right="0"
-     fit-margin-bottom="0" /><g
+     fit-margin-bottom="0"
+     height="33.000008px" /><g
      id="g879"
      inkscape:groupmode="layer"
      inkscape:label="forme_home"
-     transform="matrix(1.3333333,0,0,-1.3333333,-10.719379,1318.7682)"><path
+     transform="matrix(1.3333333,0,0,-1.3333333,-10.720345,1456.7682)"><path
        style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:11.25;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers fill stroke;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:#000000"
        d="M 541.20254,-272.12823 1100.1099,-683.33083 688.90735,-1242.2383 129.99993,-831.03569 Z"
        id="path910" /><path
        id="path912"
-       style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#26448e;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.33333;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers fill stroke;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:#000000"
-       d="M 948.77148,4.0664062 944.32617,10.107422 391.61328,761.35742 748.20312,1023.709 h 25.3125 L 412.58594,758.16406 951.96484,25.037109 1685.0918,564.41992 1347.1816,1023.709 h 18.6211 l 340.2618,-462.48244 z"
-       transform="matrix(0.75000002,0,0,-0.75000002,0,992.12597)" /><rect
+       style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#26448e;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.999998;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers fill stroke;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:#000000"
+       d="m 711.57863,1092.5762 -3.33398,-4.5308 L 293.70997,524.60789 561.15235,327.8442 h 18.98438 L 309.43946,527.00291 713.97365,1076.8481 1263.8189,672.31102 1010.3862,327.8442 h 13.9659 l 255.1963,346.86184 z" /><rect
        style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient1736);stroke-width:11.25;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
        id="rect1680-2"
        width="380.04062"
        height="380.04062"
-       x="408.06534"
-       y="-799.68292"
+       x="384.55084"
+       y="-900.47516"
        transform="matrix(0.97384906,-0.22719595,-0.22719595,-0.97384906,0,0)" /><rect
        style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient1728);stroke-width:11.25;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000"
        id="rect1680-2-9"
        width="491.80469"
        height="491.80469"
-       x="278.80002"
-       y="-623.547"
+       x="318.90533"
+       y="-718.96106"
        transform="matrix(0.92187643,0.38748399,0.38748399,-0.92187643,0,0)" /></g></svg>

+ 11 - 2
web/themes/custom/eql/scss/pages/_home.scss

@@ -14,6 +14,8 @@
         min-height: 100vh;
     
 
+        // 1er bandeau home
+
         .block-views-blockhome-nodes-block-1{
             grid-area: presentation;
             grid-row: 1;
@@ -38,18 +40,25 @@
                         font-weight: 900;
                         color: $blue-light;
                         line-height: 7rem;
-                        margin-top: 1rem;
+                        margin-top: 2rem;
                         margin-bottom: 5rem;
                         width: fit-content;
+                        p{
+                            margin-top: 4rem;
+                            margin-bottom: 0;
+
+                        }
+
                         span {
                             background-color: $white;
+
                         }
 
                     }
                     .field--name-title{
                         grid-column: 4;
                         grid-row: 2;
-                        margin-top: 4rem;
+                        margin-top: 3rem;
         
                         h2{