first real commit ouid

web/themes/custom/eql/css-compiled/global/layout.css

@@ -0,0 +1,3 @@
+.node-type-static {
+  display: grid;
+  grid-template-columns: repeat(6, 1fr); }

web/themes/custom/eql/css-compiled/global/variables/colors.css

@@ -0,0 +1 @@
+/* Colors used for EQL */

web/themes/custom/eql/css-compiled/pages/static.css

@@ -0,0 +1,3 @@
+.field--name-field-textes {
+  grid-column-start: 2;
+  grid-column-end: 7; }

web/themes/custom/eql/css-compiled/styles.css

@@ -81,37 +81,14 @@
 
 /* Manifont Grotesk */
 /* Colors used for EQL */
+.node-type-static {
+  display: grid;
+  grid-template-columns: repeat(6, 1fr); }
+
 /*pages*/
 /*
 @import "pages/partials/header_footer";
 @import "pages/home";*/
-.dialog-off-canvas-main-canvas {
-  background-color: #00ff6a !important; }
-
-.layout-container {
-  display: flex;
-  margin: auto;
-  background-color: red;
-  max-width: 70%; }
-
-#footer-bottom {
-  height: 200px;
-  background-color: salmon; }
-
-.layout-content {
-  display: flex;
-  margin: auto;
-  background-color: aqua;
-  text-transform: uppercase;
-  max-width: 50%; }
-
-#auth_box {
-  background-color: #009ee3;
-  font-family: "Marianne", sans-serif;
-  font-style: 600, italic; }
-  #auth_box #middle_part {
-    color: #9993ae;
-    background-color: black; }
-
-.rouge {
-  text-decoration: brown; }
+.field--name-field-textes {
+  grid-column-start: 2;
+  grid-column-end: 7; }

web/themes/custom/eql/eql.theme

@@ -16,4 +16,8 @@ function eql_preprocess_node(&$variables){
     $actu_type = $node->get('field_actu_type')->getString();
     $variables['attributes']['class'][] = 'actu-type-' . $actu_type;
   }
-}
+}
+
+///////////////////////////////////////////////////
+
+

web/themes/custom/eql/scss/global/layout.scss

@@ -0,0 +1,4 @@
+// .node-type-static{
+//     display: grid;
+//     grid-template-columns: repeat(6,1fr);
+// }

web/themes/custom/eql/scss/global/variables/colors.scss

@@ -5,4 +5,5 @@
 $blue-light: rgb(0,158,227);
 $blue-dark: rgb(9,57,139);
 $grey-background: rgb(153,147,174);
-$black: rgb(0,0,0);
+$black: rgb(0,0,0);
+$white: rgb(255,255,255);

web/themes/custom/eql/scss/global/variables/typography.scss

@@ -1,14 +1,13 @@
 // Font Family
-$font-family-default:  			"Marianne", sans-serif;
-// $font-family-header:  			"Marianne", sans-serif;
-// $font-family-chapeau:           "Marianne", sans-serif;
-$font-family-mono: 				"Inconsolata", monospace;
-$font-family-serif:				"Georgia", "Times", "Times New Roman", serif;
+$font-family-default: "Marianne", sans-serif;
+// $font-family-header: "Marianne", sans-serif;
+// $font-family-chapeau: "Marianne", sans-serif;
+$font-family-mono: "Inconsolata", monospace;
+$font-family-serif:	"Georgia", "Times", "Times New Roman", serif;
 
 
 
 // Font Weight
-
 // les deux lignes qui suivent ne marchent pas !!
 
 $font-regular: "Marianne", 600, normal;

web/themes/custom/eql/scss/pages/static.scss

@@ -0,0 +1,106 @@
+
+.path-node .page-node-type-static {
+    font-family: $font-family-default;
+}
+
+.paragraph paragraph--type--texte .paragraph--view-mode--default {
+    font-family: $font-family-default;
+}
+
+
+.node-type-static {
+    display: flex;
+    flex-direction: column;
+    font-family: $font-family-default;
+    .field--name-field-textes {
+        display: flex;
+        flex-direction: column;
+        max-width: 50%;
+        align-self: center;
+        margin: auto;
+        margin-left: 20%;
+        margin-right: 30%;
+        padding: 4rem;
+    }
+    .field--name-field-titre{
+        .field__item{
+            color: $blue-dark;
+            font-weight: 900;
+            font-size: 2rem;
+        }
+        .field__label{
+            visibility: hidden;
+        }
+    } 
+    .inter-titre {
+        color: $blue-light;
+        text-transform: uppercase;
+    }
+
+}
+
+// field field--name-field-liens field--type-link field--label-above
+
+
+.field--name-field-liens  {
+    // position: relative;
+    // position: sticky;
+    // clear: right;
+    float: right;
+    width: 20%;
+    margin-right: 10%;
+    margin-bottom: 2rem;
+    justify-items: center;
+    .ext {
+        display: flex;
+        flex-direction: row-reverse;
+        position: sticky;
+        height: fit-content;
+        font-weight: 900;
+        background-color: $blue-light;
+        color: $white;
+        text-decoration: none;
+        justify-content: left;  
+        align-items: center;  
+        padding: 0.2rem;
+        svg {
+            width: 70px;
+            height: 70px;
+            padding: 0;
+            padding-right: 1rem;
+            padding-left: 0.5rem;
+            padding-bottom: 1rem;
+            margin: 0;
+            fill: $black;
+            path, svg.mailto path {
+                stroke: $black;
+                stroke-width: 0.1px;
+                }   
+        }
+
+    }
+}
+
+.field--name-field-fichiers  {
+    position: relative;
+    clear: right;
+    float: right;
+    width: 20%;
+    margin-right: 10%;
+
+    .file--mime-application-pdf {
+        display: flex;
+        height: fit-content;
+        font-weight: 900;
+        background-color: $blue-light;
+        color: $white;
+        justify-content: right;  
+        align-items: center;  
+        padding: 1rem;
+        a {
+            color: $white;
+            text-decoration: none;
+            // outline: none;
+        }   
+    }
+}

