Implement listing posts.

Makefile

@@ -15,7 +15,7 @@ deploy: build
 	tools/deploy
 
 clean:
-	find $(target) -type f | xargs -I % rm -Rf %
+	find $(target)/ -mindepth 1 | xargs -I % rm -Rf %
 
 commit: build
 	# commit the build

src/11ty/_includes/post.njk

@@ -0,0 +1,11 @@
+---
+tag: page
+layout: page.njk
+templateEngineOverride: njk
+---
+
+<a href="{{ url }}">
+    <date>{{ date.toLocaleDateString() }}</date>
+</a>
+
+{{ content | safe }}

src/11ty/_includes/postlist.njk

@@ -0,0 +1,18 @@
+<ul>
+{%- for post in collections.post  -%}
+
+<li>
+{% if post.data.title %}
+<a href="{{ post.url }}">{{ post.data.title }}</a>
+{% else %}
+<a href="{{ post.url }}">{{ post.url }}</a>
+{% endif %}
+</li>
+
+{%- else -%}
+
+Sadly, there is nothing to show here.
+{%- endfor -%}
+</ul>
+
+

src/11ty/gemfeed/index.md → src/11ty/gemfeed.md

@@ -1,11 +1,12 @@
 ---
+title: Blog
 permalink: "/gemfeed/index.html"
+layout: "page.njk"
+tags: page
 ---
 
 # hoschi-it.de's Gemfeed
 
 ## Live like you are loved.
 
-To be filled with the post links...
-
-Please be patient.
+{% include 'postlist.njk' %}

src/11ty/gemfeed/2020-01-01-lets-start.md

@@ -1,5 +1,7 @@
-# Hello world!
-2020-01-01 20:03:29+0100
+---
+title: Hello world!
+date: 2020-01-01
+---
 
 When you are excited about something, you want to tell the world, right?
 

src/11ty/gemfeed/2020-12-22-eleven-months-later.md

@@ -1,11 +1,13 @@
-# 11 months later
-2020-12-22 21:00:35+0100
+---
+title: 11 months later
+date: 2020-12-22
+---
 
 11 months later and I haven’t written the second post yet. Seems like life got harder and all that power I once had just vanished. But due to the fact that I am now writing again it could be the a new beginning for the website whose domain adress I already dismissed once.
 
 So let’s get into it!
 
-## A new start 🙭 - here is why
+### A new start 🙭 - here is why
 
 A few days ago I read about the so-called IndieWeb, which I find very interesting but also kind of shadowy.
 
@@ -16,4 +18,4 @@ At least, that is how I understood it. So if you now better, please correct me!
 So with the IndieWeb in mind it hit me: I have my own website. Even if it has not been in use for a few months now, but for the sake of learning who I am and how to express myself I decided to give it a go. 😁
 
 
