Adds a very bad and minimal representation of icons

.gitignore

@@ -6,5 +6,5 @@
 public
 resources
 
-# from docker build
+# From docker build
 _site

themes/datacoop2020/assets/static/css/style.scss

@@ -44,8 +44,8 @@
 
 /* Variables */
 :root {
-    --base-grid         : 60px;
+    --base-grid         : 40px;
-    --base-font-size    : 22px;
+    --base-font-size    : 20px;
     
     --text-color        : #4b3aba;
     --bg-color          : #fff;
@@ -186,7 +186,7 @@ aside nav footer ol li a {
 
 aside header a img {
     display             : block;
-    width               : 100%;
+    width               : auto;
     height              : 140px;
 }
 
@@ -204,6 +204,10 @@ aside > footer img:hover {
     opacity             : 1;
 }
 
+.badge-icon {
+  width: 30px;
+  height: auto;
+}
 
 dl.dl-services {
     display             : grid;

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>
-