From 68eec8335e5d5555372e9e9c186bcabde735862b Mon Sep 17 00:00:00 2001
From: hendr-ik <hello@niefeld.com>
Date: Sun, 12 Nov 2023 21:29:13 +0100
Subject: [PATCH] layout 12

---
 website/theme/static/css/styles.css |  8 +++++++
 website/theme/templates/index.html  | 34 ++++++++++++++---------------
 2 files changed, 24 insertions(+), 18 deletions(-)

diff --git a/website/theme/static/css/styles.css b/website/theme/static/css/styles.css
index 601211a..df731e7 100644
--- a/website/theme/static/css/styles.css
+++ b/website/theme/static/css/styles.css
@@ -4,6 +4,14 @@ COLORS
 .colorWine {
   color: #4B1202;
 }
+.colorWineLink a:link {color:#4B1202;}
+.colorWineLink a:visited {color:#4B1202;}
+.colorWineLink a:hover {color:#4B1202;}
+.colorWineLink a:active {color:#4B1202;}
+.colorSalmonLink a:link {color:#F5BEA7;}
+.colorSalmonLink a:visited {color:#F5BEA7;}
+.colorSalmonLink a:hover {color:#F5BEA7;}
+.colorSalmonLink a:active {color:#F5BEA7;
 .colorOrange {
   color: #E9500A;
 }
diff --git a/website/theme/templates/index.html b/website/theme/templates/index.html
index c582d7c..f9db294 100644
--- a/website/theme/templates/index.html
+++ b/website/theme/templates/index.html
@@ -8,9 +8,7 @@
 <div class="splashContent">
 
     <div class="w-100 mw9-ns center-ns h3">
-      <h1 class="f4 ma0 pt3 ml3 ml5-l">
-        <span class="fw4">offen.</span><span class="fw7">software</span>
-      </h1>
+      <h1 class="f4 ma0 pt3 ml3 ml5-l"><span class="fw4">offen.</span><span class="fw7">software</span></h1>
     </div>
 
     <div class="w-100 bgColorOrange">
@@ -29,7 +27,7 @@
 
 <div class="splashCta bgColorWine">
   <div class="flex justify-center pb5">
-    <a class="link dim br1 f5 fw7 ttu tc trackedExtraWide h3 w5 buttonPadding colorWhite bgColorOrange" href="###" rel="noopener">Learn more</a>
+    <a class="link dim br1 f5 fw7 ttu tc trackedExtraWide h3 w5 buttonPadding colorWhite bgColorOrange" href="#we" rel="noopener">Learn more</a>
   </div>
 </div>
 
@@ -72,7 +70,7 @@
       Our clients value <span class="fw7 f4 f2-l">simple, resilient and accessible tools </span>that are effortless to run and maintain, and that everyone can use, reuse and benefit from.
     </p>
     <div class="flex justify-center pv5">
-      <a class="link dim br1 f5 fw7 ttu tc trackedExtraWide h3 w5 buttonPadding colorWhite bgColorWine" href="###" rel="noopener">Work with us</a>
+      <a class="link dim br1 f5 fw7 ttu tc trackedExtraWide h3 w5 buttonPadding colorWhite bgColorWine" href="mailto:hi@offen.software">Work with us</a>
     </div>
 
   </div>
@@ -81,7 +79,7 @@
 
 <!-- FOLD 2 -->
 
-<div class="w-100 mw9-l center-l mv5-l">
+<div class="w-100 mw9-l center-l mv5-l" id="we">
 
   <div class="flex flex-wrap justify-center">
 
@@ -212,29 +210,29 @@
   <div class="w-100 mw9-ns center-ns flex flex-wrap justify-between pt5 pb6 ph3 ph5-l">
 
     <div class="w-100 h3">
-      <h1 class="f2 ma0">
-        <span class="fw4">offen.</span><span class="fw7">software</span>
+      <h1 class="f2 ma0 colorWineLink">
+        <a class="link dim" href="/"><span class="fw4">offen.</span><span class="fw7">software</span></a>
       </h1>
     </div>
 
     <div class="w-100 w-50-ns">
-      <p class="ma0 mb2">
-        hi@offen.software
+      <p class="ma0 mb2 colorWineLink">
+        <a class="link dim" href="mailto:hi@offen.software">hi@offen.software</a>
       </p>
-      <p class="ma0 mb2">
-        LinkedIn
+      <p class="ma0 mb2 colorWineLink">
+        <a class="link dim" href="https://www.linkedin.com/company/hioffen/" rel="noopener" target="_blank">LinkedIn</a>
       </p>
-      <p class="ma0 mb2">
-        Imprint
+      <p class="ma0 mb2 colorWineLink">
+        <a class="link dim" href="/imprint/">Imprint</a>
       </p>
     </div>
 
     <div class="w-100 w-50-ns">
-      <p class="ma0 mb2 tl tr-ns">
-        Source code for this website
+      <p class="ma0 mb2 tl tr-ns colorWineLink">
+        <a class="link dim" href="https://git.offen.dev/offen.software/website" rel="noopener" target="_blank">Source code for this website</a>
       </p>
-      <p class="fw7 ma0 tl tr-ns">
-        Work with us
+      <p class="fw7 ma0 tl tr-ns colorWineLink">
+        <a class="link dim" href="mailto:hi@offen.software">Work with us</a>
       </p>
     </div>