diff --git a/web/themes/custom/eql/css-compiled/global/layout.css b/web/themes/custom/eql/css-compiled/global/layout.css new file mode 100644 index 0000000..dadf4c1 --- /dev/null +++ b/web/themes/custom/eql/css-compiled/global/layout.css @@ -0,0 +1,3 @@ +.node-type-static { + display: grid; + grid-template-columns: repeat(6, 1fr); } diff --git a/web/themes/custom/eql/css-compiled/global/variables/colors.css b/web/themes/custom/eql/css-compiled/global/variables/colors.css new file mode 100644 index 0000000..d81dcfd --- /dev/null +++ b/web/themes/custom/eql/css-compiled/global/variables/colors.css @@ -0,0 +1 @@ +/* Colors used for EQL */ diff --git a/web/themes/custom/eql/css-compiled/global/variables/typography.css b/web/themes/custom/eql/css-compiled/global/variables/typography.css new file mode 100644 index 0000000..e69de29 diff --git a/web/themes/custom/eql/css-compiled/pages/static.css b/web/themes/custom/eql/css-compiled/pages/static.css new file mode 100644 index 0000000..ac5c5c4 --- /dev/null +++ b/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; } diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 74afecd..71557c2 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/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; } diff --git a/web/themes/custom/eql/eql.theme b/web/themes/custom/eql/eql.theme index 8ed8a41..79dd586 100644 --- a/web/themes/custom/eql/eql.theme +++ b/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; } -} \ No newline at end of file +} + +/////////////////////////////////////////////////// + + diff --git a/web/themes/custom/eql/scss/global/layout.scss b/web/themes/custom/eql/scss/global/layout.scss new file mode 100644 index 0000000..56810b4 --- /dev/null +++ b/web/themes/custom/eql/scss/global/layout.scss @@ -0,0 +1,4 @@ +// .node-type-static{ +// display: grid; +// grid-template-columns: repeat(6,1fr); +// } \ No newline at end of file diff --git a/web/themes/custom/eql/scss/global/variables/colors.scss b/web/themes/custom/eql/scss/global/variables/colors.scss index 5d82671..8930565 100644 --- a/web/themes/custom/eql/scss/global/variables/colors.scss +++ b/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); \ No newline at end of file +$black: rgb(0,0,0); +$white: rgb(255,255,255); \ No newline at end of file diff --git a/web/themes/custom/eql/scss/global/variables/typography.scss b/web/themes/custom/eql/scss/global/variables/typography.scss index 58b115e..3b003bf 100644 --- a/web/themes/custom/eql/scss/global/variables/typography.scss +++ b/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; diff --git a/web/themes/custom/eql/scss/pages/static.scss b/web/themes/custom/eql/scss/pages/static.scss new file mode 100644 index 0000000..7a3b825 --- /dev/null +++ b/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; + } + } +} \ No newline at end of file diff --git a/web/themes/custom/eql/scss/pages/test_lavanture.scss b/web/themes/custom/eql/scss/pages/test_lavanture.scss deleted file mode 100644 index 2f97785..0000000 --- a/web/themes/custom/eql/scss/pages/test_lavanture.scss +++ /dev/null @@ -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; -} - diff --git a/web/themes/custom/eql/scss/styles.scss b/web/themes/custom/eql/scss/styles.scss index ee36439..7867814 100644 --- a/web/themes/custom/eql/scss/styles.scss +++ b/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"; diff --git a/web/themes/custom/eql/templates/layout/page.html.twig b/web/themes/custom/eql/templates/layout/page.html.twig index 5de744f..3e4b93c 100644 --- a/web/themes/custom/eql/templates/layout/page.html.twig +++ b/web/themes/custom/eql/templates/layout/page.html.twig @@ -30,46 +30,50 @@ * @see html.html.twig */ #} +
-
-
- {{ page.header_top_left }} - {{ page.header_top_rigth }} -
- {{ page.header_bottom }} -
+ - {{ page.help }} +
+
+ {{ page.header_top_left }} + {{ page.header_top_rigth }} +
+ {{ page.header_bottom }} +
-
- {# link is in html.html.twig #} + {{ page.help }} -
- {{ page.content }} -
{# /.layout-content #} +
+ {# link is in html.html.twig #} - {% if page.sidebar_first %} - - {% endif %} +
+ {{ page.content }} +
{# /.layout-content #} - {% if page.sidebar_second %} - - {% endif %} + {% if page.sidebar_first %} + + {% endif %} -
+ {% if page.sidebar_second %} + + {% endif %} -
- {{ page.footer_top }} -
- {{ page.footer_left }} - {{ page.footer_middle }} - {{ page.footer_right }} -
-
+
+ + + +
{# /.layout-container #} -{# /.layout-container #} \ No newline at end of file