From 9904a178e3db1f403d7fe778e220bd371ce614b4 Mon Sep 17 00:00:00 2001 From: ouidade Date: Tue, 30 Apr 2024 10:44:11 +0200 Subject: [PATCH] home site settings grid --- .../colloque2024/css-compiled/index.css | 37 ++++++++++++++-- .../css-compiled/pages/layout.css | 3 +- .../custom/colloque2024/css/pages/front.scss | 44 +++++++++++++++++-- .../custom/colloque2024/css/pages/layout.scss | 3 +- .../components/site_setting_entity.html.twig | 24 ++++++++++ .../template/page--front.html.twig | 2 +- 6 files changed, 103 insertions(+), 10 deletions(-) create mode 100755 web/themes/custom/colloque2024/template/components/site_setting_entity.html.twig diff --git a/web/themes/custom/colloque2024/css-compiled/index.css b/web/themes/custom/colloque2024/css-compiled/index.css index 50096ef4..563f5479 100644 --- a/web/themes/custom/colloque2024/css-compiled/index.css +++ b/web/themes/custom/colloque2024/css-compiled/index.css @@ -514,7 +514,8 @@ footer h2 { body #content-ontop { position: relative; - top: -1200px; } + top: -1400px; + padding-top: 5rem; } body #background-animated { width: 100VW; @@ -554,7 +555,7 @@ header #block-colloque2024-mainnavigation ul li { #txt_present * { color: black; } #txt_present > div { - margin: 2rem auto; } + min-width: 80% !important; } #txt_present .__title-present h2 { font-size: 1.9rem; font-family: "Marianneregular"; @@ -565,7 +566,7 @@ header #block-colloque2024-mainnavigation ul li { line-height: 1.3rem; } #txt_present .__body-present p { font-family: "Mariannelight"; - font-size: 1.2rem; + font-size: 1.5rem; line-height: 1.8rem; } #txt_present .more_link { padding: 0rem 1rem 0.2rem 1rem; @@ -675,9 +676,37 @@ header #block-colloque2024-mainnavigation ul li { display: flex; } #mainHome .layout-content { margin: auto; - height: 1500px; max-width: 1140px; } +#block-colloque2024-renderedsitesettingsblock-6 { + display: flex; + margin: auto; } + #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity { + display: grid; + grid-template-columns: repeat(7, 1fr); + margin: auto; } + #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(1) { + font-size: 8rem; + font-family: 'Mariannebold'; + line-height: 95%; + grid-column: 1 / span 4; + grid-row: 2; } + #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(2) { + grid-column: 1 / 4; + grid-row: 3; + font-size: 2.5rem; } + #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(3) { + text-transform: uppercase; + font-family: 'Mariannebold'; + font-size: 3.5rem; + grid-column: 5 / span 7; + grid-row: 3; } + #block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(4) { + text-transform: uppercase; + grid-column: 5 / span 7; + grid-row: 1; + font-size: 2rem; } + #txt_present .medias { display: none; } diff --git a/web/themes/custom/colloque2024/css-compiled/pages/layout.css b/web/themes/custom/colloque2024/css-compiled/pages/layout.css index fb9d5e91..23d75523 100644 --- a/web/themes/custom/colloque2024/css-compiled/pages/layout.css +++ b/web/themes/custom/colloque2024/css-compiled/pages/layout.css @@ -8,7 +8,8 @@ body #content-ontop { position: relative; - top: -1200px; } + top: -1400px; + padding-top: 5rem; } body #background-animated { width: 100VW; diff --git a/web/themes/custom/colloque2024/css/pages/front.scss b/web/themes/custom/colloque2024/css/pages/front.scss index 4c2bc0b2..35345570 100644 --- a/web/themes/custom/colloque2024/css/pages/front.scss +++ b/web/themes/custom/colloque2024/css/pages/front.scss @@ -34,8 +34,10 @@ header { } & > div { - margin: 2rem auto; + // margin: 2rem auto; + min-width: 80% !important; ///changement 2024 } + .__title-present { h2 { @@ -56,7 +58,7 @@ header { .__body-present { p { font-family: "Mariannelight"; - font-size: 1.2rem; + font-size: 1.5rem; line-height: 1.8rem; } } @@ -191,11 +193,47 @@ header { display: flex; .layout-content{ margin: auto; - height: 1500px; + // height: 1500px; max-width: 1140px; } } +#block-colloque2024-renderedsitesettingsblock-6{ + display: flex; + margin: auto; + .site_setting_entity{ + display: grid; + grid-template-columns: repeat(7, 1fr); + margin: auto; + // width: 90%; + div:nth-of-type(1){ + font-size: 8rem; + font-family: 'Mariannebold'; + line-height: 95%; + grid-column: 1 / span 4; + grid-row: 2; + } + div:nth-of-type(2){ + grid-column: 1 / 4; + grid-row: 3; + font-size: 2.5rem; + } + div:nth-of-type(3){ + text-transform: uppercase; + font-family: 'Mariannebold'; + font-size: 3.5rem; + grid-column: 5 / span 7; + grid-row: 3; + } + div:nth-of-type(4){ + text-transform: uppercase; + grid-column: 5 / span 7; + grid-row: 1; + font-size: 2rem; + } + } +} + #txt_present{ diff --git a/web/themes/custom/colloque2024/css/pages/layout.scss b/web/themes/custom/colloque2024/css/pages/layout.scss index 07639806..97b70af3 100644 --- a/web/themes/custom/colloque2024/css/pages/layout.scss +++ b/web/themes/custom/colloque2024/css/pages/layout.scss @@ -11,7 +11,8 @@ main:not(.home) { body { #content-ontop{ position: relative; - top: -1200px; + top: -1400px; + padding-top: 5rem; } #background-animated{ width: 100VW; diff --git a/web/themes/custom/colloque2024/template/components/site_setting_entity.html.twig b/web/themes/custom/colloque2024/template/components/site_setting_entity.html.twig new file mode 100755 index 00000000..ef1390ab --- /dev/null +++ b/web/themes/custom/colloque2024/template/components/site_setting_entity.html.twig @@ -0,0 +1,24 @@ +{# +/** + * @file site_setting_entity.html.twig + * Default theme implementation to present Site Setting data. + * + * This template is used when viewing Site Setting pages. + * + * + * Available variables: + * - content: A list of content items. Use 'content' to print all content, or + * - attributes: HTML attributes for the container element. + * + * @see template_preprocess_site_setting_entity() + * + * @ingroup themeable + */ +#} + + + {% if content %} + {{- content -}} + {% endif %} + + diff --git a/web/themes/custom/colloque2024/template/page--front.html.twig b/web/themes/custom/colloque2024/template/page--front.html.twig index b33becdf..3e39710e 100644 --- a/web/themes/custom/colloque2024/template/page--front.html.twig +++ b/web/themes/custom/colloque2024/template/page--front.html.twig @@ -83,7 +83,7 @@ + transform="translate(-51.525162,-90)">