From 2719c4cc3a0ec1f74795a337820598e94c1ca899 Mon Sep 17 00:00:00 2001
From: L3D <l3d@c3woc.de>
Date: Sun, 31 Oct 2021 17:34:14 +0100
Subject: [PATCH] update processing and url footer layout

---
 c3woc.lektorproject   |  4 +--
 templates/layout.html | 81 +++++++++++--------------------------------
 2 files changed, 22 insertions(+), 63 deletions(-)

diff --git a/c3woc.lektorproject b/c3woc.lektorproject
index 434e9b4..752a419 100644
--- a/c3woc.lektorproject
+++ b/c3woc.lektorproject
@@ -27,5 +27,5 @@ url_prefix = /en/
 
 [packages]
 lektor-scss = 1.4.1
-lektor-image-resize = 0.6.1
-lektor-image-filter = 2.1
+lektor-image-resize = 1.0.0
+lektor-image-filter = 3.0
diff --git a/templates/layout.html b/templates/layout.html
index e0b85e5..8eb5e27 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -143,78 +143,37 @@ __      ____ _| |_| |_| | ___
           <p>Waffeln im Internet:<br>
             <a rel="me" href="https://chaos.social/@C3WOC" title="Mastodon">
               {% if '/images/icons/social/mastodon.svg'|asseturl is defined -%}
-                <img alt="Mastodon" class="footer__social_logo" src="{{ '/images/icons/social/mastodon.svg'|asseturl }}" width="100" height="50"/>
+                <img alt="Mastodon" class="footer__social_logo" src="{{ '/images/icons/social/mastodon.svg'|asseturl }}" width="142"/>
               {%- else -%}
                 Mastodon
               {%- endif %}
             </a>
-            <a href="https://twitter.com/c3woc" title="Twitter">
-              {% if '/images/icons/social/twitter.svg'|asseturl is defined -%}
-                <img alt="Twitter" class="footer__social_logo" src="{{ '/images/icons/social/twitter.svg'|asseturl }}" width="100" height="50"/>
+            {%- for ziel, name, icon in [
+              ['https://twitter.com/c3woc/', 'Twitter', '/images/icons/social/twitter.svg'],
+              ['https://waffel.reddit.com/', 'Reddit', '/images/icons/social/reddit.svg'],
+              ['https://t.me/c3woc', 'Telegram', '/images/icons/social/telegram.svg'],
+              ['https://webirc.hackint.org/#irc://irc.hackint.org/#waffel', 'IRC', '/images/icons/social/hackint.svg'],
+              ['https://podcast.c3woc.de/', 'Das heiße Eisen - Der Waffel-Podcast', '/images/icons/social/podcast.svg'],
+              ['https://podcast.c3woc.de/podcast-he.xml', 'Podcast Feed', '/images/icons/social/feed.svg'],
+              ['https://backwesen.de/c3woc/', 'Source Code', '/images/icons/social/gitea.svg'],
+              ['https://github.com/c3woc/', 'Github', '/images/icons/social/github.svg']
+            ] -%}
+              {{- '\n' }}            <a href="{{- ziel -}}" title="{{- name -}}">
+              {%- if icon|asseturl is defined -%}
+                {{- '\n' }}              <img alt="{{- name -}}" class="footer__social_logo" src="{{- icon|asseturl -}}" width="142"/>
               {%- else -%}
-                Twitter
+                {{- name -}}
               {%- endif %}
-            </a>
-            <a href="https://waffel.reddit.com" title="Reddit">
-              {% if '/images/icons/social/reddit.svg'|asseturl is defined -%}
-                <img alt="Twitter" class="footer__social_logo" src="{{ '/images/icons/social/reddit.svg'|asseturl }}" width="100" height="50"/>
-              {%- else -%}
-                Reddit
-              {%- endif %}
-            </a>
-            <a href="https://t.me/c3woc" title="Telegram">
-              {% if '/images/icons/social/telegram.svg'|asseturl is defined -%}
-                <img alt="Telegram" class="footer__social_logo" src="{{ '/images/icons/social/telegram.svg'|asseturl }}" width="100" height="50"/>
-              {%- else -%}
-                Telegram
-              {%- endif %}
-            </a>
-            <a href="https://webirc.hackint.org/#irc://irc.hackint.org/#waffel" title="IRC">
-              {% if '/images/icons/social/hackint.svg'|asseturl is defined -%}
-                <img alt="IRC" class="footer__social_logo" src="{{ '/images/icons/social/hackint.svg'|asseturl }}" width="100" height="50"/>
-              {%- else -%}
-                IRC
-              {%- endif %}
-            </a>
-            <a href="https://podcast.c3woc.de/" title="Das heiße Eisen - Der Waffel-Podcast">
-              {% if '/images/icons/social/podcast.svg'|asseturl is defined -%}
-                <img alt="Waffel Podcast" class="footer__social_logo" src="{{ '/images/icons/social/podcast.svg'|asseturl }}" width="100" height="50"/>
-              {%- else -%}
-                Podcast
-              {%- endif %}
-            </a>
-            <a href="https://podcast.c3woc.de/podcast-he.xml" title="Podcast Feed">
-              {% if '/images/icons/social/feed.svg'|asseturl is defined -%}
-                <img alt="Podcast Feed" class="footer__social_logo" src="{{ '/images/icons/social/feed.svg'|asseturl }}" width="100" height="50"/>
-              {%- else -%}
-                Podcast Feed
-              {%- endif %}
-            </a>
-          </p>
-          <p>Quellcode und Versionsverwaltung:<br/>
-            <a href="https://backwesen.de/c3woc/" title="Gitea">
-              {% if '/images/icons/social/gitea.svg'|asseturl is defined -%}
-                <img alt="Gitea" class="footer__social_logo" src="{{ '/images/icons/social/gitea.svg'|asseturl }}" width="100" height="50"/>
-              {%- else -%}
-                Gitea
-              {%- endif %}
-            </a>
-            <a href="https://github.com/c3woc/" title="Github">
-              {% if '/images/icons/social/github.svg'|asseturl is defined -%}
-                <img alt="Github" class="footer__social_logo" src="{{ '/images/icons/social/github.svg'|asseturl }}" width="100" height="50"/>
-              {%- else -%}
-                Github
-              {%- endif %}
-            </a>
+              {{- '\n' }}            </a>
+            {%- endfor %}
           </p>
+          <a class="footer__navlink" href="{{ '/impressum'|url }}">Impressum</a>
+          |
+          <a class="footer__navlink" href="{{ '/datenschutz'|url }}">Datenschutz</a>
         </li>
         <li class="footer__navitem -second">
         </li>
         <li class="footer__navitem -third">
-          <a class="footer__navlink" href="{{ '/impressum'|url }}">Impressum</a>
-          |
-          <a class="footer__navlink" href="{{ '/datenschutz'|url }}">Datenschutz</a>
-          <br/>
           <img class="footer__wtf_logo" src="/images/logo.svg" alt="C3WOC - Logo" height="50%">
           <br/>
           © {{ none|datetimeformat('YYYY', 'UTC', locale='de_DE') }} C3 Waffel Operation Center