You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 lines
3.6 KiB
62 lines
3.6 KiB
####################### Post ######################### |
|
id: "first" |
|
title : "Zu guter Erst" |
|
date : 20220205 |
|
content: | |
|
<h3>Was sieht man hier?</h3> |
|
<p>Dies ist die generierte Webseite meiner Fotos aus dem Format <i>Die Runde Stunde</i>, eine Art sich |
|
selbst veränderndes Foto-Album. Mit jedem Hochladen eines neuen Bildes wird die Website neu erzeugt und |
|
die Bilder werden neu gruppiert.</p> |
|
<br> |
|
|
|
<h3>Motivation</h3> |
|
|
|
<p>Das Sport-Format <i>Die Runden Stunde</i> entstand durch das vermehrte Arbeiten im Home Office und der damit |
|
verbundenen extremen Bewegungsarmut (Schrittzähler lügen nicht). Es besteht aus einer morgendlichen Stunde |
|
Workout auf dem Rad bzw. mit den Laufschuhen. Im ersten Corona-Lockdown 2020 kam die Einschränkung auf 15 |
|
km-Bewegungsradius hinzu. Das entspricht so ziemlich genau dem maximalen Radius beim Radfahren. Das |
|
bedeutete für mich also keine Einschränkung, sondern machte mir im Gegenteil klar, wie wertvoll diese |
|
kleine Fläche Heimat ist. Und dass es galt, diese zu entdecken und dieses zu teilen.</p> |
|
<br> |
|
|
|
<h3>Regeln der Bilder</h3> |
|
|
|
<p>Beim morgendlichen Laufen oder einer Radfahrt von ca. 1 Stunde Dauer. Mit Handy-Kamera oder der guten Fuji. |
|
GPS einschalten. Spontane Wahl von genau einem Spot oder auch vorher überlegt den Spot ansteuern. Bild(er) machen. |
|
Nach Hause ohne weiteren Halt. Nachbearbeitung erlaubt.</p> |
|
<br> |
|
|
|
<h3>Funktionsweise des Blogs</h3> |
|
|
|
<p>Der Inhalt wird aus den Bildern generiert. Dazu werden Aufnahmedatum und GPS-Position ausgelesen und jeweils |
|
neun Bilder zu einem Spot zusammengefasst (denn 9 ist eine gute Zahl für einen Spot). Der erste Spot besteht aus |
|
dem neusten Bild, was den Mittelpunkt des Spots bestimmt. Dann werden acht weiteren Bildern aus dessen Nähe |
|
gesucht. Das am weitest entfernte Bild bestimmt den Radius des Spots. Zum Spot wird noch eine Header-Grafik |
|
generiert: Jedes Bild wird als Punkt dargestellt und es wird eine Kreisfläche um das erste Bild mit dem |
|
ermittelten Radius gezeichnet. Je älter das Bild, desto verblasster sein Punkt. |
|
Der nächste Spot wird mit den verbleibenden Bildern genauso erzeugt.</p> |
|
|
|
<p>Die Header-Grafik besteht aus dem 15 km-Kreis meiner Heimat und den Spot-Kreisen. Auch hier gilt: |
|
Ältere Spots verblassen...</p> |
|
<br> |
|
|
|
<h3>Technik </h3> |
|
|
|
Der Blog besteht aus der einen statischen Seite, welche mit dem Hugo-Framework generiert wird. |
|
Ein neues Bild, mit GPS-Koordinaten und ggf. einem Titel getaggt, wird mit einem lokalen |
|
Upload-Skript erst verkleinert und dann auf dem Webhost hochgeladen. Auf dem Server werden |
|
dann noch zwei weitere Skripte bemüht und die Bilder und Blog-Beiträge zu generieren: die |
|
Bilder werden neu in Beiträge (Spots) aufgeteilt und pro Spot je eine Yml-Datei mit dem |
|
dazugehörigen SVG-Bild neu generiert. Auch wird das Header-SVG neu erzeugt. Dann wird Hugo |
|
angeschmissen und der so erzeugte Content auf den Webspace kopiert. Eine genauere Anleitung |
|
und auch den Quellcode findet man über das Kollegen-eigene |
|
<a href="https://kollegen.uber.space/gitea/website/website/src/branch/master/dierundestunde.md">Gitea</a>. |
|
<br> |
|
|
|
<h3>Reflektion </h3> |
|
|
|
Hiermit liegen die Bilder nun an ihrem dritten Ort im Netz, neben Instagram und Strava. |
|
Das macht sie nicht besser. Ganz im Gegenteil, es fühlt sich etwas 'too much' an. Auch wegen des |
|
Ressourcenverbrauchs für Uberspace-Server und Plattenplatz und so. Außerdem muss ich das ganze ja |
|
am Laufen halten, was trotz der Helferskripte Lebenszeit benötigt. Aber so ist das mit einem |
|
Experiment: Es ist erstmal nicht schonend, und man weiß nicht unbedingt, wozu die Erfahrung noch gut sein wird.
|
|
|