-[Indieweb](https://indieweb.org/)  
+[Indieweb](https://indieweb.org/)

src/11ty/gemfeed/2020-12-23-christmas-hope.md

@@ -1,5 +1,7 @@
-# The hope of christmas
-2020-12-23 11:43:00+0100
+---
+title: The Hope of Christmas
+date: 2020-12-23
+---
 
 ```
 It’s not that we have hope to be able to save Christmas.

src/11ty/gemfeed/2020-12-27-indieweb.md

@@ -1,5 +1,7 @@
-# 2021 and the IndieWeb
-2020-12-27 14:05:40+0100
+---
+title: 2021 and the IndieWeb
+date: 2020-12-27
+---
 
 So here is what I will do in the year 2021: Since all those different social networks are having those negative effects of silos of which we don’t know how long they will make it before being out-of-date I will focus on owning my content.
 
@@ -13,5 +15,6 @@ This is not about just building tech. It is about people. For the sake of this I
 
 Do you want to join me and many others in building an independend, interconnected web?
 
-[What is the indieweb? (8 minute video) Taking back your content](https://youtu.be/y9FSPcmybT8)  
-[Indieweb Community](https://indieweb.org)  
+[What is the indieweb? (8 minute video) Taking back your content](https://youtu.be/y9FSPcmybT8)
+
+[Indieweb Community](https://indieweb.org)

src/11ty/gemfeed/2020-12-28-sending-your-first-webmention.md

@@ -1,11 +1,13 @@
-# Thanks @aaronpk
-
-2020-12-28 20:31:20+0100
+---
+title: Thanks @aaronpk
+date: 2020-12-28
+---
 
 > Webmention is one of the fundamental indieweb building blocks. It enables rich interactions between websites, like posting a comment or...
 - Aaron Parecki, on 2018-06-30
 
 For people who want to get started with the indieweb I highly recommend reading and executing the tutorial in this blog post and also (if you like docs) going through the IndieWeb wiki to learn more.
 
-[Tutorial about webmentions](https://aaronparecki.com/2018/06/30/11/your-first-webmention)  
-[IndieWeb wiki](https://indieweb.org/wiki)  
+[Tutorial about webmentions](https://aaronparecki.com/2018/06/30/11/your-first-webmention)
+
+[IndieWeb wiki](https://indieweb.org/wiki)

src/11ty/gemfeed/2020-12-29-staging-subdomain.md

@@ -1,5 +1,7 @@
-# A staging area for my website
-2020-12-29 17:19:03+0100
+---
+title: A staging area for my website
+date: 2020-12-29
+---
 
 Notice: This information is outdated for a long time time now. I only keep it here for the purpose of documentation. The staging area is no longer in use.
 

src/11ty/gemfeed/2021-03-17-goals.md

@@ -1,4 +1,7 @@
-# Goals
+---
+title: Goals
+date: 2021-03-17
+---
 
 Here are some things about the webpage (or my tech stack in general) that I want to accomplish:
 

src/11ty/gemfeed/2022-03-13-why-does-this-website-look-so-old.md

@@ -1,4 +1,7 @@
-# Why does this website look so old?
+---
+title: Why does this website look so old?
+date: 2022-03-17
+---
 
 Yes, some people do great web design. And it might be a more complex setup than is mine at the momement. Being honest, I am not that passionate about learning about user experience so I don't really know what I am doing here. Trying to keep complexity minimal is the best approach for this in my eyes. Hopefully this will also increase accessability and longevity.
 

src/11ty/gemfeed/2022-03-21-sind-wir-abhaenging-vom-smartphone.md

@@ -1,4 +1,7 @@
-# Sind wir abhängig vom Smartphone?
+---
+title: Sind wir abhängig vom Smartphone?
+date: 2022-03-21
+---
 
 Diese Frage habe ich mir in der Vergangenheit schon häufiger gestellt, und diese Woche hat sie eine neue Dimension angenommen.
 
@@ -8,61 +11,61 @@ Das Smartphone hat eine geradezu magnetische Wirkung in allen Momenten in denen
 
 Ich könnte hier lange weiter machen, aber es nützt nicht. Gerade ist die Situation so wie sie ist. Deshalb möchte ich mir hier einen Überblick verschaffen, wofür ich das Smartphone verwende und welche Aktivitäten davon sinn-befreit oder sogar schädlich für meinen Lebensstil sind.
 
-## Anwendungsbereiche
+### Anwendungsbereiche
 
-### Telefonieren
+#### Telefonieren
 Der unsprüngliche Zweck eines Handys. Dafür würde an sich ein simples Tastenhandy reichen, es bräuchte keine smarten Funktionen, geschweige denn Touchscreen.
 Zuhause telefoniere ich im Grunde am meisten, aber auch unterwegs möchte ich mir diese Möglichkeit offenhalten.
 
-### Chatten mit Freunden und Familie
+#### Chatten mit Freunden und Familie
 Diese wollen nicht ständig die Kommunikationskanäle wechseln, das werde ich akzeptieren. In der Vergangenheit habe ich bereits bewirkt, dass zu Privatsphäre-freundlichen Anbietern gewechselt wurde, mehr wäre aktuelle denke ich nicht zumutbar.
 
-[Delta Chat (Client to chat via email)](https://delta.chat/en/)  
-[Threema Messenger](https://threema.ch)  
-[Signal Messenger](https://signal.org/)  
-[Telegram Messenger](https://telegram.org/)  
+[Delta Chat (Client to chat via email)](https://delta.chat/en/)
+[Threema Messenger](https://threema.ch)
+[Signal Messenger](https://signal.org/)
+[Telegram Messenger](https://telegram.org/)
 
-### Kalender führen
+#### Kalender führen
 Aktuell führe ich einen per Dav synchronisierten Kalender, auf den meine Partner auch Zugriff hat, das wäre auf Papier nicht so einfach möglich.
 
-[Etar für Android](https://f-droid.org/en/packages/ws.xsoh.etar)  
-[ICS⁵ für Android](https://f-droid.org/en/packages/at.bitfire.icsdroid/)  
+[Etar für Android](https://f-droid.org/en/packages/ws.xsoh.etar)
+[ICS⁵ für Android](https://f-droid.org/en/packages/at.bitfire.icsdroid/)
 
-### Lernen für den Führerschein
+#### Lernen für den Führerschein
 Der Anbieter hierfür stellt auch eine recht gute Webapp für große Bildschirme zur Verfügung, im Grund könnte ich die App also deinstallieren.
 Allerdings ist das ja ein recht hilfreicher Grund, das Smartphone zu nutzen.
 
-### Online Banking 2-Faktor-Auth
+#### Online Banking 2-Faktor-Auth
 Ist von der Bank auf jeden Fall gefordert
 
-### Videos schauen
+#### Videos schauen
 Das ist der Hauptgrund, warum ich häufig am Handy bin. Meist geht es nur darum, mich berieseln zu lassen. Wenn nötig, könnte ich das auch am PC tun.
 
-[NewPipe: Leichte Youtube App für Android](https://newpipe.net/)  
+[NewPipe: Leichte Youtube App für Android](https://newpipe.net/)
 
-### Openstreetmap Contribution
+#### Openstreetmap Contribution
 Die Apps sind alle noch installiert, auch wenn ich schon lange keine komplexen Details mehr zur Karte beigetragen habe. Diese Tools können zum größten Teil ersetzt werden durch GPS Notizen
 
-[GeoNotes für Android](https://f-droid.org/en/packages/de.hauke_stieler.geonotes/)  
-[https://openstreetmap.de/](https://openstreetmap.de/)  
+[GeoNotes für Android](https://f-droid.org/en/packages/de.hauke_stieler.geonotes/)
+[https://openstreetmap.de/](https://openstreetmap.de/)
 
-### Corona Tracing und Impfzertifikate
+#### Corona Tracing und Impfzertifikate
 Das lasse ich jetzt erstmal so wie es ist.
 
-[Corona Warn App für Android (Open Source)](https://f-droid.org/en/packages/de.corona.tracing/)  
+[Corona Warn App für Android (Open Source)](https://f-droid.org/en/packages/de.corona.tracing/)
 
-### Musik hören
+#### Musik hören
 könnte auf MP3-player umgestellt werden
 
-[Vanilla Music für Android](https://vanilla-music.github.io/)  
+[Vanilla Music für Android](https://vanilla-music.github.io/)
 
-### Wecker
+#### Wecker
 könnte auf Festnetz oder Hardware Wecker umgestellt werden
 
-### Erreichbarkeit meiner Webseite überprüfen
+#### Erreichbarkeit meiner Webseite überprüfen
 könnte ein regelmäßig laufendes Script auf dem Heimserver erledigen
 
-[IsMyWebsiteUp für Android](https://f-droid.org/en/packages/io.github.ismywebsiteup/)  
+[IsMyWebsiteUp für Android](https://f-droid.org/en/packages/io.github.ismywebsiteup/)
 ---
 
 Was jetzt? Mal sehen. Selbsterkenntnis ist der erste Weg zur Besserung.

src/11ty/gemfeed/gemfeed.11tydata.json

@@ -0,0 +1,4 @@
+{
+    "tags": ["post"],
+    "layout": "post.njk"
+}

src/11ty/index.md

@@ -3,6 +3,7 @@ title: Intro
 layout: page.njk
 ---
 
+Heyho :)
 
 Ich bin Hoschi und dies ist mein Heim im Web. Einige meiner Leidenschaften sind:
 
@@ -19,4 +20,4 @@ Ich bin Hoschi und dies ist mein Heim im Web. Einige meiner Leidenschaften sind:
 
 ## Posts
 
-To be listed...
+{% include 'postlist.njk' %}