Adds links in footer

_includes/default/footer.liquid

@@ -1,13 +1,32 @@
 <footer class="site-footer">
-    <p class="text"><i class="fa fa-edit"></i> <a href="{{ site.github.repository_url }}/blob/main/{{ page.path }}">Edit page on GitHub</a> </p>
     <p class="text">
-        {{ site.footer_text | default: "Powered by <a href='https://jekyllrb.com/'>Jekyll</a> with <a href='https://github.com/sylhare/Type-on-Strap'>Type on Strap</a>" }}</p>
+        <i class="fa fa-edit"></i> <a href="{{ site.github.repository_url }}/blob/main/{{ page.path }}">Edit page on GitHub</a>
-            <div class="footer-icons">
+    </p>
-                <ul>
+    <p class="text">
-                <!-- Social icons from Font Awesome, if enabled -->
+        {{ site.footer_text | default: "Powered by <a href='https://jekyllrb.com/'>Jekyll</a> with <a href='https://github.com/sylhare/Type-on-Strap'>Type on Strap</a>" }}
-                {% include social/icons.liquid %}
+    </p>
-                </ul>
+
-            </div>
+    <div class="footer-icons">
+        <ul>
+        <!-- Social icons from Font Awesome, if enabled -->
+        {% include social/icons.liquid %}
+        </ul>
+    </div>
+
+    <div class="footer-links">
+        <ul>
+            {% for page in site.pages %}
+            {% if page.show-in-footer %}
+            <li>
+                <a class="clear" aria-label="{{ page.title }}" title="{{ page.title }}" href="{{ page.url | relative_url }}">
+                    {{ page.title }}
+                </a>
+            </li>
+            {% endif %}
+            {% endfor %}
+        </ul>
+    </div>
+
 </footer>
 
 

_sass/includes/_footer.scss

@@ -8,6 +8,8 @@
   font-size: 0.9em;
 
   .footer-icons {
+    margin-bottom: 1em;
+    
     ul {
       list-style: none;
       margin: 0;
@@ -27,4 +29,26 @@
       }
     }
   }
+
+  .footer-links {
+    
+    ul {
+      list-style: none;
+      margin: 0;
+
+      li {
+        display: inline-block;
+        margin: 0 0.5em;
+
+        a {
+          color: var(--meta);
+        }
+  
+        a:hover {
+          color: var(--link);
+        }
+
+      }
+    }
+  }
 }

pages/08_kontakt.md

@@ -4,6 +4,7 @@ title: Kontakt
 permalink: /kontakt/
 feature-img: "assets/img/pexels/pexels-karol-d-841228.jpg"
 tags: [Page]
+show-in-footer: true
 ---
 
 ### Schnelles Feedback, Talk

pages/09_impressum.md

@@ -4,6 +4,8 @@ title: Impressum
 permalink: /impressum/
 feature-img: "assets/img/pexels/pexels-karol-d-841228.jpg"
 tags: [Page]
+hide: true
+show-in-footer: true
 ---
 
 # Impressum

pages/10_datenschutz.md

@@ -4,6 +4,8 @@ title: Datenschutz
 permalink: /datenschutz/
 feature-img: "assets/img/pexels/pexels-karol-d-841228.jpg"
 tags: [Page]
+hide: true
+show-in-footer: true
 ---
 
 # Datenschutzerklärung