[WIP] Redesign footer

config.toml

@@ -36,9 +36,39 @@ include_content = true
 
 index_format = "elasticlunr_json"
 
-[extra]
-footer_items = [
+[extra.footer]
+address = "Kennedyallee 18<br/>53175 Bonn"
+bank = "<b>IBAN:</b> DE31 3705 0198 1933 0485 46<br/><b>BIC:</b> COLSDE33XXX<br/>Sparkasse KoelnBonn"
+
+[[extra.footer.menu]]
+label = "Kleingedrucktes"
+items = [
     { title = "Nutzungsbedingungen", url = "https://wiki.teckids.org/de/Kleingedrucktes/Nutzungsbedingungen" },
     { title = "Datenschutzhinweise", url = "https://wiki.teckids.org/de/Kleingedrucktes/Datenschutzhinweise" },
     { title = "Impressum", url = "https://wiki.teckids.org/de/Kleingedrucktes/Impressum" },
 ]
+
+[[extra.footer.sponsor]]
+logo = "speedpartner.png"
+alt = "Speedpartner GmbH"
+link = "https://www.speedpartner.de/"
+
+[[extra.footer.sponsor]]
+logo = "linuxhotel.png"
+alt = "Linuxhotel GmbH"
+link = "https://www.linuxhotel.de/"
+
+[[extra.footer.sponsor]]
+logo = "froscon.png"
+alt = "FrOSCon e.V."
+link = "https://froscon.org/"
+
+[[extra.footer.sponsor]]
+logo = "velocitux.png"
+alt = "velocitux UG"
+link = "https://www.velocitux.com/"
+
+[[extra.footer.social]]
+icon = "fa-brands fa-mastodon"
+rel = "me"
+link = "https://bildung.social/@Teckids"

templates/footer.html

-<div class="container">
+<div class="footer">
   <div class="columns">
-    <div class="column">
-      {% for item in config.extra.footer_items %}
-      <p class="mb-4"><a href="{{ item.url }}">{{ item.title }}</a></p>
-      {% endfor %}
+    <div class="column is-one-fourth">
+      <p class="title is-5">Teckisd e.V.</p>
+      <address>
+        {{config.extra.footer.address|safe}}
+      </address>
+      <aside>
+        <p class="title is-6">Spendenkonto</p>
+        <p>{{config.extra.footer.bank|safe}}</p>
+      </aside>
     </div>
-    <div class="column has-text-right">
-      <p class="title is-3">{{ config.title }}</p>
-      <p>Dieser Inhalt ist lizensiert unter CC-BY-SA 4.0+</p>
-      <a href="https://edugit.org/Teckids/team-pr/teckids.org">In Quell-Repo editieren</a>
+    <div class="column is-half">
+      <p class="title is-5">Unterstützer und Partner*innen</p>
+      <div class="columns">
+        {% for sponsor in config.extra.footer.sponsor %}
+          <div class="column is-one-third">
+            <figure class="image">
+              <a href="{{sponsor.link}}">
+                <img src="/images/sponsoren/{{sponsor.logo}}" alt="{{sponsor.alt}}" />
+              </a>
+            </figure>
+          </div>
+        {% endfor %}
+      </div>
+    </div>
+    <div class="column is-onw-fourth">
+      <p class="title is-5">Weiteres</p>
+      <aside class="menu">
+        {% for menu in config.extra.footer.menu %}
+          <p class="menu-label">{{menu.label}}</p>
+          <ul class="menu-list">
+            {% for item in menu.items %}
+              <li><a href="{{ item.url }}">{{ item.title }}</a></li>
+            {% endfor %}
+          </ul>
+        {% endfor %}
+      </aside>
+      <p class="title is-5">Kanäle und Netzwerke</p>
+      <aside class="columns">
+        {% for social in config.extra.footer.social %}
+          <div class="column is-one-third">
+            <a href="{{social.link}}" rel="{{social.rel}}" class="icon is-large">
+              <i class="{{social.icon}} fa-2x"></i>
+            </a>
+          </div>
+        {% endfor %}
+      </aside>
     </div>
   </div>
 </div>