web/themes/custom/eql/scss/pages/test_lavanture.scss

@@ -1,49 +0,0 @@
-
-
-
-
-.dialog-off-canvas-main-canvas{
-    background-color: rgb(0, 255, 106) !important;
-}   
-
-
-.layout-container {
-    display: flex;
-    margin: auto;
-    background-color: red;
-    max-width: 70%;
-}
-
-#footer-bottom {
-
-    height: 200px;
-    background-color: salmon;
-}
-
-.layout-content {
-    display: flex;
-    margin: auto;
-    background-color: aqua;
-  
-    text-transform: uppercase;
-    max-width: 50%;
-  
-}
-
-#auth_box {
-    background-color: $blue-light;
-    font-family: $font-family-default;
-    font-style: $font-regular-italic;
-    // font-family: 'Marianne';
-    // font-weight: 300;
-    #middle_part {
-        color: $grey-background;
-        background-color: $black;
-    }
-}
-
-// class="rouge" que j'ai rajouté dans fichiers templates/layout/field.html.twig marche pas
-.rouge {
-    text-decoration: brown;
-}
-

web/themes/custom/eql/scss/styles.scss

@@ -6,6 +6,7 @@
 @import "global/fonts";
 @import "global/variables/typography";
 @import "global/variables/colors";
+@import "global/layout";
 
 
 /*pages*/
@@ -14,6 +15,6 @@
 @import "pages/home";*/
 
 // @import "pages/off_canvas_page_wrapper";
-@import "pages/test_lavanture";
+@import "pages/static";
 
 

web/themes/custom/eql/templates/layout/page.html.twig

@@ -30,46 +30,50 @@
  * @see html.html.twig
  */
 #}
+ 
 <div class="layout-container">
 
-  <header role="banner">
-    <section id="header-top">
-      {{ page.header_top_left }}
-      {{ page.header_top_rigth }}
-    </section>
-    {{ page.header_bottom }}
-  </header>
+  
 
-  {{ page.help }}
+    <header role="banner">
+      <section id="header-top">
+        {{ page.header_top_left }}
+        {{ page.header_top_rigth }}
+      </section>
+      {{ page.header_bottom }}
+    </header>
 
-  <main role="main">
-    <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
+    {{ page.help }}
 
-    <div class="layout-content">
-      {{ page.content }}
-    </div>{# /.layout-content #}
+    <main role="main">
+      <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
 
-    {% if page.sidebar_first %}
-      <aside class="layout-sidebar-first" role="complementary">
-        {{ page.sidebar_first }}
-      </aside>
-    {% endif %}
+      <div class="layout-content">
+        {{ page.content }}
+      </div>{# /.layout-content #}
 
-    {% if page.sidebar_second %}
-      <aside class="layout-sidebar-second" role="complementary">
-        {{ page.sidebar_second }}
-      </aside>
-    {% endif %}
+      {% if page.sidebar_first %}
+        <aside class="layout-sidebar-first" role="complementary">
+          {{ page.sidebar_first }}
+        </aside>
+      {% endif %}
 
-  </main>
+      {% if page.sidebar_second %}
+        <aside class="layout-sidebar-second" role="complementary">
+          {{ page.sidebar_second }}
+        </aside>
+      {% endif %}
 
-  <footer role="contentinfo">
-    {{ page.footer_top }}
-    <section id="fotter-bottom">
-      {{ page.footer_left }}
-      {{ page.footer_middle }}
-      {{ page.footer_right }}
-    </section>
-  </footer>
+    </main>
+
+    <footer role="contentinfo">
+      {{ page.footer_top }}
+      <section id="fotter-bottom">
+        {{ page.footer_left }}
+        {{ page.footer_middle }}
+        {{ page.footer_right }}
+      </section>
+    </footer>
+
+</div>{# /.layout-container #}
 
-</div>{# /.layout-container #}