init

config.toml

@@ -0,0 +1,52 @@
+# Base URL used when generating links to your pages
+# Set to the URL for your site
+baseURL = "https://timbuening.de"
+
+# The name of this wonderful theme ;-).
+theme = 'hugo-bearblog'
+
+# Basic metadata configuration for your blog.
+title = "Tims Blog"
+author = "Tim Büning"
+copyright = "CC-BY-CA 4.0, 2022 Tim Buening."
+languageCode = "de-DE"
+
+# Generate a nice robots.txt for SEO
+enableRobotsTXT = true
+
+# Generate "Bearblog"-like URLs !only!, see https://bearblog.dev/.
+disableKinds = ["taxonomy"]
+ignoreErrors = ["error-disable-taxonomy"]
+[permalinks]
+  blog = "/:slug/"
+  tags = "/blog/:slug"
+
+[params]
+  # The "description" of your website. This is used in the meta data of your generated html.
+  description = "Tims personal digital Garden"
+
+  # The path to your "favicon". This should be a square (at least 32px x 32px) png-file.
+  # Hint: It's good practise to also put a "favicon.ico"-file into your "static"-folder.
+  favicon = "images/favicon.png"
+
+  # These "images" are used for the structured data templates. This will show up, when
+  # services like Twitter or Slack want to generate a preview of a link to your site.
+  # See https://gohugo.io/templates/internal#twitter-cards and
+  # https://gohugo.io/templates/internal#open-graph.
+  images = ["images/share.png"]
+
+  # Another "title" :-). This one is used as the site_name on the Hugo's internal
+  # opengraph structured data template.
+  # See https://ogp.me/ and https://gohugo.io/templates/internal#open-graph.
+  title = "Tims Blog"
+
+  # This theme will, by default, inject a made-with-line at the bottom of the page.
+  # You can turn it off, but we would really appreciate if you don’t :-).
+  # hideMadeWithLine = true
+
+  # By default, this theme displays dates with a format like "02 Jan, 2006", but
+  # you can customize it by setting the `dateFormat` param in your site's config
+  # file. See [Hugo's Format function docs](https://gohugo.io/functions/format/)
+  # for details. An example TOML config that uses [ISO
+  # 8601](https://en.wikipedia.org/wiki/ISO_8601) format:
+  # dateFormat = "2006-01-02"

content/08.ressources/02.tuerkischepogaca/default.de.md

@@ -0,0 +1,88 @@
+---
+title: 'Türkische Pogaca'
+visible: false
+media_order: schnitte.png
+published: true
+routable: true
+---
+
+**Inhalt / Allergeninformation**
+
+Weizen, Roggen, Hefe, Hafer, Milch, Joghurt, Wasser, Zucker, Backpulver, Olivenöl, Salz, Fetakäse, Schnittlauch, Sesam, Schwarzer Kümmel, Meersalz, Pfeffer, Ei, Gluten
+
+**Fasziniert? Hier ist das Rezept**
+
+Zutaten 
+
+Für den Teig: 
+
+2 Pck. Frischhefe 
+
+400 ml Wasser, lauwarm 
+
+160 ml Milch, lauwarm 
+
+400 g Naturjoghurt 
+
+2 EL, gehäuft Zucker 
+
+1000 g Mehl / Mischung aus Weizen und Roggenmehl
+
+2 Pck. Backpulver 
+
+200 ml Pflanzenöl, neutral 
+
+2 EL, gestr. Salz 
+
+ 
+
+Für die Füllung: 
+
+400 g Feta-Käse 
+
+2 Bund Schnittlauch, glatt 
+
+ 
+
+Außerdem: 
+
+2 Eigelb 
+
+2 EL Milch 
+
+Zum Bestreuen: 
+
+ Sesam 
+
+ Schwarzkümmell 
+ 
+ **Ablauf**
+ 
+Als erstes wird die Hefe (Trockenhefe funktioniert auch) in dem lauwarmen Wasser aufgelöst. Danach kommen die lauwarme Milch, der Naturjoghurt und der Zucker dazu und werden gut mit der Flüssigkeit verrührt. Das Mehl wird mit dem Backpulver vermischt und nach und nach zu der Flüssigkeit gegeben und gut untergeknetet. Das könnt ihr mit den Händen oder einer Küchenmaschine machen. Wenn ungefähr die Hälfte des Mehls eingearbeitet ist, kommen noch Öl und Salz dazu. Dann wird das restliche Mehl untergeknetet. Wenn ein geschmeidiger, leicht klebriger Hefeteig entstanden ist, wird der mit einem feuchten Küchentuch abgedeckt und sollte 1 ½ Stunden gehen, bis er sein Volumen deutlich vergrößert hat. 
+
+ 
+
+In dieser Zeit kann schon mal die Füllung vorbereitet werden. Dazu wird der Feta-Käse gerieben, die glatte Petersilie grob gehackt und anschließend beides miteinander vermischt. 
+
+ 
+
+Nach der Gehzeit werden gleichgroße Bällchen aus dem Teig geformt, die ungefähr die Größe einer kleinen Orange haben sollten. Tipp: Da der Teig etwas klebrig ist, ist es hilfreich, sich die Hände beim Formen dünn mit Öl einzufetten. So sollten die Teiglinge dann nochmal für 15 Minuten ruhen. So entspannt sich der Teig und er lässt sich besser ausrollen. Sie sollten auch hier bedeckt werden, damit sie nicht antrocknen. Am besten eignet sich hier Frischhaltefolie. 
+
+ 
+
+Nach der Ruhezeit werden die Teigkugeln oval ausgerollt und bis zur Mitte hin, an mehreren Stellen auf einer Hälfte eingeschnitten. Das sieht ungefähr so aus:
+![schnitte](schnitte.png "Einschnitte durch Pfeile markiert")(Die Pfeile symbolisieren hier die Schnitt). 
+
+Die nicht eingeschnittene Seite wird gefüllt und dann kann die Teigtasche auch schon aufgerollt werden. Man kann Pogaca entweder wie ein Hörnchen, oder wie eine Schnecke formen. Ganz nach Eurem Geschmack. Zum Schluss werden sie auf ein mit Backpapier belegtes Backblech gelegt, noch mit der Mischung aus Eigelb und Milch bepinselt und mit Sesam und Schwarzkümmel bestreut. 
+
+ 
+
+Bei 165 °C Ober-/Unterhitze werden die Pogaca dann im vorgeheizten Backofen 20 - 22 Minuten goldgelb gebacken. 
+
+ 
+
+Direkt nach dem Backen sind sie außen leicht knusprig. Pogaca werden aber nach ca. 10 Minuten abkühlen schön weich, genauso, wie sie sein sollen. 
+
+ 
+
+Ergibt 15-25 Stück. 

content/08.ressources/default.de.md

@@ -0,0 +1,5 @@
+---
+routable: true
+visible: false
+---
+

content/_index.md

@@ -0,0 +1,3 @@
+# Hi, i am Tim
+
+This is my digital garden. Welcome!

content/about.md

