From b2c93c98d0381efd57ad6c8800730540c8e0d6ab Mon Sep 17 00:00:00 2001
From: muli <muli@mrmuli.de>
Date: Tue, 9 May 2023 17:40:29 +0200
Subject: [PATCH] feat: Updated front page header.

---
 assets/css/style.css | 35 +++++++++++++++++++++++++++++++++--
 content/contents.lr  |  9 +++++++--
 2 files changed, 40 insertions(+), 4 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index bce2245..084eabb 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -378,7 +378,7 @@ header {
     z-index: 15;
 }
 
-.header__claim h2 {
+.header__claim h2, .header__claim ul {
     font-family: 'Noto Serif', serif;
     font-weight: 700;
     font-weight: normal;
@@ -387,6 +387,10 @@ header {
     margin-top: 0.5em;
 }
 
+.header__claim h2 {
+    margin-left: 7rem;
+}
+
 .header__claim h2 em {
     color: var(--wtf-orange);
 }
@@ -398,7 +402,34 @@ header {
     padding: 0 1rem;
 }
 
-.header__claim p, .header__sub_claim p {
+.header__claim ul {
+    margin: 0;
+    font-size: 2rem;
+}
+
+.header__claim ul li {
+    margin: 0;
+    list-style: none;
+    list-style-image: url('../images/frontpage_tirangle_bullet.svg');
+    list-style-position: inside;
+}
+
+.header__claim ul li.-first {
+    margin-left: 4rem;
+}
+
+.header__claim ul li.-second{
+    margin-left: 2rem;
+}
+
+.header__claim ul li.-third{
+}
+
+.header__claim ul li::marker {
+    font-size: 4.5rem;
+}
+
+.header__sub_claim p {
     font-family: 'Lato', sans-serif;
     font-weight: normal;
     line-height: 1.4rem;
diff --git a/content/contents.lr b/content/contents.lr
index 4d13541..0f68f35 100644
--- a/content/contents.lr
+++ b/content/contents.lr
@@ -2,10 +2,15 @@ _model: homepage
 ---
 title: Die WTF Kooperative eG
 ---
-claim_heading: <span>Boosten Sie Ihr <em>Projekt</em> mit der</span><br>
+claim_heading: <span>Boosten Sie Ihr <em>IT-Projekt</em> mit der</span><br>
 <span>chaosnahen Genossen&shy;schaft.</span>
 ---
-claim_content: Setzen Sie Projekte mit Unterstützung von über 200 GenossInnen um.<br>Genossen&shy;schaftlich & solidarisch.
+claim_content:
+<ul>
+<li class="-first">Beratung</li>
+<li class="-second">Entwicklung</li>
+<li class="-third">Betrieb</li>
+</ul>
 ---
 subclaim_heading: Die WTF Kooperative eG ist Ihr kompetenter Partner!
 ---