From 8794ba71704b35ec59bbf00ac218fa8aacb53666 Mon Sep 17 00:00:00 2001
From: Reto Bollinger <reto.bollinger@cando-image.com>
Date: Mon, 25 Nov 2024 13:03:04 +0100
Subject: [PATCH] Introducing new class to handle some elements in home
 specially in CSS

---
 .../lektordata/project/assets/static/style.css  | 17 ++++++++++++++---
 lektor/lektordata/project/templates/layout.html |  3 ++-
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/lektor/lektordata/project/assets/static/style.css b/lektor/lektordata/project/assets/static/style.css
index 6a39863..f97fe5f 100644
--- a/lektor/lektordata/project/assets/static/style.css
+++ b/lektor/lektordata/project/assets/static/style.css
@@ -167,11 +167,15 @@ div.page{
     color: #2563eb;
     padding: 0;
     font-family: "Roboto-Thin","Arial",sans-serif;
-    font-size:36px;
+    font-size:20px;
     line-height: 1em;
     margin: -230px 0 0 0;
 }
 
+div.page.home{
+    font-size:36px;
+}
+
 div.page h2 {
     font-family: "Roboto-Black","Arial Bold",sans-serif;
     font-size:60px;
@@ -266,9 +270,13 @@ div.left_footer, div.middle_footer, div.right_footer {
     div.page{
         top: calc(150vw /1100*100);
         width: calc(1100vw /1100*100); /* That's actually 100% I know */
-        font-size:calc(36vw /1100*100);
+        font-size:calc(20vw /1100*100);
         margin: calc(-230vw /1100*100) 0 0 0;
     }
+    div.page.home{
+        font-size:calc(36vw /1100*100);
+    }    
+
     div.page h2 {
         font-size:calc(60vw /1100*100);
         margin: calc(30vw /1100*100) 0 0 0;
@@ -327,9 +335,12 @@ div.left_footer, div.middle_footer, div.right_footer {
     div.page{
         top: 0;
         width: 100%;
-        font-size:calc(36px * 0.7);
+        font-size:calc(20px * 0.7);
         margin: 0;
     }
+    div.page.home{
+        font-size:calc(36px * 0.7);
+    }
     div.page h2 {
         font-size:calc(60px * 0.7);
         margin: 0;
diff --git a/lektor/lektordata/project/templates/layout.html b/lektor/lektordata/project/templates/layout.html
index 5f95ece..974f45d 100644
--- a/lektor/lektordata/project/templates/layout.html
+++ b/lektor/lektordata/project/templates/layout.html
@@ -40,7 +40,8 @@
       </nav>
     </div>
   </header>
-  <div class="page">
+  <div class="page{% if this._path == '/' %} home{% endif
+              %}">
       {% block body %}{% endblock %}
   </div>
   <footer>