From cf2e0936c9cd64b34d2f45a9bb1efdfabd5ca564 Mon Sep 17 00:00:00 2001
From: Nico Jensen <mail@njensen.org>
Date: Mon, 24 Jul 2023 10:00:07 +0200
Subject: [PATCH] change footer from text to icon based

---
 _includes/footer.html | 53 ++++++++++++++++++++++++++-----------------
 _sass/main.scss       | 10 +++++++-
 2 files changed, 41 insertions(+), 22 deletions(-)

diff --git a/_includes/footer.html b/_includes/footer.html
index 41d847c..23dc036 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,27 +1,38 @@
 <footer class="site-footer clearfix">
   <div class="wrapper">
     {% if site.data.footer-links %}
-      <div id="footerlinks">
-        {% assign footerlinks = site.data.footer-links %}&nbsp;|&nbsp;
-        {% for footerlink in footerlinks %} 
-          {% assign fkey = footerlink | first %}
-          <a href="{{footerlinks[fkey].href}}" title="{{footerlinks[fkey].title}}">{{footerlinks[fkey].title}}</a>&nbsp;|&nbsp;
-        {% endfor %}
-      </div>
-    {% endif %} 
-    {% if site.data.social-media %}
-      <div id="social-media">
-        {% assign sm = site.data.social-media %}&nbsp;|&nbsp;
-        {% for entry in sm%}
-          {% assign key = entry | first %}
-          {% if sm[key].footer %}          
-            {% if sm[key].id %}
-              <a href="{{sm[key].href}}{{sm[key].id}}" title="{{sm[key].title}}" target="_blank" rel="noopener {{sm[key].rel}}">{{sm[key].link}}</a>&nbsp;|&nbsp;
-            {% endif %}
-          {% endif %}
-        {% endfor %}
-      </div>
+    <div id="footerlinks">
+      {% assign footerlinks = site.data.footer-links %}&nbsp;|&nbsp; {% for
+      footerlink in footerlinks %} {% assign fkey = footerlink | first %}
+      <a href="{{footerlinks[fkey].href}}" title="{{footerlinks[fkey].title}}"
+        >{{footerlinks[fkey].title}}</a
+      >&nbsp;|&nbsp; {% endfor %}
+    </div>
+    {% endif %} {% if site.data.social-media %}
+    <div id="social-media">
+      {% assign sm = site.data.social-media %} {% for entry in sm%} {% assign
+      key = entry | first %} {% if sm[key].footer %} {% if sm[key].id %}
+      <a
+        href="{{sm[key].href}}{{sm[key].id}}"
+        title="{{sm[key].title}}"
+        target="_blank"
+        rel="noopener {{sm[key].rel}}"
+        ><img
+          src="/assets/images/sm_logos/{{sm[key].logo]}}"
+          height="32px"
+          alt="{{sm[key].link}}"
+      /></a>
+      {% endif %} {% endif %} {% endfor %}
+    </div>
     {% endif %}
-    <p>Handmade with <span class="entypo red">♥</span> in <a href="https://www.stadt-stade.info/" target="_blank" rel="noopener noreferrer">Hansestadt Stade</a><br />&copy; {{'now' | date: "%Y"}} Nico Jensen</p>
+    <p>
+      Handmade with <span class="entypo red">♥</span> in
+      <a
+        href="https://www.stadt-stade.info/"
+        target="_blank"
+        rel="noopener noreferrer"
+        >Hansestadt Stade</a
+      ><br />&copy; {{'now' | date: "%Y"}} Nico Jensen
+    </p>
   </div>
 </footer>
diff --git a/_sass/main.scss b/_sass/main.scss
index 5c6c89f..01a2bb6 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -266,4 +266,12 @@ footer.site-footer {
 
 .ratingSet {
   color: rgba(255, 144, 163, 1);
-}
\ No newline at end of file
+}
+
+div#social-media {
+  margin-top: 18px;
+}
+
+div#social-media a {
+  margin: 0 6px;
+}