Merge branch 'master' of gogs-figureslibres.io:bachir/d9-eql

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

@@ -0,0 +1,27 @@
+.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: blue;
+  font-family: 'Marianne';
+  font-weight: 300; }
+
+.rouge {
+  text-decoration: brown; }

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

@@ -0,0 +1,117 @@
+/*eql*/
+/*global*/
+@font-face {
+  font-family: 'duke';
+  src: url("../fonts/Duke_Fill.otf") format("opentype");
+  font-weight: 400;
+  font-style: normal; }
+
+/*marianne*/
+@font-face {
+  font-family: 'Marianne';
+  src: url("../fonts/Marianne/Marianne-Thin.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Thin.woff") format("woff");
+  font-weight: 300;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'Marianne';
+  src: url("../fonts/Marianne/Marianne-Thin_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Thin_Italic.woff") format("woff");
+  font-weight: 300;
+  font-style: italic; }
+
+@font-face {
+  font-family: 'Marianne';
+  src: url("../fonts/Marianne/Marianne-Light.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Light.woff") format("woff");
+  font-weight: 400;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'Marianne';
+  src: url("../fonts/Marianne/Marianne-Light_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Light_Italic.woff") format("woff");
+  font-weight: 400;
+  font-style: italic; }
+
+@font-face {
+  font-family: 'Marianne';
+  src: url("../fonts/Marianne/Marianne-Regular.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Regular.woff") format("woff");
+  font-weight: 600;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'Marianne';
+  src: url("../fonts/Marianne/Marianne-Regular_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Regular_Italic.woff") format("woff");
+  font-weight: 600;
+  font-style: italic; }
+
+@font-face {
+  font-family: 'Marianne';
+  src: url("../fonts/Marianne/Marianne-Medium.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Medium.woff") format("woff");
+  font-weight: 800;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'Marianne';
+  src: url("../fonts/Marianne/Marianne-Medium_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Medium_Italic.woff") format("woff");
+  font-weight: 800;
+  font-style: italic; }
+
+@font-face {
+  font-family: 'Marianne';
+  src: url("../fonts/Marianne/Marianne-Bold.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Bold.woff") format("woff");
+  font-weight: 900;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'Marianne';
+  src: url("../fonts/Marianne/Marianne-Bold_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Bold_Italic.woff") format("woff");
+  font-weight: 900;
+  font-style: italic; }
+
+@font-face {
+  font-family: 'Marianne';
+  src: url("../fonts/Marianne/Marianne-ExtraBold.woff2") format("woff2"), url("../fonts/Marianne/Marianne-ExtraBold.woff") format("woff");
+  font-weight: 1000;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'Marianne';
+  src: url("../fonts/Marianne/Marianne-ExtraBold_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-ExtraBold_Italic.woff") format("woff");
+  font-weight: 1000;
+  font-style: italic; }
+
+/* Manifont Grotesk */
+/* Colors used for EQL */
+/*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; }

web/themes/custom/eql/eql.info.yml

@@ -6,6 +6,9 @@ version: VERSION
 core_version_requirement: ^8.8 || ^9
 base theme: false
 
+libraries:
+  - eql/global-css
+
 regions:
   header_top_left: 'Header top left'
   header_top_rigth: 'Header top right'
@@ -19,4 +22,5 @@ regions:
   footer_top: 'Footer top'
   footer_bottom_left: 'Footer bottom left'
   footer_bottom_middle: 'Footer bottom middle'
-  footer_bottom_right: 'Footer bottom right'
+  footer_bottom_right: 'Footer bottom right'
+

web/themes/custom/eql/eql.libraries.yml

@@ -0,0 +1,7 @@
+global-css:
+
+  css:
+    theme:
+       css-compiled/styles.css: {}
+
+  

web/themes/custom/eql/images/pictos/noun_Arrow_3771902.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 100 125"
+   style="enable-background:new 0 0 100 100;"
+   xml:space="preserve"
+   id="svg8"
+   sodipodi:docname="noun_Arrow_3771902.svg"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"><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" /><dc:title></dc:title></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="50"
+     inkscape:cy="62.5"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8" /><polygon
+     points="58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2 71.9,49 24.3,49 24.3,51 71.9,51 "
+     id="polygon2" /></svg>

web/themes/custom/eql/images/pictos/noun_Download file_307900.svg

@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 512 640"
+   enable-background="new 0 0 512 512"
+   xml:space="preserve"
+   id="svg12"
+   sodipodi:docname="noun_Download file_307900.svg"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"><metadata
+     id="metadata18"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs16" /><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="1051"
+     id="namedview14"
+     showgrid="false"
+     inkscape:zoom="0.95569901"
+     inkscape:cx="-5.7117605"
+     inkscape:cy="290.68646"
+     inkscape:window-x="1920"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg12" /><g
+     id="g6"><path
+       d="M443.059,118.594c-0.062-2.312-1.172-4.688-3.016-6.328L330.293,2.562C328.574,0.922,326.34,0,323.98,0H92.863   C79.66,0,68.926,10.75,68.926,23.969v464.094C68.926,501.266,79.66,512,92.863,512h326.273c13.188,0,23.938-10.734,23.938-23.938   L443.059,118.594z M324.418,22.422l96.25,96.234h-96.25V22.422z M424.855,493.781H87.137V18.25h219.078v94.688   c0,13.188,10.734,23.938,23.922,23.938h94.719V493.781z"
+       id="path2" /></g><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;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.999997;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+     d="m 348.93992,348.05552 -88.89665,88.89665 V 187.66369 H 247.1597 v 249.28848 l -88.89665,-88.89665 -9.0185,9.0185 104.35694,104.35694 104.35693,-104.35694 z"
+     id="polygon2"
+     sodipodi:nodetypes="cccccccccc" /></svg>

web/themes/custom/eql/images/pictos/noun_External Link_674151.svg

@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 100 125"
+   style="enable-background:new 0 0 100 100;"
+   xml:space="preserve"
+   id="svg20"
+   sodipodi:docname="noun_External Link_674151.svg"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"><metadata
+     id="metadata26"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs24" /><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="namedview22"
+     showgrid="false"
+     inkscape:zoom="6.92"
+     inkscape:cx="50"
+     inkscape:cy="159.82431"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg20" /><g
+     id="g14"><g
+       id="g4"><rect
+         x="31.4"
+         y="35.1"
+         transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.65 55.5169)"
+         width="63.6"
+         height="3.7"
+         id="rect2" /></g><g
+       id="g8"><polygon
+         points="87.6,40.7 83.8,40.7 83.8,16.4 59.4,16.4 59.4,12.6 87.6,12.6   "
+         id="polygon6" /></g><g
+       id="g12"><polygon
+         points="80.1,87.6 12.6,87.6 12.6,20.1 46.3,20.1 46.3,23.9 16.3,23.9 16.3,83.9 76.3,83.9 76.3,53.9 80.1,53.9   "
+         id="polygon10" /></g></g></svg>

web/themes/custom/eql/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "dev.eql.fr",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "sass": "node-sass -w scss -o css-compiled"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://figureslibres.io/gogs/bachir/d9-eql.git"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "node-sass": "^6.0.1"
+  }
+}

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

@@ -0,0 +1,109 @@
+@font-face {
+    font-family: 'duke';
+    src: url('../fonts/Duke_Fill.otf') format('opentype');
+    font-weight: 400;
+    font-style: normal;
+}
+
+/*marianne*/
+
+@font-face {
+    font-family: 'Marianne';
+    src: url('../fonts/Marianne/Marianne-Thin.woff2') format('woff2'),
+         url('../fonts/Marianne/Marianne-Thin.woff') format('woff');
+    font-weight: 300;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Marianne';
+    src: url('../fonts/Marianne/Marianne-Thin_Italic.woff2') format('woff2'),
+         url('../fonts/Marianne/Marianne-Thin_Italic.woff') format('woff');
+    font-weight: 300;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Marianne';
+    src: url('../fonts/Marianne/Marianne-Light.woff2') format('woff2'),
+         url('../fonts/Marianne/Marianne-Light.woff') format('woff');
+    font-weight: 400;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Marianne';
+    src: url('../fonts/Marianne/Marianne-Light_Italic.woff2') format('woff2'),
+         url('../fonts/Marianne/Marianne-Light_Italic.woff') format('woff');
+    font-weight: 400;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Marianne';
+    src: url('../fonts/Marianne/Marianne-Regular.woff2') format('woff2'),
+         url('../fonts/Marianne/Marianne-Regular.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Marianne';
+    src: url('../fonts/Marianne/Marianne-Regular_Italic.woff2') format('woff2'),
+         url('../fonts/Marianne/Marianne-Regular_Italic.woff') format('woff');
+    font-weight: 600;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Marianne';
+    src: url('../fonts/Marianne/Marianne-Medium.woff2') format('woff2'),
+         url('../fonts/Marianne/Marianne-Medium.woff') format('woff');
+    font-weight: 800;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Marianne';
+    src: url('../fonts/Marianne/Marianne-Medium_Italic.woff2') format('woff2'),
+         url('../fonts/Marianne/Marianne-Medium_Italic.woff') format('woff');
+    font-weight: 800;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Marianne';
+    src: url('../fonts/Marianne/Marianne-Bold.woff2') format('woff2'),
+         url('../fonts/Marianne/Marianne-Bold.woff') format('woff');
+    font-weight: 900;
+    font-style: normal;
+}
+
+
+@font-face {
+    font-family: 'Marianne';
+    src: url('../fonts/Marianne/Marianne-Bold_Italic.woff2') format('woff2'),
+         url('../fonts/Marianne/Marianne-Bold_Italic.woff') format('woff');
+    font-weight: 900;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Marianne';
+    src: url('../fonts/Marianne/Marianne-ExtraBold.woff2') format('woff2'),
+         url('../fonts/Marianne/Marianne-ExtraBold.woff') format('woff');
+    font-weight: 1000;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Marianne';
+    src: url('../fonts/Marianne/Marianne-ExtraBold_Italic.woff2') format('woff2'),
+         url('../fonts/Marianne/Marianne-ExtraBold_Italic.woff') format('woff');
+    font-weight: 1000;
+    font-style: italic;
+}
+
+
+/* Manifont Grotesk */
+

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

@@ -0,0 +1,8 @@
+
+/* Colors used for EQL */
+
+
+$blue-light: rgb(0,158,227);
+$blue-dark: rgb(9,57,139);
+$grey-background: rgb(153,147,174);
+$black: rgb(0,0,0);

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

@@ -0,0 +1,22 @@
+// 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 Weight
+
+// les deux lignes qui suivent ne marchent pas !!
+
+$font-regular: "Marianne", 600, normal;
+$font-regular-italic: 600, italic;
+
+// à tester, pas aboutis
+// $font-titre-page() {
+//     font-style: normal;
+//     font-weight: 900;
+//     font-family: $font-family-default;
+// }

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

@@ -0,0 +1,49 @@
+
+
+
+
+.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

@@ -0,0 +1,19 @@
+/*eql*/
+
+
+/*global*/
+
+@import "global/fonts";
+@import "global/variables/typography";
+@import "global/variables/colors";
+
+
+/*pages*/
+/*
+@import "pages/partials/header_footer";
+@import "pages/home";*/
+
+// @import "pages/off_canvas_page_wrapper";
+@import "pages/test_lavanture";
+
+

web/themes/custom/eql/templates/field.html.twig

@@ -0,0 +1,85 @@
+<article class="test-ouid" role="article">
+  
+  <div>
+    
+
+<!-- THEME DEBUG -->
+<!-- THEME HOOK: 'field' -->
+<!-- FILE NAME SUGGESTIONS:
+   * field--node--field-sous-titre--evenement.html.twig
+   * field--node--field-sous-titre.html.twig
+   * field--node--evenement.html.twig
+   * field--field-sous-titre.html.twig
+   * field--string.html.twig
+   x field.html.twig
+-->
+<!-- BEGIN OUTPUT from 'core/modules/system/templates/field.html.twig' -->
+
+            <div class="rouge">Test</div>
+      
+<!-- END OUTPUT from 'core/modules/system/templates/field.html.twig' -->
+
+
+
+<!-- THEME DEBUG -->
+<!-- THEME HOOK: 'field' -->
+<!-- FILE NAME SUGGESTIONS:
+   * field--node--field-date--evenement.html.twig
+   * field--node--field-date.html.twig
+   * field--node--evenement.html.twig
+   * field--field-date.html.twig
+   * field--datetime.html.twig
+   x field.html.twig
+-->
+<!-- BEGIN OUTPUT from 'core/modules/system/templates/field.html.twig' -->
+
+      <div>
+              <div>
+
+<!-- THEME DEBUG -->
+<!-- THEME HOOK: 'time' -->
+<!-- BEGIN OUTPUT from 'core/modules/system/templates/time.html.twig' -->
+<time datetime="2021-11-10T12:00:00Z">mer 10/11/2021 - 12:00</time>
+
+<!-- END OUTPUT from 'core/modules/system/templates/time.html.twig' -->
+
+</div>
+              <div>
+
+<!-- THEME DEBUG -->
+<!-- THEME HOOK: 'time' -->
+<!-- BEGIN OUTPUT from 'core/modules/system/templates/time.html.twig' -->
+<time datetime="2021-11-26T12:00:00Z">ven 26/11/2021 - 12:00</time>
+
+<!-- END OUTPUT from 'core/modules/system/templates/time.html.twig' -->
+
+</div>
+          </div>
+  
+<!-- END OUTPUT from 'core/modules/system/templates/field.html.twig' -->
+
+
+
+<!-- THEME DEBUG -->
+<!-- THEME HOOK: 'field' -->
+<!-- FILE NAME SUGGESTIONS:
+   * field--node--body--evenement.html.twig
+   * field--node--body.html.twig
+   * field--node--evenement.html.twig
+   * field--body.html.twig
+   * field--text-with-summary.html.twig
+   x field.html.twig
+-->
+<!-- BEGIN OUTPUT from 'core/modules/system/templates/field.html.twig' -->
+
+            <div><p>bonjour,&nbsp;</p>
+<p>ceci est un test de css et de capacité à&nbsp;&nbsp;</p>
+<p>faire un site&nbsp; drupal !</p>
+</div>
+      
+<!-- END OUTPUT from 'core/modules/system/templates/field.html.twig' -->
+
+
+  </div>
+
+</article>