home site settings grid

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; }
 

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;

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{

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;

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
+ */
+#}
+
+  <div{{ attributes.addClass('site_setting_entity') }}>
+    {% if content %}
+      {{- content -}}
+    {% endif %}
+  </div>
+

web/themes/custom/colloque2024/template/page--front.html.twig

@@ -83,7 +83,7 @@
             </defs>
             <g
             id="layer1"
-            transform="translate(-51.525162,-32.699875)">
+            transform="translate(-51.525162,-90)">
               <circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
               id="circle_orange" cx="84.683075" cy="132.53793" r="15.890945" />
               <circle style="fill:#349a84;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"