From 065853aac77de43dba48b7500012194ef1af8996 Mon Sep 17 00:00:00 2001
From: hendr-ik <hello@niefeld.com>
Date: Thu, 8 Apr 2021 22:54:16 +0200
Subject: [PATCH] extend localize section

---
 homepage/theme/static/css/fix.css   | 16 ++++++++--
 homepage/theme/templates/index.html | 45 ++++++++++++++++++++++-------
 2 files changed, 47 insertions(+), 14 deletions(-)

diff --git a/homepage/theme/static/css/fix.css b/homepage/theme/static/css/fix.css
index 68e5529..0ea1b81 100644
--- a/homepage/theme/static/css/fix.css
+++ b/homepage/theme/static/css/fix.css
@@ -44,6 +44,12 @@ COLORS
 	 border-color: #39352A;
 }
 
+/* Gray */
+.cclr-fnt-gray-mid {
+	 color: #777777;
+}
+
+
 /* White */
 .cclr-bg-white-dark {
 	background-color: #f9f7f2;
@@ -120,7 +126,8 @@ LAYOUT
 .hx-compare-c,
 .hx-compare-d,
 .hx-metrics,
-.hx-localize,
+.hx-localize-a,
+.hx-localize-b,
 .hx-difference {
 	height: 100%;
 }
@@ -162,8 +169,11 @@ LAYOUT
 	.hx-metrics {
 		height: 132rem;
 	}
-	.hx-localize {
-		height: 19rem;
+	.hx-localize-a {
+		height: 14rem;
+	}
+	.hx-localize-b {
+		height: 17rem;
 	}
 	.hx-difference {
 		height: 33rem;
diff --git a/homepage/theme/templates/index.html b/homepage/theme/templates/index.html
index 207182e..2f74b5a 100644
--- a/homepage/theme/templates/index.html
+++ b/homepage/theme/templates/index.html
@@ -504,17 +504,17 @@
         </div>
       </div>
 
-      <!-- LOCALIZE -->
+      <!-- LOCALIZE A -->
       <div class="w-100">
 
-        <div class="w-100 hx-localize dib cclr-bg-white-fade">
-          <div class="h-100 bg-pattern">
+        <div class="relative">
+          <div class="absolute bg-localize">
+            <img src="/theme/images/gfx-localize.png" alt="smile" width="300px" height="150px">
+          </div>
+        </div>
 
-            <div class="relative">
-              <div class="absolute bg-localize">
-                <img src="/theme/images/gfx-localize.png" alt="smile" width="300px" height="150px">
-              </div>
-            </div>
+        <div class="w-100 hx-localize-a dib cclr-bg-white-fade">
+          <div class="h-100 bg-pattern">
 
             <div class="wx24-metrics center">
 
@@ -523,10 +523,10 @@
                   Localize
                 </em>
               </p>
-              <p class="ma0 ml0 ml5-l w-100 w-50-l mb2">
-                <i>Offen is currently available in</i> English, German and French.
+              <p class="ma0 ml0 ml5-l w-100 w-60-l mb2">
+                <i>Offen is currently available in</i> English, German <i>and</i> French.
               </p>
-              <p class="ma0 ml0 ml5-l w-100 w-50-l mb5">
+              <p class="ma0 ml0 ml5-l w-100 w-60-l mb4">
                 <i>Our</i> consent banner and the Auditorium <i>for operators as well as users can be displayed</i> in the respective locale.
               </p>
             </div>
@@ -534,6 +534,29 @@
           </div>
         </div>
 
+      </div>
+      <!-- LOCALIZE B -->
+      <div class="w-100">
+
+        <div class="w-100 hx-localize-b dib cclr-bg-white-fade">
+          <div class="h-100 bg-pattern">
+
+            <div class="wx24-metrics center">
+              <p class="ma0 ml0 pl6-l w-100 w-60-l mt4 mb2">
+                Contributions welcome
+              </p>
+              <p class="ma0 ml0 pl6-l w-100 w-60-l mb2">
+                <i>Support fair web analytics by contributing Spanish, Portuguese and other language versions. Feel free to <a class="b link dim gray" href="mailto:hioffen@posteo.de">request an invitation</a> to our translation workflow.</i>
+              </p>
+              <p class="ma0 ml0 pl6-l w-100 w-60-l mb5">
+                <i>You are invited to collaborate on other areas of the application as well. Check out our in-depth <a class="b link dim gray" href="https://docs.offen.dev/developing-offen/" rel="noopener">developer guide.</a></i>
+              </p>
+
+            </div>
+
+          </div>
+        </div>
+
       </div>
 
       <!-- TABLE -->