Merge pull request 'Improvements to kerneprincipper layout in Danish' (#59) from benjaoming/website:badge-layout into new

Reviewed-on: data.coop/website#59

.gitignore

@@ -5,6 +5,7 @@
 # Hugo stuff
 public
 resources
+.hugo_build.lock
 
 # From docker build
 _site

Dockerfile_hugo

@@ -3,5 +3,5 @@ FROM debian:buster-slim
 RUN apt-get update && \
     apt-get upgrade -y && \
     apt-get install -y wget git && \
-    wget https://github.com/gohugoio/hugo/releases/download/v0.80.0/hugo_extended_0.80.0_Linux-64bit.deb -O hugo.deb && \
+    wget https://github.com/gohugoio/hugo/releases/download/v0.111.1/hugo_extended_0.111.1_linux-amd64.deb -O hugo.deb && \
     dpkg -i hugo.deb

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">
+<dl class="principles-list">
-  <li>
+  <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>
+    Privatlivsbeskyttelse
-  <li>
+  </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.
+    Kryptering
-  </li>
+  </dt>
-  <li>
+  <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.
+    Decentralisering
-  </li>
+  </dt>
-  <li>
+  <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.
+    Zero-knowledge
-  </li>
+  </dt>
-</ul>
+  <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.

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;

themes/datacoop2020/layouts/partials/nav.html

@@ -2,9 +2,9 @@
     <ol>
       {{ $currentPage := . }}
       {{ range .Site.Menus.nav }}
-      {{ $atURL := absURL $currentPage.URL }}
+        {{ $atURL := absURL $currentPage.RelPermalink }}
-      {{ $compURL := absURL .URL }}
+        {{ $compURL := absURL .URL }}
-      <li><a href="{{ .URL }}"{{ if (eq $atURL $compURL) }} class="active"{{ end }}>{{ .Name }}</a></li>
+        <li><a href="{{ .URL }}"{{ if (eq $atURL $compURL) }} class="active"{{ end }}>{{ .Name }}</a></li>
       {{ end }}
     </ol>