@@ -0,0 +1,15 @@
++++
+title = "about me"
+menu = "main"
++++
+# Hi i am Tim
+
+I love communication, business, science, and sports.
+
+I was born in 1994, grew up in Gelsenkirchen and Herten-Westerhlt and currently live in the cosmopolitan city of Herten-Westerholt. How am I otherwise? Well, I really do a lot of stuff! I have a no longer produced podcast, which I played very irregularly with my best buddy Dominik. I also do a lot of sports, like riding a bike (road bike or MTB is fine with me) and weight training. Otherwise I am active in the Partei der Humanisten at present in the federal executive committee. Professionally, I am employed in my father's company and I hope to take over the business one day.
+
+I am a humanist through and through - for me people are only one thing: individuals. In this sense I am liberal. As a supporting member of the Giordano Bruno Stiftung as well as a member of the Düsseldorf Aufklärungsdienst e. V., I am actively committed to the secularization and enlightenment of people.
+
+Since 2022, I have been donating 3 % of my annual net income to the most effective organizations worldwide under the 3 % Pledge at [Giving What We Can](https://www.givingwhatwecan.org/). My plan is to do this under the 10 % rule starting in 2024. Giving what we can is based on the principles of effective altruism. I will publish a post on my blog with details on that soon.
+
+What else do I do? Well, apparently I like to deal with technology and the internet, after all, this is not one of the zero-eight-fifteen websites you usually see.

content/blog/_index.md

@@ -0,0 +1,3 @@
++++
+title = "Blog"
++++

content/blog/ikeatradfrihomeassistant.md

@@ -0,0 +1,26 @@
++++
+title = "[en] IKEA Tradfri Switch in HomeAssistant"
+date = "2022-11-28T20:49:08+01:00"
+
+#
+# description is optional
+#
+# description = "An optional description for SEO. If not provided, an automatically created summary will be used."
+
+tags = [
+    "german",
+    "IT",
+    "Digital",
+    "HomeAssistant",
+    ]
++++
+## How to control Hue Lights using the dimmer Switch IKEA Tradfri in HomeAssistant
+After a very long time i bought it again: the Ikea Tradfri dimmer switch. It simply IS the most beautiful Switch out there in my mind. Also it just utilizes the Zigbee Network for communication, which makes it so interesting from a smart-home tinker side.
+I last bought it in 2018, back then you simply couldn't do much with it, due to some firmware-problems which IKEA solved quite some time ago.
+
+Now i bought a pack of them in sale, like really enough of them. I wanted my Wife to be able to better control some lights, because the App and talking to some Voice Assistant is just not her flavour of doing things.
+
+Sadly, all of this doesn't work out of of the box. So i also ordered the ConBee II USB ZigBee Adapter for my Raspberry Pi. With the ConBee II and the SmartAssistand Integration "ZHA" (Zha stands for Zigbee Home Automation) it will work like a charm. I will you keep you updated, when everything arrived and runs. 
+
+Last Update on 2022 Nov 28
+### So follow me on my journey ;) 

content/blog/mxmaster3.md

@@ -0,0 +1,46 @@
++++
+title = "[de] Testbericht zur Logitech MX Master 3"
+date = "2021-02-19T15:27:08+01:00"
+
+#
+# description is optional
+#
+# description = "An optional description for SEO. If not provided, an automatically created summary will be used."
+
+tags = [
+    "german",
+    "IT",
+    "Digital",
+    ]
++++
+
+# Heute geht es um meine Maus
+## Logitech MX Master 3
+
+> Vorab ein Disclaimer; 
+> Ich habe die Maus eigenständig, in vollem Umfang bezahlt und gekauft. Ich werde keine Referral-Links oder ähnliches nutzen um auch nur ansatzweise durch dieses Review zu profitieren.
+> Ich bin einfach ganz ehrlich sehr begeistert von der Maus und wollte deshalb meine Meinung zu ihr mit euch teilen. #notsponsored  
+
+### Was macht die Maus so besonders?
+Naja, da wäre zunächst folgendes - was vermutlich nicht ganz unrelevant ist: Die MX Master 3 kann zeitgleich mit bis zu drei Computern / Geräten verbunden werden. Entweder über Bluetooth oder per Funk. Mit einer kleinen Taste auf der Unterseite kann man dann auswählen, auf welchem Gerät die Maus gerade aktiv sein soll. Grundsätzlich ist das vermutlich Overkill wenn man bedenkt, dass der Otto-Normal-Otto eh nur einen Rechner hat. Ich benutze täglich zwei verschiedene Computer und an manchen sogar noch einen dritten. Dabei handelt es sich in meinem Fall um mein Mac Book Pro, welches ich zur Arbeit und für alles andere private nutze und dann gibt es noch meinen Windows-Rechner, welchen ich inzwischen *fast* ausschließlich zum zocken nutze. Ich zocke auch nicht so oft, vielleicht wenn es hoch kommt mal 5 Stunden die Woche. Aber immerhin.  
+Ich lege jedoch auch besonders großen Wert auf einen möglichst aufgeräumten und sauberen Schreibtisch und Kabel, Kabel sind etwas dass ich gar nicht gern auf meinem Tisch sehe.  
+Daher auch hier schon lange mein Wunsch Kabellos zu werden. Zu Beginn startete ich mit der Apple Magic Mouse und Apple Magic Keyboard. Die kann ich jedoch nur sehr umständlich unter Windows verwenden, weshalb ich dann noch ein zweites Paar Tastatur und Maus auf dem Tisch liegen hatte.  
+Das hatte mich natürlich irgendwann genervt und ich ging dazu über mich nach Alternativen umzusehen, die ich mit mehreren Geräten betreiben könnte.
+Zudem ist die Apple Magic Mouse unhandlich und unangenehm lange zu halten - WTF Apple! Die alte, ganze alte "Apple Magic Mouse" war da noch deutlich angnehmer, aber diese neue Version ist Schrott. Außerdem; um sie aufzuladen muss ich die Maus umdrehen und kann sie nicht mehr nutzen. Ja, das ist vermutlich mäckern auf sehr hohem Niveau, denn man kann das gut nachts oder so tun. Ja aber wenn ich gerade etwas wichtiges erledigen will und versehentlich nicht wie ein paranoider Idiot alle 5 Minuten meinen Akkustand prüfe bin ich aufgeschmissen, wenn dieser dann leer ist.  
+
+### Komfort
+Und da wären wir auch schon beim Komfort - im Vergleich zu meiner vorherigen Maus der Apple Magic Mouse (und eigentlich auch meiner alten Windowsmaus, der Razer Naga Chroma).  
+Ich finde die Maus unglaublich angenehm zu halten und auch nach langer Zeit habe ich kaum Schmerzen oder unangehme Gefühle. Sie liegt mit einem guten Gewicht in der Hand, ist werder zu schwer noch zu leicht und fühlt sich, wie ich finde, wertig an.  
+
+### Funktionen  
+Die Maus hat zudem eine besondere Eigenschaft: Das Scrollrad kann entweder stufig oder frei laufen. Wahlweise geht das auch in Kombination. Also Feineinstellung, solange man langsam scrollt, stufig und sobald man schneller scrollt schaltet die Maus in den Freilauf um.  
+Zudem hat die Maus einige Tasten (drei bis vier), welche frei belegt werden können. Eine Gestentaste erlaubt außerdem das nutzen der Maus für die Gestensteuerung am Mac. Absoluter Pluspunkt wie ich finde!  
+
+### Akku
+Ich habe die Maus jetzt seit knapp einem Monat in Nutzung und musste sie noch nicht aufladen. Dabei nutze ich die Maus circa 3 Stunden pro Tag aktiv.  
+
+### Verbindung  
+Hin und wieder bricht die Bluetooth Verbindung ab. So circa alle 4 Tage ist das bei mir der Fall. Kurz darauf baut die Verbindung jedoch wieder auf. Ich kann leider nicht testen ob dies an der Maus oder dem Bluetooth vom Mac geschuldet ist.  
+
+### "Umschalten"  
+Das Umschalten von Rechner 1 auf Rechner zwei dauert unter einer Sekunde.  

content/blog/schwangerschaftsabbruch.md

@@ -0,0 +1,26 @@
++++
+title = "[de] Schwangerschaftsabbruch"
+date = "2020-03-15T15:27:08+01:00"
+
+#
+# description is optional
+#
+# description = "An optional description for SEO. If not provided, an automatically created summary will be used."
+
+tags = [
+	"german",
+	"Politik",
+	"Gesellschaft",
+	]
++++
+
+Gem. §219a StGb ist es verboten über die Methodiken des  Schwangerschaftsabbruch, auch “Abtreibung” genannt, zu informieren  sofern man diese Leistung als Arzt auch anbietet. 
+Da Ärzte wie  Kristina Hänel dies nunmehr nicht dürfen, finde ich es wichtig diese  wichtigen Informationen dennoch zur Verfügung zu stellen. Daher hier ein paar Infos dazu: 
+
+https://katapult-magazin.de/de/artikel/artikel/fulltext/wer-abtreiben-will-macht-es-auch-illegal/
+
+http://abtreibung.at/fur-allgemein-interessierte/mythen-und-fakten/
+
+------
+
+Wieso widme ich diesem kontroversen Thema einen Beitrag? Weil ich das Selbstbestimmungsrecht der Frau für wichtig erachte. Liberal und  feministisch: #MyBodyMyChoice

content/blog/wheniwasakid.md

@@ -0,0 +1,48 @@
++++
+title = "[en] When i was a kid"
+date = "2022-06-12T15:27:08+01:00"
+
+#
+# description is optional
+#
+# description = "An optional description for SEO. If not provided, an automatically created summary will be used."
+
+tags = [
+    "environment",
+    "umwelt",
+    "society",
+    ]
++++
+When I was a kid, I was spending so much time in the forest. Almost every other day I went into the forest. Wandering around, building forts, small forts, big forts. We defended our fort against our "foes" with self-made swords of sticks from the ground. I and my friends were in the forest when you wanted to find us.
+
+When I was a kid, I'd been in the forests. Walking around, entering new areas for the sake of materials for our forts. Deep in the woods, exploring unknown terrain in the hope of a hidden gem, a secret treasure.
+
+Even today I go into the forest. From time to time, no matter where I am or what I am doing, at some time of the week I have to let everything go and move to the forest. I need to smell the trees, the rain, or the dry ground. From time as a kid to now, I am deeply fascinated by the beauty and complexity of the forest. We as humans still don't know for sure every detail of that wonderful complex ecosystem "forest". As Isaac Newton said:
+
+    What we know is a drop, what we don't know is an ocean.
+
+But nowadays I am getting more and more concerned. Not just because of the forest itself, but especially because of one small detail, that represents so much more than we think.
+
+When I was a Kid and was wandering around the forest, playing with my friends, building forts, and exploring for treasures, as long as it was summer or spring, whenever we looked up above us, all we saw was a huge, huge and almost endless mass of green. All sorts of green, even variations we probably still don't have a name for. Sure there was some brown from the bark, and maybe a tiny little bit blue from the sky but mainly it was green and all sort of green.
+
+When I was a kid and we wanted to hide, to protect ourselves from the rain or the sun, or even both, we went under one big tree. The leaves were so dense and so rich, that we were perfectly protected.
+
+But now, when I look up in the forest, I see much more blue and maybe white, when it's cloudy. The leaves left or never were there. It is just fewer leaves, less green. More brown, blue and white.
+
+And that's not something I just made up, and no, it is not something happening only or just in the forest I grew up. It is happening globally, everywhere scientists observe the same as i.
+
+And the problem is not that I miss this green roof above my head. I sure do, but that phenomenon shows some fundamental problems with the ecosystem: we lack Co2 compensation and eligible biomass for photosynthesis.
+
+Because what happens to the leaves on the tree is also happening to other plants like algae in the sea.
+
+My beloved trees do some special magic, which is mid-school biology basics but for some reason, many people lack that basic fundamental knowledge, so I call photosynthesis "magic" and completely oversimplify the short description of it:
+
+Trees and all other plants need Carbon to grow. They get carbon from Carbon dioxide (Co2), which is in the air. They take the Co2 using their leaves, with some water, sunlight, and other magical stuff they do their trick, "capture" the C from the Co2 and let go of the o2. With the C they grow, and the o2 gets exported in the air, which we need to breathe and live.
+
+But the leaves are not so dense anymore. So there is a lack of biomass, that can do the trick. And the problem is, as I said before: this is not only happening to some trees in some forests, where I would like to build a fort and play with my stick sword.
+
+This is happening to algae, in the ocean, which is doing that great magical magic trick "photosynthesis", just like the trees, but like all trees in the world by the factor of 20. Algae, in the ocean, is the photosynthesis mega-industry in the world. And it is dying, or "getting smaller" to not be using "left-wing populism".
+
+And that is, what I am concerned about. Go to the forest. Look up. And compare the leaves with what you can recall from your childhood. I am pretty damn sure, you can observe this "super complex scientific" fact about global warming. And I am pretty damn sure: now you probably can relate to a problem with algae, which you maybe never heard of and maybe you have never seen algae in the ocean.
+
+But now, you know.

content/blog/windowsusbstickuntermacosx.md

@@ -0,0 +1,29 @@
++++
+title = "[de] Die Erstellung eines Windows10-Bootstick unter Mac OS X"
+date = "2021-10-15T15:27:08+01:00"
+
+#
+# description is optional
+#
+# description = "An optional description for SEO. If not provided, an automatically created summary will be used."
+
+tags = [
+    "german",
+    "Digital",
+    "IT",
+    ]
++++
+## Die Erstellung eines USB-Sticks zum installieren von Windows unter Mac OS X
+Dieser Beitrag behandelt ein kurzes Problem auf welches ich stieß. Mein Windows auf meinem Gamingrechner wollte nicht mehr booten. Da auf der Platte mit Windows eh nur Windows liegt, wäre eine Neuinstallation kein großer Verlust. Gedacht - gewollt.
+Allerdings nutze ich überwiegend Mac und mein Windows wollte ja nicht starten. Also musste ich einen Installations-Stick mit Windows unter Mac erstellen. Das war früher ein no-brainer für mich, aber seit Windows 10 Herbst 2021 ist die `install.wim`-Datei zu groß, um per Drag-and-drop die Daten auf einen vorbereiteten USB-Stick zu ziehen. (FAT Filesystem erlaubt maximal 4096 - die Datei hat etwa 4860 in meinem Fall.)
+
+## Lösung des Problems: wimlib
+Den USB Stick wie gewohnt formatieren als FAT mit MBR (Master Boot Record).
+Dann alle Dateien aus dem frisch heruntergeladenen WIN10-Image rüberkopieren **außer** der Install.wim
+Dann einen Terminal starten, falls noch nicht geschehen Homebrew installieren! 
+Ansonsten:
+- `brew install wimlib`
+Dann mit `wimlib-imagex split /Volumes/CCCOMA_X64FRE_DE-DE_DV9/sources/install.wim /Volumes/WIN10/sources/install.swm 3800` die `install.wim` an ihren bestimmungsgemäßen Ort platzieren. wimlib unterteilt die install.wim nun nach, in meinem Fall 3800 MB und erstellt quasi eine install.wim2 mit dem Rest, der nicht in den ersten Teil passte. 
+Windows 10 kann bei der Installation damit problemslos umgehen. 
+
+## Viel Spaß!

content/blog/zettelkastenmethode.md

@@ -0,0 +1,93 @@
++++
+title = "[de] Zettelkastenmethode"
+date = "2020-06-15T15:27:08+01:00"
+
+#
+# description is optional
+#
+# description = "An optional description for SEO. If not provided, an automatically created summary will be used."
+
+tags = [
+    "german",
+    "Wissensmanagement",
+    "Produktivität",
+    ]
++++
+
+In diesem Beitrag möchte ich über meine Liebe zu Markdown sowie der Zettelkastenmethode sprechen. Außerdem zeige ich einen Interessanten Weg, wie ich diese Methode digital nutze. Opensource und recht simpel, ohne dass man "ein übelster Nerd sein muss", aber der Reihe nach. 
+
+## Meine Liebe zu Markdown
+
+Markdown ist einfach pure Liebe. Ich habe das lange nicht zu schätzen gewusst, aber nach dem ich vor langer Zeit mich an Markdown rangewagt habe musste ich feststellen, dass ich mir kein anderes System mehr vorstellen kann. 
+Markdown ist so simpel und doch so viel - aber das wichtigste, was Markdown ist: Es ist keine "Programmiersprache" oder ähnliches. Es ist eine Syntax-Sprache, welche mit einfachsten Mitteln ermöglicht, Text zu formatieren und auszuzeichnen. 
+Das Problem an Formatiertem Text, wie wir ihn beispielsweise aus Word kennen ist, dass dieser Text auf unterschiedlichen Geräten unterschiedlich aussieht. Er ist nicht leicht anpassbar, manchmal gehen Dinge verloren. Zudem ist das Format eben Abhängig von der Datei - ohne Word oder OpenOffice kann man den Inhalt oft nicht auslesen. Hier kommt Markdown ins Spiel, denn Markdown ist nur minmal veränderter "Plaintext", also reiner Text. Das sieht beispielsweise so aus: 
+
+```markdown
+# Überschrift eines Textes
+## Unterüberschrift eines Textes
+
+Text eines Textes
+**Fett** *kursiv* [Linkname](Linkadresse)
+```
+
+Dies kann man so in eine .txt-Datei (oder besser noch eine .md) speichern und sich mithilfe eines Markdownparser hübsch anzeigen lassen. Dieser kann auch die Syntaxe ausblenden. Dabei kann jeder Mensch seine eigene Schriftart, Schriftgröße und Farbe wählen, ganz egal; denn an der ursprünglichen Formatierung geht ja nun nichts verloren. Dank Markdown weiß dein Ausgabeprogramm immer genau, wie der Text fließen / aussehen müsste, also was eine Überschrift ist, was eine Unterüberschrift ist und so weiter. 
+
+Das kommt einem aber besonders im eingangs erwähnten Fall Zugute; angenommen dein Textprogramm gibt es nicht mehr. Oder du kannst, weshalb auch immer, nur noch auf die Datei zugreifen ohne das Ausgabeprogramm. Dann öffnest du einfach die .md-Datei mit dem nächstbestens Texteditor (wie beispielsweise "Editor" oder "TextEdit" etc.).
+
+Dort wird dir zwar nun auch dieser ganze Text inklusive der Syntaxe angezeigt, aber nun kommt Markdown zu seinem Königsargument: Es ist von Menschen schnell lesbar, während andere Syntaxformen wie HTML kompliziert erscheinen und den Lesefluss wohlmöglich stören. Hier ein direkter Vergleich eines gleichen Textes in Markdown und HTML:
+
+```markdown
+# Wieso Katzen komische und süße Tiere sind
+Das sollte eigentlich jeder wissen, denn Katzen sind süß.  
+Da sind wir uns *alle* einig.
+
+Aber Katzen sind auch **lustig** und manchmal ganz schön [Verrückt](https://linkzucatcontent).
+```
+
+Das war Markdown, konnte man eigentlich direkt so lesen, oder? Nun zu HTML: 
+
+```html
+<h1> Wieso Katzen komische und süße Tiere sind</h1><br>
+<p>Das sollte eigentlich jeder wissen, denn Katzen sind süß.<br>
+Da sind wir uns <i>alle</i> einig.<br></p>
+
+<p>Aber Katzen sind auch <b>lustig</b> und manchmal ganz schön <a href="https://linkzucatcontent">Verrückt</a>.</p>
+```
+
+Ich denke, in langen und teilweise stark formatierten Texten ist Markdown ziemlich sicher der Gewinner in Punkto Einfachheit. 
+
+Eine ganze Anleitung wie Markdown funktioniert und welche Möglichkeiten man alles hat, findest du übrigens [hier](https://www.markdownguide.org/cheat-sheet).
+
+## Nun zur Zettelkastenmethode
+
+Die Zettelkastenmethode ist eine *besondere* Art und Weise, Notizen zu erfassen und besonders, wie man diese **katalogisiert**. Aber wieso nicht einfach Evernote / klassiches Notizbuch oder ähnliches nutzen? 
+
+*Nebeninfo: Ich nutze auch ein klassisches Notizbuch, dazu jedoch später mehr.*
+
+Ich zitiere an dieser Stelle einfach mal die deutsche Wikipedia: 
+
+> Der Zettelkasten oder Katalogkasten (veraltet teilweise auch Kartothek) ist ein Hilfsmittel bei der Erstellung einer literarischen oder wissenschaftlichen Arbeit. Wichtig erscheinende Sachverhalte, die man z. B. in einem Buch gefunden hat, werden mit Quellenangabe auf Zetteln oder Karteikarten notiert und in Kästen aufbewahrt und geordnet. 
+
+Besonders gute Informationen zur Methodik und auch deutlich mehr findest du übrigens auch hier: https://zettelkasten.de/
+
+Ich nutze diese Methode sehr simpel; auf meiner Festplatte gibt es einen Ordner, er nennt sich passenderweise "Dateienkasten", da ich "Zettel" auf einem Rechner doch eher befremdlich finde und mal was wagen wollte! Dieses Ordner wird im übrigen auch synchronisiert, dazu später mehr. 
+
+In diesem Ordner befinden sich alle meine "Zettel", in Form von einzelnen .md-Dateien, also Markdowndateien. Sie folgen alle einem Schema, bis auf eine. Diese eine ist ``` 01.md ``` welche eine lose Sammlung von Stichpunkten oder auch Links enthält, welche sehr vergänglich sind und nicht von wirklicher Relevanz für mich. Ich lösche da alles regelmäßig raus, außer ich finde etwas doch relevantes, dann erhält es aber eine eigene Datei. Die anderen Dateien sind nach einem Schema benannt; JahrMonatTagStundeMinuteSekunde - also chronologisch. Die Datei, in welcher ich diesen Artikel im übrigen "vorschreibe" und konzeptioniere lautet ```20210123230631.md``` da sie zu diesem Zeitpunkt entstanden ist. 
+
+In einer solchen Datei sieht der Inhalt dann oft ähnlich aus. Hier mal grob vereinfacht: 
+
+```markdown
+# 20201203204109 Weihnachtsgeschenk für den Hund
+#Weihnachten #Geschenk #Hund #Idee
+Könnte nen Knochen werden, oder auch ein Hundekeks. Vielleicht auch einfach nur Spielzeug, was quietscht.
+```
+
+Zunächst fange ich im Titel mit dem Dateinamen an, worauf der eigentliche Titel folgt. Darunter kommen in der nächsten Zeile die Tags. Diese werden nur mit #Wasauchimmer gesetzt und vereinfachen später das Suchen und Zuorden. Und dann folgt der ganze restliche Kram. 
+
+Update: Seit Dezember 2021 nutze ich [Joplin](https://joplinapp.org/) für die Bearbeitung, Synchronisierung und Organisation all der oben genannten Markdown-Dateien. Der Vollständigkeit wegen bleibt der Rest des ursprünglichen Artikels jedoch wie folgt:
+
+Ich nutze zum Editieren und Durchsuchen / Lesen meiner Zettel die Software [Typora](https://typora.io) (Anm. 2022/06/1: Typora ist nunmehr kostenpflichtig, weshalb ich wie o.e. auf Joplin umgestiegen bin), welche ich ausdrücklich empfehlen kann. Mit Sicherheit wird Typora eines Tages Geld kosten, aber dann werde ich sie kaufen. Noch befindet sich diese sehr reife und in meinen Augen schon perfekte Software in der Entwicklung und ist daher noch kostenlos - Hut ab und Gruß an die Entwickler an dieser Stelle. Typora ist auf Mac, Linux und Windows nutzbar. 
+
+### Synchronisierung
+
+Die Synchronisierung ist eigentlich recht simpel, da es ja nur einen Ordner mit vielen, vielen Dateien gibt welchen ihr zwischen euren Rechnern und Handys synchronisieren müsst. Dafür könnte man einfach einen USB-Stick, den nächstbesten Cloudanbieter oder auch eigene Serverdienste wie Nextcloud nutzen. Ich verwende jedoch [Syncthing](https://syncthing.net/) - fragt mich nicht weshalb. Vielleicht, weil man *keinen Zentralen Server braucht*, obwohl ich sogar einen eigenen Syncthingserver (zwecks tiefgehender Versionierung etc.) betreibe und das ganze End-to-End Verschlüsselt ist. Aber letztlich könntet ihr auch Dropbox, Icloud, oder was auch immer nehmen. Wie gesagt, theoretisch reicht auch ein USB-Stick. Typora ist übrigens unter Windows, Mac und Linux nutzbar - das macht es halt echt super angenehm und einfach. 

content/blogroll.md

@@ -0,0 +1,17 @@
++++
+title = "blogroll"
+menu = "main"
++++
+
+# Blogroll
+Here are some Blogs i really enjoy reading:
+
+* [weitergedacht](https://weitergedacht.blog/)
+* [100r](https://100r.co/site/home.html)
+* [scottnessbitt](https://scottnesbitt.online/)
+* [47nil](https://47nil.com/)
+* [urbancommuter](https://urbancommuter.net/)
+* [Sam Harris](https://www.samharris.org/blog)
+* [mnmlist](https://mnmlist.com/)
+* [Kwon](https://kwon.nyc/)
+* [Natehn](https://natehn.com/)

content/contact.md

@@ -0,0 +1,15 @@
++++
+title = "contact"
+menu = "main"
++++
+
+# Contact me
+Hier nachfolgend einige Wege, wie ihr mich erreichen könnt:
+
+Am besten einfach per kontakt [at] timbuening [punkt] de
+
+Threema: DS2B2PTM
+
+Telegram: @timb1903
+
+Auf Social Media bin ich derzeit nicht erreichbar. Ich schaue dort nur einmal im Monat oder so rein - also erwarte da keine schnelle Antwort. Aber du findest mich nahezu überall als @TimBuening

content/now.md

@@ -0,0 +1,13 @@
++++
+title = "now"
+menu = "main"
++++
+
+# Now
+What i am currently doing:
+
+I don't like winter at all. It is too cold for me, even when it is sunny with 10° Celsius. I miss the hot summer, the exhausting, drying out cycling trips, the heat, the sun on my skin, the short clothes, the long walks with my wife. 
+
+I miss all of this. Work sucks, you get to it when it is dark, you get home from it when it is dark. One can not do anything with daylight during the work days. 
+
+Really looking forward to spring and summer. Until then i will cuddly up with blankets, tea and good books.

content/reading.md

@@ -0,0 +1,58 @@
++++
+title = "reading"
+menu = "main"
++++
+
+# What i am reading
+
+Just what i (am) read(ing)... (since 2021)
+
+Title, _author_
+
+--- 
+
+**incoming**
+* Jenseits von Gut und Böse, _Michael Schmidt-Salomon_
+* Mehr Rationalität, _Steven Pinker_
+* Think Again, _Adam M. Grant_
+* Hide Out, Andreas Eschbach
+
+**2022**
+* Freiheitsgeld, _Andreas Eschbach_
+* Eine Idee erscheint (Die Ermordung des Commendatore 1), _Haruki Murakami_
+* Der Augensammler, _Sebastian Fitzek_
+* Vakuum, _Phillip P. Peterson_
+* How to stop time, _Matt Haig_
+* Also sprach Zarathustra, _Friedrich Nietzsche_
+* The Alchemist, _Paulo Coelho_
+* 1984, _George Orwell_
+* Alle meine Freunde sind tot, _Avery Monsen_
+* Der tägliche Stoiker, _Ryan Holiday_
+* The midnight Library, _Matt Haig_
+* Dunkel, _Ragnar Jónasson_
+* Metro 2033, _Dimitri Glukhovsky_
+* Splitter, _Sebastian Fitzek_
+* Ich möchte lieber nicht: Eine Rebellion gegen den Terror des Positiven, _Juliane Marie Schreiber_
+* The Silence, _Tim Lebbon_
+* Relic Pendergast 1, _Douglas Preston_
+* Wiedersehen im Cafe am Rande der Welt, _John P. Strelecky_
+* Auszeit im Cafe am Rande der Welt, _John P. Stelecky_
+* Das Cafe am Rande der Welt, _John P. Strelecky_
+* The Island of the Colorblind, _Oliver Sacks_
+* Mission Erde - die Welt ist es wert, um sie zu kämpfen, _Robert Marc Lehmann_
+* Philosophie: Abenteuer denken, _Stephen Law_
+* Das kleine Handbuch des Stoizismus, _Jonas Salzgeber_
+* 12 Rules for life: An Antidote to Chaos, _Jordan B. Peterson_
+* Factfulness: Ten reasons we're wrong about the world, _Hans Rosling_
+
+**2021**
+* Das Insititut, _Stephen King_
+* Transport: Death Mission, _Phillip P. Peterson_
+* Das Joshua -Profil, _Sebastian Fitzek_ 
+* Noah, _Sebastian Fitzek_ 
+* Passagier 23, _Sebastian Fitzek_
+* Das Jesus-Video, _Andreas Eschbach_
+* Fake Facts: Wie Verschwörungstheorien unser Denken bestimmen, _Katharina Nocun_
+* Enlightment now: the Case for Reason, Science, Humanism, and Progress, _Steven Pinker_
+* BlackOut (Out 1), _Andreas Eschbach_
+* Calibans Krieg (Expanse 2), _James S.A: Corey_

content/technicaldetails.md

@@ -0,0 +1,24 @@
++++
+title = "behind the scenes"
+menu = "main"
++++
+
+# How was this site made?
+
+Pretty simple, with my own hands. There is no CMS, Databases, etc. just simple HTML, Markup and Magic thanks to [Hugo](https://gohugo.io/). 
+
+There is a website obesity crisis. Bloated websites full of scripts, ads, and trackers are slowing your readers down every time they try to read your well-crafted content. 
+
+Most People out there seem to have forgotten, what a site should be! Let me describe the perfect-ass website:
+
+* Shit’s lightweight and loads fast.
+* Fits on all your shitty screens.
+* Looks the same in all your shitty browsers.
+* Accessible to every asshole that visits your site.
+* Shit’s legible and gets the fucking point across (if you had one instead of just a 5MB background video of hipsters poking at their iPhones). 
+
+Also, just refering here to [Motherfucking best Website](https://bestmotherfucking.website/).
+
+I don't want all of this tracking. All this bloating. I just want to serve you, what i can offer. 
+
+I do not collect any data whatsover. There are some basic logs for the webserver, which are anonymized and deleted every 7 days. No one except me would be able to view these logs. These logs will contain only the first 3 digits of your IP, for potential geoblocking which i don't use. 

content/thoughts.html

@@ -0,0 +1,6 @@
++++
+title = "thoughts"
+menu = "main"
++++
+<p></p>
+<div align="center"><iframe allowfullscreen width="75%" height="800" src="https://www.mastofeed.com/apiv2/feed?userurl=https%3A%2F%2Ftoot.schachtfunk.de%2Fusers%2Ftimbuening&theme=dark&size=100&header=true&replies=false&boosts=false"></iframe></div>

public/08.ressources/02.tuerkischepogaca/default.de/index.html

@@ -0,0 +1,258 @@
+<!DOCTYPE html>
+<html lang="de-DE">
+
+<head>
+  <meta http-equiv="X-Clacks-Overhead" content="GNU Terry Pratchett" />
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<link rel="shortcut icon" href="https://timbuening.de/images/favicon.png" />
+<title>Türkische Pogaca | Tims Blog</title>
+
+  <style>
+  body {
+    font-family: Verdana, sans-serif;
+    margin: auto;
+    padding: 20px;
+    max-width: 720px;
+    text-align: left;
+    background-color: #fff;
+    word-wrap: break-word;
+    overflow-wrap: break-word;
+    line-height: 1.5;
+    color: #444;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  strong,
+  b {
+    color: #222;
+  }
+
+  a {
+    color: #3273dc;
+     
+  }
+
+  .title {
+    text-decoration: none;
+    border: 0;
+  }
+
+  .title span {
+    font-weight: 400;
+  }
+
+  nav a {
+    margin-right: 10px;
+  }
+
+  textarea {
+    width: 100%;
+    font-size: 16px;
+  }
+
+  input {
+    font-size: 16px;
+  }
+
+  content {
+    line-height: 1.6;
+  }
+
+  table {
+    width: 100%;
+  }
+
+  img {
+    max-width: 100%;
+  }
+
+  code {
+    padding: 2px 5px;
+    background-color: #f2f2f2;
+  }
+
+  pre code {
+    color: #222;
+    display: block;
+    padding: 20px;
+    white-space: pre-wrap;
+    font-size: 14px;
+    overflow-x: auto;
+  }
+
+  div.highlight pre {
+    background-color: initial;
+    color: initial;
+  }
+
+  div.highlight code {
+    background-color: unset;
+    color: unset;
+  }
+
+  blockquote {
+    border-left: 1px solid #999;
+    color: #222;
+    padding-left: 20px;
+    font-style: italic;
+  }
+
+  footer {
+    padding: 25px;
+    text-align: center;
+  }
+
+  .helptext {
+    color: #777;
+    font-size: small;
+  }
+
+  .errorlist {
+    color: #eba613;
+    font-size: small;
+  }
+
+   
+  ul.blog-posts {
+    list-style-type: none;
+    padding: unset;
+  }
+
+  ul.blog-posts li {
+    display: flex;
+  }
+
+  ul.blog-posts li span {
+    flex: 0 0 130px;
+  }
+
+  ul.blog-posts li a:visited {
+    color: #8b6fcb;
+  }
+
+  @media (prefers-color-scheme: dark) {
+    body {
+      background-color: #333;
+      color: #ddd;
+    }
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6,
+    strong,
+    b {
+      color: #eee;
+    }
+
+    a {
+      color: #8cc2dd;
+    }
+
+    code {
+      background-color: #777;
+    }
+
+    pre code {
+      color: #ddd;
+    }
+
+    blockquote {
+      color: #ccc;
+    }
+
+    textarea,
+    input {
+      background-color: #252525;
+      color: #ddd;
+    }
+
+    .helptext {
+      color: #aaa;
+    }
+  }
+
+</style>
+</head>
+
+<body>
+  <header><a href="/" class="title">
+  <h2>Tims Blog</h2>
+</a>
+<nav><a href="/">home</a>
+
+<a href="/blog">blog</a>
+
+
+<a href="/about/">about me</a>
+
+<a href="/technicaldetails/">behind the scenes</a>
+
+<a href="/blogroll/">blogroll</a>
+
+<a href="/contact/">contact</a>
+
+<a href="/now/">now</a>
+
+<a href="/reading/">reading</a>
+
+<a href="/thoughts/">thoughts</a>
+
+<a href="https://ko-fi.com/timbuening">☕</a></nav>
+</header>
+  <main>
+
+<content>
+  <p><strong>Inhalt / Allergeninformation</strong></p>
+<p>Weizen, Roggen, Hefe, Hafer, Milch, Joghurt, Wasser, Zucker, Backpulver, Olivenöl, Salz, Fetakäse, Schnittlauch, Sesam, Schwarzer Kümmel, Meersalz, Pfeffer, Ei, Gluten</p>
+<p><strong>Fasziniert? Hier ist das Rezept</strong></p>
+<p>Zutaten</p>
+<p>Für den Teig:</p>
+<p>2 Pck. Frischhefe</p>
+<p>400 ml Wasser, lauwarm</p>
+<p>160 ml Milch, lauwarm</p>
+<p>400 g Naturjoghurt</p>
+<p>2 EL, gehäuft Zucker</p>
+<p>1000 g Mehl / Mischung aus Weizen und Roggenmehl</p>
+<p>2 Pck. Backpulver</p>
+<p>200 ml Pflanzenöl, neutral</p>
+<p>2 EL, gestr. Salz</p>
+<p>Für die Füllung:</p>
+<p>400 g Feta-Käse</p>
+<p>2 Bund Schnittlauch, glatt</p>
+<p>Außerdem:</p>
+<p>2 Eigelb</p>
+<p>2 EL Milch</p>
+<p>Zum Bestreuen:</p>
+<p>Sesam</p>
+<p>Schwarzkümmell</p>
+<p><strong>Ablauf</strong></p>
+<p>Als erstes wird die Hefe (Trockenhefe funktioniert auch) in dem lauwarmen Wasser aufgelöst. Danach kommen die lauwarme Milch, der Naturjoghurt und der Zucker dazu und werden gut mit der Flüssigkeit verrührt. Das Mehl wird mit dem Backpulver vermischt und nach und nach zu der Flüssigkeit gegeben und gut untergeknetet. Das könnt ihr mit den Händen oder einer Küchenmaschine machen. Wenn ungefähr die Hälfte des Mehls eingearbeitet ist, kommen noch Öl und Salz dazu. Dann wird das restliche Mehl untergeknetet. Wenn ein geschmeidiger, leicht klebriger Hefeteig entstanden ist, wird der mit einem feuchten Küchentuch abgedeckt und sollte 1 ½ Stunden gehen, bis er sein Volumen deutlich vergrößert hat.</p>
+<p>In dieser Zeit kann schon mal die Füllung vorbereitet werden. Dazu wird der Feta-Käse gerieben, die glatte Petersilie grob gehackt und anschließend beides miteinander vermischt.</p>
+<p>Nach der Gehzeit werden gleichgroße Bällchen aus dem Teig geformt, die ungefähr die Größe einer kleinen Orange haben sollten. Tipp: Da der Teig etwas klebrig ist, ist es hilfreich, sich die Hände beim Formen dünn mit Öl einzufetten. So sollten die Teiglinge dann nochmal für 15 Minuten ruhen. So entspannt sich der Teig und er lässt sich besser ausrollen. Sie sollten auch hier bedeckt werden, damit sie nicht antrocknen. Am besten eignet sich hier Frischhaltefolie.</p>
+<p>Nach der Ruhezeit werden die Teigkugeln oval ausgerollt und bis zur Mitte hin, an mehreren Stellen auf einer Hälfte eingeschnitten. Das sieht ungefähr so aus:
+<img src="schnitte.png" alt="schnitte" title="Einschnitte durch Pfeile markiert">(Die Pfeile symbolisieren hier die Schnitt).</p>
+<p>Die nicht eingeschnittene Seite wird gefüllt und dann kann die Teigtasche auch schon aufgerollt werden. Man kann Pogaca entweder wie ein Hörnchen, oder wie eine Schnecke formen. Ganz nach Eurem Geschmack. Zum Schluss werden sie auf ein mit Backpapier belegtes Backblech gelegt, noch mit der Mischung aus Eigelb und Milch bepinselt und mit Sesam und Schwarzkümmel bestreut.</p>
+<p>Bei 165 °C Ober-/Unterhitze werden die Pogaca dann im vorgeheizten Backofen 20 - 22 Minuten goldgelb gebacken.</p>
+<p>Direkt nach dem Backen sind sie außen leicht knusprig. Pogaca werden aber nach ca. 10 Minuten abkühlen schön weich, genauso, wie sie sein sollen.</p>
+<p>Ergibt 15-25 Stück.</p>
+
+</content>
+<p>
+  
+</p>
+
+  </main>
+  <footer><hr></hr>
+Made with ❤ in Ruhrgebiet using Hugo | This website doesn't track you at all. | CC BY-NC-SA 4.0 Tim Büning <p id="timing"><script type="module">window.addEventListener("load",(function(){const e=(new Date).getTime()-performance.timing.navigationStart,t=performance.getEntries().map((e=>e.transferSize||0)).reduce(((e,t)=>e+t),0),n=.81*(t/1e9)*442;document.getElementById("timing").innerText=`Loaded ${(t/1e3).toFixed(2)}kB in ${(e/1e3).toFixed(2)}s. Emitted ${n.toFixed(2)}g CO2e.`}))</script></p> Get <a href="https://timbuening.de/index.xml">RSS</a> | <a href="https://github.com/timbuening/timbuening.de">This Site on Github</a></footer>
+</body>
+
+</html>

public/08.ressources/default.de/index.html

@@ -0,0 +1,225 @@
+<!DOCTYPE html>
+<html lang="de-DE">
+
+<head>
+  <meta http-equiv="X-Clacks-Overhead" content="GNU Terry Pratchett" />
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<link rel="shortcut icon" href="https://timbuening.de/images/favicon.png" />
+<title>Tims Blog</title>
+
+  <style>
+  body {
+    font-family: Verdana, sans-serif;
+    margin: auto;
+    padding: 20px;
+    max-width: 720px;
+    text-align: left;
+    background-color: #fff;
+    word-wrap: break-word;
+    overflow-wrap: break-word;
+    line-height: 1.5;
+    color: #444;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  strong,
+  b {
+    color: #222;
+  }
+
+  a {
+    color: #3273dc;
+     
+  }
+
+  .title {
+    text-decoration: none;
+    border: 0;
+  }
+
+  .title span {
+    font-weight: 400;
+  }
+
+  nav a {
+    margin-right: 10px;
+  }
+
+  textarea {
+    width: 100%;
+    font-size: 16px;
+  }
+
+  input {
+    font-size: 16px;
+  }
+
+  content {
+    line-height: 1.6;
+  }
+
+  table {
+    width: 100%;
+  }
+
+  img {
+    max-width: 100%;
+  }
+
+  code {
+    padding: 2px 5px;
+    background-color: #f2f2f2;
+  }
+
+  pre code {
+    color: #222;
+    display: block;
+    padding: 20px;
+    white-space: pre-wrap;
+    font-size: 14px;
+    overflow-x: auto;
+  }
+
+  div.highlight pre {
+    background-color: initial;
+    color: initial;
+  }
+
+  div.highlight code {
+    background-color: unset;
+    color: unset;
+  }
+
+  blockquote {
+    border-left: 1px solid #999;
+    color: #222;
+    padding-left: 20px;
+    font-style: italic;
+  }
+
+  footer {
+    padding: 25px;
+    text-align: center;
+  }
+
+  .helptext {
+    color: #777;
+    font-size: small;
+  }
+
+  .errorlist {
+    color: #eba613;
+    font-size: small;
+  }
+
+   
+  ul.blog-posts {
+    list-style-type: none;
+    padding: unset;
+  }
+
+  ul.blog-posts li {
+    display: flex;
+  }
+
+  ul.blog-posts li span {
+    flex: 0 0 130px;
+  }
+
+  ul.blog-posts li a:visited {
+    color: #8b6fcb;
+  }
+
+  @media (prefers-color-scheme: dark) {
+    body {
+      background-color: #333;
+      color: #ddd;
+    }
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6,
+    strong,
+    b {
+      color: #eee;
+    }
+
+    a {
+      color: #8cc2dd;
+    }
+
+    code {
+      background-color: #777;
+    }
+
+    pre code {
+      color: #ddd;
+    }
+
+    blockquote {
+      color: #ccc;
+    }
+
+    textarea,
+    input {
+      background-color: #252525;
+      color: #ddd;
+    }
+
+    .helptext {
+      color: #aaa;
+    }
+  }
+
+</style>
+</head>
+
+<body>
+  <header><a href="/" class="title">
+  <h2>Tims Blog</h2>
+</a>
+<nav><a href="/">home</a>
+
+<a href="/blog">blog</a>
+
+
+<a href="/about/">about me</a>
+
+<a href="/technicaldetails/">behind the scenes</a>
+
+<a href="/blogroll/">blogroll</a>
+
+<a href="/contact/">contact</a>
+
+<a href="/now/">now</a>
+
+<a href="/reading/">reading</a>
+
+<a href="/thoughts/">thoughts</a>
+
+<a href="https://ko-fi.com/timbuening">☕</a></nav>
+</header>
+  <main>
+
+<content>
+  
+</content>
+<p>
+  
+</p>
+
+  </main>
+  <footer><hr></hr>
+Made with ❤ in Ruhrgebiet using Hugo | This website doesn't track you at all. | CC BY-NC-SA 4.0 Tim Büning <p id="timing"><script type="module">window.addEventListener("load",(function(){const e=(new Date).getTime()-performance.timing.navigationStart,t=performance.getEntries().map((e=>e.transferSize||0)).reduce(((e,t)=>e+t),0),n=.81*(t/1e9)*442;document.getElementById("timing").innerText=`Loaded ${(t/1e3).toFixed(2)}kB in ${(e/1e3).toFixed(2)}s. Emitted ${n.toFixed(2)}g CO2e.`}))</script></p> Get <a href="https://timbuening.de/index.xml">RSS</a> | <a href="https://github.com/timbuening/timbuening.de">This Site on Github</a></footer>
+</body>
+
+</html>

public/08.ressources/index.html

@@ -0,0 +1,276 @@
+<!DOCTYPE html>
+<html lang="de-DE">
+
+<head>
+  <meta http-equiv="X-Clacks-Overhead" content="GNU Terry Pratchett" />
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<link rel="shortcut icon" href="https://timbuening.de/images/favicon.png" />
+<title>08.ressources | Tims Blog</title>
+
+  <link rel="alternate" type="application/rss+xml" href="https://timbuening.de/08.ressources/index.xml" title="Tims Blog" />
+  <style>
+  body {
+    font-family: Verdana, sans-serif;
+    margin: auto;
+    padding: 20px;
+    max-width: 720px;
+    text-align: left;
+    background-color: #fff;
+    word-wrap: break-word;
+    overflow-wrap: break-word;
+    line-height: 1.5;
+    color: #444;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  strong,
+  b {
+    color: #222;
+  }
+
+  a {
+    color: #3273dc;
+     
+  }
+
+  .title {
+    text-decoration: none;
+    border: 0;
+  }
+
+  .title span {
+    font-weight: 400;
+  }
+
+  nav a {
+    margin-right: 10px;
+  }
+
+  textarea {
+    width: 100%;
+    font-size: 16px;
+  }
+
+  input {
+    font-size: 16px;
+  }
+
+  content {
+    line-height: 1.6;
+  }
+
+  table {
+    width: 100%;
+  }
+
+  img {
+    max-width: 100%;
+  }
+
+  code {
+    padding: 2px 5px;
+    background-color: #f2f2f2;
+  }
+
+  pre code {
+    color: #222;
+    display: block;
+    padding: 20px;
+    white-space: pre-wrap;
+    font-size: 14px;
+    overflow-x: auto;
+  }
+
+  div.highlight pre {
+    background-color: initial;
+    color: initial;
+  }
+
+  div.highlight code {
+    background-color: unset;
+    color: unset;
+  }
+
+  blockquote {
+    border-left: 1px solid #999;
+    color: #222;
+    padding-left: 20px;
+    font-style: italic;
+  }
+
+  footer {
+    padding: 25px;
+    text-align: center;
+  }
+
+  .helptext {
+    color: #777;
+    font-size: small;
+  }
+
+  .errorlist {
+    color: #eba613;
+    font-size: small;
+  }
+
+   
+  ul.blog-posts {
+    list-style-type: none;
+    padding: unset;
+  }
+
+  ul.blog-posts li {
+    display: flex;
+  }
+
+  ul.blog-posts li span {
+    flex: 0 0 130px;
+  }
+
+  ul.blog-posts li a:visited {
+    color: #8b6fcb;
+  }
+
+  @media (prefers-color-scheme: dark) {
+    body {
+      background-color: #333;
+      color: #ddd;
+    }
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6,
+    strong,
+    b {
+      color: #eee;
+    }
+
+    a {
+      color: #8cc2dd;
+    }
+
+    code {
+      background-color: #777;
+    }
+
+    pre code {
+      color: #ddd;
+    }
+
+    blockquote {
+      color: #ccc;
+    }
+
+    textarea,
+    input {
+      background-color: #252525;
+      color: #ddd;
+    }
+
+    .helptext {
+      color: #aaa;
+    }
+  }
+
+</style>
+</head>
+
+<body>
+  <header><a href="/" class="title">
+  <h2>Tims Blog</h2>
+</a>
+<nav><a href="/">home</a>
+
+<a href="/blog">blog</a>
+
+
+<a href="/about/">about me</a>
+
+<a href="/technicaldetails/">behind the scenes</a>
+
+<a href="/blogroll/">blogroll</a>
+
+<a href="/contact/">contact</a>
+
+<a href="/now/">now</a>
+
+<a href="/reading/">reading</a>
+
+<a href="/thoughts/">thoughts</a>
+
+<a href="https://ko-fi.com/timbuening">☕</a></nav>
+</header>
+  <main>
+<content>
+  
+  <ul class="blog-posts">
+    
+    <li>
+      <span>
+        <i>
+          <time datetime='0001-01-01' pubdate>
+            01 Jan, 0001
+          </time>
+        </i>
+      </span>
+      <a href="https://timbuening.de/08.ressources/default.de/"></a>
+    </li>
+    
+    <li>
+      <span>
+        <i>
+          <time datetime='0001-01-01' pubdate>
+            01 Jan, 0001
+          </time>
+        </i>
+      </span>
+      <a href="https://timbuening.de/08.ressources/02.tuerkischepogaca/default.de/">Türkische Pogaca</a>
+    </li>
+    
+  </ul>
+  
+    <small>
+      <div>
+        
+        <a href="https://timbuening.de/blog/digital/">#Digital</a>&nbsp;
+        
+        <a href="https://timbuening.de/blog/environment/">#environment</a>&nbsp;
+        
+        <a href="https://timbuening.de/blog/german/">#german</a>&nbsp;
+        
+        <a href="https://timbuening.de/blog/gesellschaft/">#Gesellschaft</a>&nbsp;
+        
+        <a href="https://timbuening.de/blog/homeassistant/">#HomeAssistant</a>&nbsp;
+        
+        <a href="https://timbuening.de/blog/it/">#IT</a>&nbsp;
+        
+        <a href="https://timbuening.de/blog/politik/">#Politik</a>&nbsp;
+        
+        <a href="https://timbuening.de/blog/produktivit%C3%A4t/">#Produktivität</a>&nbsp;
+        
+        <a href="https://timbuening.de/blog/society/">#society</a>&nbsp;
+        
+        <a href="https://timbuening.de/blog/umwelt/">#umwelt</a>&nbsp;
+        
+        <a href="https://timbuening.de/blog/wissensmanagement/">#Wissensmanagement</a>&nbsp;
+        
+      </div>
+    </small>
+    
+</content>
+
+  </main>
+  <footer><hr></hr>
+Made with ❤ in Ruhrgebiet using Hugo | This website doesn't track you at all. | CC BY-NC-SA 4.0 Tim Büning <p id="timing"><script type="module">window.addEventListener("load",(function(){const e=(new Date).getTime()-performance.timing.navigationStart,t=performance.getEntries().map((e=>e.transferSize||0)).reduce(((e,t)=>e+t),0),n=.81*(t/1e9)*442;document.getElementById("timing").innerText=`Loaded ${(t/1e3).toFixed(2)}kB in ${(e/1e3).toFixed(2)}s. Emitted ${n.toFixed(2)}g CO2e.`}))</script></p> Get <a href="https://timbuening.de/index.xml">RSS</a> | <a href="https://github.com/timbuening/timbuening.de">This Site on Github</a></footer>
+</body>
+
+</html>

public/08.ressources/index.xml

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>08.ressources on Tims Blog</title>
+    <link>https://timbuening.de/08.ressources/</link>
+    <description>Recent content in 08.ressources on Tims Blog</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>de-DE</language>
+    <copyright>CC-BY-CA 4.0, 2022 Tim Buening.</copyright><atom:link href="https://timbuening.de/08.ressources/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title></title>
+      <link>https://timbuening.de/08.ressources/default.de/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://timbuening.de/08.ressources/default.de/</guid>
+      <description></description>
+    </item>
+    
+    <item>
+      <title>Türkische Pogaca</title>
+      <link>https://timbuening.de/08.ressources/02.tuerkischepogaca/default.de/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://timbuening.de/08.ressources/02.tuerkischepogaca/default.de/</guid>
+      <description>Inhalt / Allergeninformation
+Weizen, Roggen, Hefe, Hafer, Milch, Joghurt, Wasser, Zucker, Backpulver, Olivenöl, Salz, Fetakäse, Schnittlauch, Sesam, Schwarzer Kümmel, Meersalz, Pfeffer, Ei, Gluten
+Fasziniert? Hier ist das Rezept
+Zutaten
+Für den Teig:
+2 Pck. Frischhefe
+400 ml Wasser, lauwarm
+160 ml Milch, lauwarm
+400 g Naturjoghurt
+2 EL, gehäuft Zucker
+1000 g Mehl / Mischung aus Weizen und Roggenmehl
+2 Pck. Backpulver
+200 ml Pflanzenöl, neutral
+2 EL, gestr. Salz</description>
+    </item>
+    
+  </channel>
+</rss>

public/404.html

@@ -0,0 +1,220 @@
+<!DOCTYPE html>
+<html lang="de-DE">
+
+<head>
+  <meta http-equiv="X-Clacks-Overhead" content="GNU Terry Pratchett" />
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<link rel="shortcut icon" href="https://timbuening.de/images/favicon.png" />
+<title>404</title>
+
+  <style>
+  body {
+    font-family: Verdana, sans-serif;
+    margin: auto;
+    padding: 20px;
+    max-width: 720px;
+    text-align: left;
+    background-color: #fff;
+    word-wrap: break-word;
+    overflow-wrap: break-word;
+    line-height: 1.5;
+    color: #444;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  strong,
+  b {
+    color: #222;
+  }
+
+  a {
+    color: #3273dc;
+     
+  }
+
+  .title {
+    text-decoration: none;
+    border: 0;
+  }
+
+  .title span {
+    font-weight: 400;
+  }
+
+  nav a {
+    margin-right: 10px;
+  }
+
+  textarea {
+    width: 100%;
+    font-size: 16px;
+  }
+
+  input {
+    font-size: 16px;
+  }
+
+  content {
+    line-height: 1.6;
+  }
+
+  table {
+    width: 100%;
+  }
+
+  img {
+    max-width: 100%;
+  }
+
+  code {
+    padding: 2px 5px;
+    background-color: #f2f2f2;
+  }
+
+  pre code {
+    color: #222;
+    display: block;
+    padding: 20px;
+    white-space: pre-wrap;
+    font-size: 14px;
+    overflow-x: auto;
+  }
+
+  div.highlight pre {
+    background-color: initial;
+    color: initial;
+  }
+
+  div.highlight code {
+    background-color: unset;
+    color: unset;
+  }
+
+  blockquote {
+    border-left: 1px solid #999;
+    color: #222;
+    padding-left: 20px;
+    font-style: italic;
+  }
+
+  footer {
+    padding: 25px;
+    text-align: center;
+  }
+
+  .helptext {
+    color: #777;
+    font-size: small;
+  }
+
+  .errorlist {
+    color: #eba613;
+    font-size: small;
+  }
+
+   
+  ul.blog-posts {
+    list-style-type: none;
+    padding: unset;
+  }
+
+  ul.blog-posts li {
+    display: flex;
+  }
+
+  ul.blog-posts li span {
+    flex: 0 0 130px;
+  }
+
+  ul.blog-posts li a:visited {
+    color: #8b6fcb;
+  }
+
+  @media (prefers-color-scheme: dark) {
+    body {
+      background-color: #333;
+      color: #ddd;
+    }
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6,
+    strong,
+    b {
+      color: #eee;
+    }
+
+    a {
+      color: #8cc2dd;
+    }
+
+    code {
+      background-color: #777;
+    }
+
+    pre code {
+      color: #ddd;
+    }
+
+    blockquote {
+      color: #ccc;
+    }
+
+    textarea,
+    input {
+      background-color: #252525;
+      color: #ddd;
+    }
+
+    .helptext {
+      color: #aaa;
+    }
+  }
+
+</style>
+</head>
+
+<body>
+  <header><a href="/" class="title">
+  <h2>Tims Blog</h2>
+</a>
+<nav><a href="/">home</a>
+
+<a href="/blog">blog</a>
+
+
+<a href="/about/">about me</a>
+
+<a href="/technicaldetails/">behind the scenes</a>
+
+<a href="/blogroll/">blogroll</a>
+
+<a href="/contact/">contact</a>
+
+<a href="/now/">now</a>
+
+<a href="/reading/">reading</a>
+
+<a href="/thoughts/">thoughts</a>
+
+<a href="https://ko-fi.com/timbuening">☕</a></nav>
+</header>
+  <main>
+<h1>404</h1>
+<h2>ʕノ•ᴥ•ʔノ ︵ ┻━┻ <br>Not found, please let me know</h2>
+
+  </main>
+  <footer><hr></hr>
+Made with ❤ in Ruhrgebiet using Hugo | This website doesn't track you at all. | CC BY-NC-SA 4.0 Tim Büning <p id="timing"><script type="module">window.addEventListener("load",(function(){const e=(new Date).getTime()-performance.timing.navigationStart,t=performance.getEntries().map((e=>e.transferSize||0)).reduce(((e,t)=>e+t),0),n=.81*(t/1e9)*442;document.getElementById("timing").innerText=`Loaded ${(t/1e3).toFixed(2)}kB in ${(e/1e3).toFixed(2)}s. Emitted ${n.toFixed(2)}g CO2e.`}))</script></p> Get <a href="https://timbuening.de/index.xml">RSS</a> | <a href="https://github.com/timbuening/timbuening.de">This Site on Github</a></footer>
+</body>
+
+</html>

public/about/index.html

@@ -0,0 +1,231 @@
+<!DOCTYPE html>
+<html lang="de-DE">
+
+<head>
+  <meta http-equiv="X-Clacks-Overhead" content="GNU Terry Pratchett" />
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<link rel="shortcut icon" href="https://timbuening.de/images/favicon.png" />
+<title>about me | Tims Blog</title>
+
+  <style>
+  body {
+    font-family: Verdana, sans-serif;
+    margin: auto;
+    padding: 20px;
+    max-width: 720px;
+    text-align: left;
+    background-color: #fff;
+    word-wrap: break-word;