From 4d88a70032f16249d7fc4662119f1762f4dad4b1 Mon Sep 17 00:00:00 2001
From: Benjamin Bach <benjamin@overtag.dk>
Date: Sun, 5 Mar 2023 00:00:24 +0100
Subject: [PATCH] Add some alignment to kerneprincipper in danish by making it
 a <dl>

---
 content/_index.da.md                          | 39 ++++++++++++-------
 .../datacoop2020/assets/static/css/style.scss | 22 +++++++++++
 2 files changed, 48 insertions(+), 13 deletions(-)

diff --git a/content/_index.da.md b/content/_index.da.md
index 0616359..75c1585 100644
--- a/content/_index.da.md
+++ b/content/_index.da.md
@@ -6,22 +6,35 @@ data.coop er et kooperativ, som ejer og driver en digital infrastruktur for medl
 
 Vores kerneprincipper er:
 
-<ul class="principles-list">
-  <li>
+<dl class="principles-list">
+  <dt>
     <img src="/static/img/icons/no-surveillance.svg" />
-    <strong>Privatlivsbeskyttelse:</strong> Vi er fælles om at beskytte vores data. Vi deler dem ikke for profit. Dine data transmitteres krypteret på nettet.</li>
-  <li>
+    Privatlivsbeskyttelse
+  </dt>
+  <dd>
+    Vi er fælles om at beskytte vores data. Vi deler dem ikke for profit. Dine data transmitteres krypteret på nettet.
+  </dd>
+  <dt>
     <img src="/static/img/icons/encrypted.svg" />
-    <strong>Kryptering</strong>: Vi tilbyder løsninger, der er sikre og grundigt deklarerede.
-  </li>
-  <li>
+    Kryptering
+  </dt>
+  <dd>
+    Vi tilbyder løsninger, der er sikre og grundigt deklarerede.
+  </dd>
+  <dt>
     <img src="/static/img/icons/decentralised.svg" />
-    <strong>Decentralisering</strong>: Vores services snakker gerne sammen med andre decentrale services på nettet.
-  </li>
-  <li>
+    Decentralisering
+  </dt>
+  <dd>
+    Vores services snakker gerne sammen med andre decentrale services på nettet.
+  </dd>
+  <dt>
     <img src="/static/img/icons/zero-knowledge.svg" />
-    <strong>Zero-knowledge</strong>: Når det er muligt, sørger vi for, at systemadministratorer rent teknisk ikke kan tilgå medlemmernes data.
-  </li>
-</ul>
+    Zero-knowledge
+  </dt>
+  <dd>
+    Når det er muligt, sørger vi for, at systemadministratorer rent teknisk ikke kan tilgå medlemmernes data.
+  </dd>
+</dl>
 
 Ud fra de kerneprincipper vil vi med tiden udbyde onlinetjenester til medlemmerne. Hovedtanken er, at vi som udgangspunkt stoler mere på hinanden end på "de store" som f.eks. Google, Microsoft eller Facebook.
diff --git a/themes/datacoop2020/assets/static/css/style.scss b/themes/datacoop2020/assets/static/css/style.scss
index 0f6e57e..1a1d5e4 100644
--- a/themes/datacoop2020/assets/static/css/style.scss
+++ b/themes/datacoop2020/assets/static/css/style.scss
@@ -210,6 +210,28 @@ aside > footer img:hover {
   svg{fill:#4b3aba;}
 }
 
+.principles-list {
+  padding: 0;
+  margin: 0;
+  display: grid;
+  grid-template-columns: max-content 1fr;
+  align-items: start;
+  gap: 20px;
+  dt {
+    vertical-align: top;
+    align-self: start;
+    font-weight: bold;
+    img {
+      display: inline-block;
+      vertical-align: middle;
+      margin-right: 10px;
+    }
+  }
+  dd {
+    line-height: 130%;
+  }
+}
+
 dl.dl-services {
     display             : grid;
     column-gap          : 2rem;