From 0f778e4c0c0dc2372d57bae80213cb86ae3fa256 Mon Sep 17 00:00:00 2001
From: Benjamin Bach <benjamin@overtag.dk>
Date: Sat, 21 Jan 2023 23:42:43 +0100
Subject: [PATCH] Adds a very bad and minimal representation of icons

---
 .../datacoop2020/assets/static/css/style.scss  |  4 ++++
 .../datacoop2020/layouts/partials/badges.html  | 18 +++++++-----------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/themes/datacoop2020/assets/static/css/style.scss b/themes/datacoop2020/assets/static/css/style.scss
index ce93395..e1fb7d8 100644
--- a/themes/datacoop2020/assets/static/css/style.scss
+++ b/themes/datacoop2020/assets/static/css/style.scss
@@ -204,6 +204,10 @@ aside > footer img:hover {
     opacity             : 1;
 }
 
+.badge-icon {
+  width: 30px;
+  height: auto;
+}
 
 dl.dl-services {
     display             : grid;
diff --git a/themes/datacoop2020/layouts/partials/badges.html b/themes/datacoop2020/layouts/partials/badges.html
index 3637d45..5364f24 100644
--- a/themes/datacoop2020/layouts/partials/badges.html
+++ b/themes/datacoop2020/layouts/partials/badges.html
@@ -1,26 +1,22 @@
 <h2>{{ i18n "badges_headline" }}</h2>
 
-<dl class="dl-badges">
-
 {{ range $badge_key, $badge := $.Site.Data.badges.da.badges.badges }}
 
-  <dt>{{ title .name }}</dt>
+  <h3>
+    {{ title .name }}
+    <img src="{{ "/static/img" | absURL }}/badges/{{ .icon }}" class="badge-icon">
+  </h3>
 
-  <dd>{{ markdownify .description }}</dd>
+  {{ markdownify .description }}
 
 {{ end }}
 
-</dl>
-
 <h2>{{ i18n "status_headline" }}</h2>
 
-<dl class="dl-status">
 {{ range $.Site.Data.badges.da.status.status }}
 
-  <dt>{{ title .name }}</dt>
+  <h3>{{ title .name }}</h3>
 
-  <dd>{{ markdownify .description }}</dd>
+  {{ markdownify .description }}
 
 {{ end }}
-</dl>
-