Added the first post
- about the history and idea of my hobby and - how the blog started - what contents are planned - and more
This commit is contained in:
parent
6121e876c7
commit
5f0bfa9e16
GPG Key ID:
327233DA85435270
111
content/posts/how-it-all-began.de.md
Normal file
111
content/posts/how-it-all-began.de.md
Normal file
@ -0,0 +1,111 @@
|
||||
+++
|
||||
title = 'Wie es alles anfing - oder: der erste Post!'
|
||||
date = 2025-04-13T15:10:20+02:00
|
||||
draft = false
|
||||
toc = true
|
||||
cover = '/files/how-it-all-began/cover.png'
|
||||
+++
|
||||
|
||||
|
||||
## Vorüberlegungen {id=thinking}
|
||||
|
||||
Ich habe lange überlegt, wie ich diesen Post schreibe. Was muss erzählt werden, was ist unwichtig? Vieles muss wegen der Übersichtlichkeit weggelassen werden, und an so manches erinnere ich mich vielleicht schon gar nicht mehr. Jedenfalls möchte ich mit diesem Artikel meine Intention erklären, wie ich dazu kam, diesen Blog zu starten. Doch um das zu erklären, muss man die Ursprünge verstehen.
|
||||
|
||||
|
||||
## Wie alles anfing {id=beginnings}
|
||||
|
||||
Alles begann damit, dass ich als Schüler der 5. oder 6. Klasse (ich weiß es nicht mehr so genau!) anfing, auf einem Laptop für die Schule ein Batch-Skript zu schreiben. Ja, so war es, ich gebe es zu - auch wenn ich nicht weiß, wer oder was mich dazu trieb. Eine grobe Vorstellung habe ich aber: Ich glaube, es war so eine intrinsische Motivation eines Kindes, herauszufinden, wie dieser Computer da vor ihm funktioniert, die mich dazu trieb.
|
||||
|
||||
Wie dem auch sei, eines meiner „Programme“ sah in etwa so aus:
|
||||
|
||||
```batch
|
||||
@echo off
|
||||
|
||||
echo Herzlich Wilkommen , bitte Passwort eingeben
|
||||
color 7b
|
||||
|
||||
:PSWD
|
||||
set/p x=
|
||||
if ''%x%''==''sehrsicher'' goto openfile
|
||||
|
||||
pause
|
||||
|
||||
:false
|
||||
echo Falsches Passwort , bitte erneut versuchen.
|
||||
color 7c
|
||||
goto PWSD
|
||||
|
||||
:openfile
|
||||
echo Passwort richtig , bitte 'Enter' druecken!
|
||||
goto Video
|
||||
|
||||
pause
|
||||
|
||||
:Video
|
||||
echo Wenn sie sich ein Video anschauen moechten , dann geben sie jetzt ,,Ja`` ein , wenn nicht dann einfach ,,Nein''!
|
||||
color 7b
|
||||
|
||||
:PSWD
|
||||
set/p x=
|
||||
if ''%x%''==''Ja'' goto OpenVideo
|
||||
|
||||
:false
|
||||
goto exit
|
||||
|
||||
:OpenVideo
|
||||
start C:\Users\<ZENSIERT>\<JA WIRKLICH>\
|
||||
|
||||
:exit
|
||||
exit
|
||||
```
|
||||
|
||||
Nun ja, daraufhin schenkte mir mein Vater das Buch ein Lehrbuch zu Python3[^1], und es gab kein Zurück mehr. Ich glaube, ich habe mit meinen 11 oder 12 Jahren das gesamte Lehrbuch durchgelesen. Jedenfalls stieg ich irgendwann auf Linux um (anfangs [Linux Mint](https://linuxmint.com/)) - dann kam Corona[^2].
|
||||
|
||||
|
||||
[^1]: [Python3 - das umfassende Handbuch von Johannes Ernesti und Peter Kaiser](https://www.rheinwerk-verlag.de/python-3-das-umfassende-handbuch/) (keine Werbung!)
|
||||
|
||||
[^2]: So einfach war es dann auch wieder nicht, aber aus Gründen der Übersichtlichkeit habe ich hier eben vereinfacht.
|
||||
|
||||
## Corona {id=covid-19}
|
||||
|
||||
Für Schüler bedeutete Corona und das damit einhergehende Homeschooling und die Isolation vor allem eins: viel Zeit. Man nutzte sie unterschiedlich. Ich eben dafür, meinem neuen Hobby intensiv nachzugehen. In dieser Zeit lernte ich neue Programmiersprachen wie Java (z.T. für Minecraft-Plugins, [hier](https://git.privacynerd.de/BlueFox/MC-Plugins) sind einige zu finden), brachte mir sogar etwas C und Assembler bei.
|
||||
|
||||
In dieser Zeit bekam ich meinen ersten Raspberry Pi geschenkt - mit weitreichenden Folgen. Denn es führte dazu, dass ich mich mehr und mehr der Hardwareseite zuwandte. Hatte ich zuvor Webapps mit Datenbank in [Django](https://www.djangoproject.com/) bzw. [Flask](https://flask.palletsprojects.com/en/stable/) und Python geschrieben, programmierte ich jetzt einfache Blinkschaltungen, dann irgendwann Skripte, die Sensordaten auslesen und auf einem kleinen OLED-Display (0.96") anzeigen oder die Lampen in meinem Zimmer auf Knopfdruck an- und ausschalteten (weil ein Lichtschalter ja nicht genug ist!). Ich entdeckte in dieser Zeit auch einen 3D-Drucker für mich, der bei uns seit längerer Zeit fast unbenutzt herumstand.
|
||||
|
||||
{{< figure src="/files/how-it-all-began/esafep.png" alt="Bild des ESafeP - ein „Tresor“ aus Holz mit eigener Software" caption="Der „ESafeP“ - sehr stabil!" >}}
|
||||
|
||||
Noch hardwarenäher wurde es dann mit meinem ersten ESP32 - neue Ideen entstanden und damit neue Projekte. Ein selbstgebauter Tresor (supersicher aus Holz!) mit eigener [Software](https://git.privacynerd.de/BlueFox/ESafeP) gehörten ebenso dazu wie ein eigener [MP3-(und vieles mehr)-Player](https://git.privacynerd.de/NetSpeaker/NetSpeaker). Immer wieder kam dabei eben auch der 3D-Drucker zur Anwendung, wie es im DIY-Raum eben so üblich ist - zum Beispiel für das Gehäuse zu meinem batteriebetriebenen [Losungs-ePaper](https://git.privacynerd.de/BlueFox/losungepaper).
|
||||
|
||||
|
||||
{{< figure src="/files/how-it-all-began/netspeaker.jpg" alt="Bild eines fertigen, selbstgebauten NetSpeakers in Gehäuse - unter anderem ein MP3-Player." caption="Ein NetSpeaker" >}}
|
||||
|
||||
{{< figure src="/files/how-it-all-began/losung-epaper.jpg" alt="Bild des fertigen ePapers, welches die aktuelle Tageslosung anzeigt" caption="Das Losungs-ePaper" >}}
|
||||
|
||||
Alles in allem hatte die Corona-Pandemie dadurch zumindest für mich vorher ungeahnte neue Räume eröffnet und eben auch ihre positiven Seiten: In dieser Zeit entwickelte sich mein Interesse am 3D-Druck, was auch in diesem Blog thematisiert werden könnte.
|
||||
|
||||
|
||||
## Bis jetzt... {id=until-now}
|
||||
|
||||
Nun, sehr viel hat sich seither nicht mehr geändert. Irgendwann kam dann noch das Self-Hosting dazu, und ich lernte auch Holz als spannendes Werksmaterial kennen (wie etwas weiter oben schon angerissen). Es ist so spannend zu sehen, was man alles selber hosten kann: seinen eigenen Datei-Synchronisationsservice, sein [eigenes Github](https://git.privacynerd.de/), Medienserver, und so weiter. Anfangs lief alles auf dem besagten Raspberry Pi. Später musste jedoch auch Zugang von außerhalb des Heimnetzes her, und seither laufen viele Dienste auf einem angemieteten Server.
|
||||
|
||||
{{< figure src="/files/how-it-all-began/gitea-a-self-hosted-github.png" alt="Screenshot meiner selbstgehosteten Gitea-Instanz" caption="„Ein selbst gehostetes Github“" >}}
|
||||
|
||||
Vor nicht allzu langer Zeit kam mir dann eine Idee. Ich war dabei, selbst Platinen ätzen zu lernen, und die Informationen hierzu bezog ich vor allem in Blogs anderer „Maker”. Warum also nicht darüber, was du machst, schreiben? Zum einen könnte es ja tatsächlich sein, dass sich ein Suchender auf den Blog verirrt, zum anderen ist es aber auch einfach eine sinnvolle Dokumentationsweise, und vielleicht sogar etwas Gutes für spätere Bewerbungen.
|
||||
|
||||
{{< figure src="/files/how-it-all-began/etching-station.jpg" alt="Bild eines Aufbaus, um Platinen manuell zu ätzen; im Bild: ein selbst gebauter UV-Belichter, ein Ätzgerät sowie ein Gefäß mit Natronlauge" caption="Der Ätzaufbau" >}}
|
||||
|
||||
Also, hingesetzt und nach Möglichkeiten gesucht, einen Blog zu erstellen. Natürlich musste er selbst gehostet sein, und vielleicht sogar ein bisschen selbst gemacht. Das führte mich zu [Hugo](https://gohugo.io/) (auch Jekyll war eine Überlegung), einem relativ simplen (und sehr schnellen) Static-Site-Generator, der aus Markdown (unter anderem) Websites generieren kann und somit eigentlich perfekt für einen Blog geeignet ist. Bei der Theme-Auswahl schwankte ich anfangs zwischen „selbst erstellen“ und „vorhandenes nutzen“. Aus Zeitmangel und Gründen der Einfachheit wurde es dann eben ein vorhandenes, genauer [Terminal](https://themes.gohugo.io/themes/hugo-theme-terminal/). An meine Bedürfnisse angepasst, war der Blog an sich schon recht schnell fertig[^3]. Jetzt wartet er nur noch darauf, mit Inhalt gefüllt zu werden.
|
||||
|
||||
[^3]: ...einige Nachmittage (und Abende bis Nächte) gingen aber doch dafür drauf (um ehrlich zu sein).
|
||||
|
||||
|
||||
## Geplante Inhalte {id=planned-content}
|
||||
|
||||
Was man am Anfang plant, wird selten genau so umgesetzt - und so wird es vermutlich auch mit diesem Blog sein, und das ist gut so. Schließlich entwickelt sich alles weiter. Aber ich schreibe hier jetzt dennoch auf, was ich plane, in Zukunft auf diesem Blog zu schreiben - eine grobe Vorstellung habe ich nämlich doch.
|
||||
|
||||
- über meine DIY-Projekte,
|
||||
- über neue Erfahrungen, die ich beim Basteln sammle,
|
||||
- auch hier und da ein Update zu vorhandenen Projekten, Libraries,
|
||||
- und vielleicht ja auch etwas ganz Neues!
|
||||
|
||||
Zusammengefasst: alles, was ich DIY-mäßig tue, möchte ich hier (wenn Zeit und Lust da sind) teilen bzw. dokumentieren - in der Hoffnung, dass sich vielleicht wirklich mal jemand die genau selbe Frage stellt wie ich oder eine ähnliche Idee hat wie ich, und sich dann in diesen Blog verirrt.
|
||||
111
content/posts/how-it-all-began.en.md
Normal file
111
content/posts/how-it-all-began.en.md
Normal file
@ -0,0 +1,111 @@
|
||||
+++
|
||||
title = 'How everything began - or: the first post!'
|
||||
date = 2025-04-13T15:10:20+02:00
|
||||
draft = false
|
||||
toc = true
|
||||
cover = '/files/how-it-all-began/cover.png'
|
||||
+++
|
||||
|
||||
|
||||
## Initial considerations {id=thinking}
|
||||
|
||||
I've been thinking about how to write this post for a long time. What needs to be told, what is unimportant? A lot has to be left out for the sake of clarity, and I might not even remember some of it. In any case, I would like to use this article to explain my intention in starting this blog. But to explain that, you have to understand the origins.
|
||||
|
||||
|
||||
## How it all began {id=beginnings}
|
||||
|
||||
It all started when I was a 5th or 6th grade student (I can't remember exactly!) and started writing a batch script on a laptop for school. Yes, that's how it was, I admit - even if I don't know who or what drove me to do it. But I have a rough idea: I think it was a child's intrinsic motivation to find out how this computer in front of him works that made me do it.
|
||||
|
||||
Be that as it may, one of my “programs” looked something like this (yes, partially german):
|
||||
|
||||
```batch
|
||||
@echo off
|
||||
|
||||
echo Herzlich Wilkommen , bitte Passwort eingeben
|
||||
color 7b
|
||||
|
||||
:PSWD
|
||||
set/p x=
|
||||
if ''%x%''==''sehrsicher'' goto openfile
|
||||
|
||||
pause
|
||||
|
||||
:false
|
||||
echo Falsches Passwort , bitte erneut versuchen.
|
||||
color 7c
|
||||
goto PWSD
|
||||
|
||||
:openfile
|
||||
echo Passwort richtig , bitte 'Enter' druecken!
|
||||
goto Video
|
||||
|
||||
pause
|
||||
|
||||
:Video
|
||||
echo Wenn sie sich ein Video anschauen moechten , dann geben sie jetzt ,,Ja`` ein , wenn nicht dann einfach ,,Nein''!
|
||||
color 7b
|
||||
|
||||
:PSWD
|
||||
set/p x=
|
||||
if ''%x%''==''Ja'' goto OpenVideo
|
||||
|
||||
:false
|
||||
goto exit
|
||||
|
||||
:OpenVideo
|
||||
start C:\Users\<CENSORED>\<YES, REALLY>\
|
||||
|
||||
:exit
|
||||
exit
|
||||
```
|
||||
|
||||
Well, then my father gave me the book, a textbook on Python3[^1], and there was no turning back. I think I read the entire textbook when I was 11 or 12 years old. Anyway, at some point I switched to Linux (initially [Linux Mint](https://linuxmint.com/)) - then came COVID-19[^2].
|
||||
|
||||
|
||||
[^1]: [Python3 - das umfassende Handbuch von Johannes Ernesti und Peter Kaiser](https://www.rheinwerk-verlag.de/python-3-das-umfassende-handbuch/) (no advertising!)
|
||||
|
||||
[^2]: Then again, it wasn't that easy, but for the sake of clarity I've just simplified here.
|
||||
|
||||
|
||||
## COVID-19 {id=covid-19}
|
||||
|
||||
For students, COVID-19 and the associated homeschooling and isolation meant one thing above all: a lot of time. They used it in different ways. I used it to pursue my new hobby intensively. During this time, I learned new programming languages like Java (partly for Minecraft plugins, [here](https://git.privacynerd.de/BlueFox/MC-Plugins) you can find some), and even taught myself some C and assembler.
|
||||
|
||||
During this time, I was given my first Raspberry Pi - with far-reaching consequences. Because it led to me turning more and more to the hardware side. While I had previously written web apps with a database in [Django](https://www.djangoproject.com/) or [Flask](https://flask.palletsprojects.com/en/stable/) and Python, I was now programming simple blinking circuits, then at some point scripts that read sensor data and displayed it on a small OLED display (0.96") or switched the lamps in my room on and off at the touch of a button (because a light switch is not enough!). During this time, I also discovered for myself a 3D printer that had been sitting around almost unused for a long time.
|
||||
|
||||
{{< figure src="/files/how-it-all-began/esafep.png" alt="Picture of the ESafeP - a wooden ”safe“ with its own software" caption="The ”ESafeP“ - very stable!" >}}
|
||||
|
||||
Things got even more hardware-oriented with my first ESP32 - new ideas emerged and with them new projects. A self-built safe (super safe made of wood!) with my own [software](https://git.privacynerd.de/BlueFox/ESafeP) was just as much a part of it as my own [MP3 (and much more) player](https://git.privacynerd.de/NetSpeaker/NetSpeaker). The 3D printer was also used time and again, as it is common in the DIY space - for example for the housing for my battery-powered [ePaper showing the german “Tageslosung“ - a verse from the bible for every day](https://git.privacynerd.de/BlueFox/losungepaper).
|
||||
|
||||
{{< figure src="/files/how-it-all-began/netspeaker.jpg" alt="Image of a finished, self-made NetSpeaker in housing - which is (not) just MP3 player." caption="A NetSpeaker" >}}
|
||||
|
||||
{{< figure src="/files/how-it-all-began/losung-epaper.jpg" alt="Image of the finished ePaper, which displays the current daily verse of the bibel (german “Tageslosung“)" caption="Losungs-ePaper (showing a biblical verse of the day)" >}}
|
||||
|
||||
All in all, the corona pandemic had opened up previously unimagined new spaces, at least for me, and also had its positive sides: During this time, I developed an interest in 3D printing, which could also be the subject of this blog.
|
||||
|
||||
|
||||
## Until now... {id=until-now}
|
||||
|
||||
Well, not much has changed since then. At some point, self-hosting got a thing for me, and I also got to know wood as an exciting material (as already mentioned above). It's so cool to see what you can host yourself: your own file synchronization service, your [own Github](https://git.privacynerd.de/), media servers, and so on. Initially, everything ran on the aforementioned Raspberry Pi. Later, however, access from outside the home network was required, and since then many services have been running on a rented server.
|
||||
|
||||
{{< figure src="/files/how-it-all-began/gitea-a-self-hosted-github.png" alt="Screenshot of my self-hosted instance of Gitea" caption="„A self-hosted Github“" >}}
|
||||
|
||||
Not so long ago, I had an idea: I was learning to etch circuit boards myself, and the information I was getting was mainly from other makers' blogs. Thus, why not write about what you do? On the one hand, it could actually be that someone looking for it might find their way to the blog, but on the other hand, it's simply a useful way of documenting it, and maybe even something good for future job applications.
|
||||
|
||||
{{< figure src="/files/how-it-all-began/etching-station.jpg" alt="Picture of a setup for manually etching circuit boards; in the picture: a self-built UV exposure unit, an etching unit and a container with caustic soda solution" caption="The etching setup" >}}
|
||||
|
||||
So, I sat down and looked for ways to create a blog. Of course, it had to be self-hosted, and maybe even a bit self-made. This led me to [Hugo](https://gohugo.io/) (Jekyll was also a consideration), a relatively simple (and very fast) static site generator that can generate websites from Markdown (among other things) and is therefore actually perfect for a blog. When choosing a theme, I initially wavered between “create it myself” and “use an existing one”. Due to a lack of time and for reasons of simplicity, I ended up using an existing one, more precisely [Terminal](https://themes.gohugo.io/themes/hugo-theme-terminal/). Adapted to my needs, the blog itself was already finished relatively quickly[^3]. Now it's just waiting to be filled with content.
|
||||
|
||||
[^3]: ...but, to be honest, a few afternoons (and evenings and nights) were spent on it.
|
||||
|
||||
|
||||
## Planned content {id=planned-content}
|
||||
|
||||
What you plan at the beginning is rarely implemented in exactly the same way in the end - and that will probably also be the case with this blog, and that's a good thing. After all, everything evolves. But I'm still going to write down what I plan to write on this blog in the future - because I do have a rough idea.
|
||||
|
||||
- about my DIY projects,
|
||||
- about new experiences that I gather while tinkering,
|
||||
- also an update here and there on existing projects and libraries,
|
||||
- and maybe something completely new!
|
||||
|
||||
To summarize: everything I do DIY-wise, I would like to share resp. document here (if there is time and inclination) - in the hope that maybe someone will ask themselves the exact same question as me or have a similar idea to mine, and then find their way to this blog.
|
||||
@ -101,12 +101,12 @@ pagination.pagerSize = 5
|
||||
words = "words" # (default: words)
|
||||
|
||||
# below are items added by BlueFox (me)
|
||||
_menu = "Menu"
|
||||
_imprint = "Imprint"
|
||||
_made_by = "made by"
|
||||
_customized = "customized"
|
||||
|
||||
# and the following are currently in a PR (and in my fork in the my-master branch)
|
||||
menuTitle = "Menu"
|
||||
minute = "minute"
|
||||
minutes = "minutes"
|
||||
to_read = "to read"
|
||||
@ -157,12 +157,12 @@ pagination.pagerSize = 5
|
||||
words = "Wörter"
|
||||
|
||||
# below are items added by BlueFox (me)
|
||||
_menu = "Menü"
|
||||
_imprint = "Impressum"
|
||||
_made_by = "erstellt von"
|
||||
_customized = "angepasst"
|
||||
|
||||
# and the following are currently in a PR (and in my fork in the my-master branch)
|
||||
menuTitle = "Menü"
|
||||
minute = "Minute"
|
||||
minutes = "Minuten"
|
||||
to_read = "Lesezeit"
|
||||
|
||||
@ -145,7 +145,7 @@
|
||||
</div>
|
||||
|
||||
<ul class="menu menu--mobile">
|
||||
<li class="menu__trigger">Menu ▾</li>
|
||||
<li class="menu__trigger">Menü ▾</li>
|
||||
<li>
|
||||
<ul class="menu__dropdown">
|
||||
|
||||
|
||||
@ -149,7 +149,7 @@
|
||||
</div>
|
||||
|
||||
<ul class="menu menu--mobile">
|
||||
<li class="menu__trigger">Menu ▾</li>
|
||||
<li class="menu__trigger">Menü ▾</li>
|
||||
<li>
|
||||
<ul class="menu__dropdown">
|
||||
|
||||
|
||||
@ -147,7 +147,7 @@
|
||||
</div>
|
||||
|
||||
<ul class="menu menu--mobile">
|
||||
<li class="menu__trigger">Menu ▾</li>
|
||||
<li class="menu__trigger">Menü ▾</li>
|
||||
<li>
|
||||
<ul class="menu__dropdown">
|
||||
|
||||
|
||||
@ -150,7 +150,7 @@
|
||||
</div>
|
||||
|
||||
<ul class="menu menu--mobile">
|
||||
<li class="menu__trigger">Menu ▾</li>
|
||||
<li class="menu__trigger">Menü ▾</li>
|
||||
<li>
|
||||
<ul class="menu__dropdown">
|
||||
|
||||
@ -262,6 +262,38 @@
|
||||
|
||||
|
||||
|
||||
<article class="post on-list">
|
||||
<h2 class="post-title">
|
||||
<a href="https://blog.privacynerd.de/de/posts/how-it-all-began/">Wie es alles anfing - oder: der erste Post!</a>
|
||||
</h2>
|
||||
|
||||
<div class="post-meta"><time class="post-date">2025-04-13</time></div>
|
||||
|
||||
|
||||
|
||||
|
||||
<img src="https://blog.privacynerd.de/files/how-it-all-began/cover.png"
|
||||
class="post-cover"
|
||||
alt="Wie es alles anfing - oder: der erste Post!"
|
||||
title="Cover Image" />
|
||||
|
||||
|
||||
<div class="post-content">
|
||||
|
||||
<h2 id="thinking">Vorüberlegungen</h2>
|
||||
<p>Ich habe lange überlegt, wie ich diesen Post schreibe. Was muss erzählt werden, was ist unwichtig? Vieles muss wegen der Übersichtlichkeit weggelassen werden, und an so manches erinnere ich mich vielleicht schon gar nicht mehr. Jedenfalls möchte ich mit diesem Artikel meine Intention erklären, wie ich dazu kam, diesen Blog zu starten. Doch um das zu erklären, muss man die Ursprünge verstehen.</p>
|
||||
<h2 id="beginnings">Wie alles anfing</h2>
|
||||
<p>Alles begann damit, dass ich als Schüler der 5. oder 6. Klasse (ich weiß es nicht mehr so genau!) anfing, auf einem Laptop für die Schule ein Batch-Skript zu schreiben. Ja, so war es, ich gebe es zu - auch wenn ich nicht weiß, wer oder was mich dazu trieb. Eine grobe Vorstellung habe ich aber: Ich glaube, es war so eine intrinsische Motivation eines Kindes, herauszufinden, wie dieser Computer da vor ihm funktioniert, die mich dazu trieb.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div>
|
||||
<a class="read-more button inline" href="/de/posts/how-it-all-began/">[Mehr lesen]</a>
|
||||
</div>
|
||||
|
||||
</article>
|
||||
|
||||
|
||||
<div class="pagination">
|
||||
<div class="pagination__buttons">
|
||||
|
||||
@ -6,8 +6,15 @@
|
||||
<description>Recent content on Privacynerd's blog</description>
|
||||
<generator>Hugo</generator>
|
||||
<language>de</language>
|
||||
<lastBuildDate>Sun, 13 Apr 2025 13:02:20 +0200</lastBuildDate>
|
||||
<lastBuildDate>Sun, 13 Apr 2025 15:10:20 +0200</lastBuildDate>
|
||||
<atom:link href="https://blog.privacynerd.de/de/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>Wie es alles anfing - oder: der erste Post!</title>
|
||||
<link>https://blog.privacynerd.de/de/posts/how-it-all-began/</link>
|
||||
<pubDate>Sun, 13 Apr 2025 15:10:20 +0200</pubDate>
|
||||
<guid>https://blog.privacynerd.de/de/posts/how-it-all-began/</guid>
|
||||
<description><h2 id="thinking">Vorüberlegungen</h2>
<p>Ich habe lange überlegt, wie ich diesen Post schreibe. Was muss erzählt werden, was ist unwichtig? Vieles muss wegen der Übersichtlichkeit weggelassen werden, und an so manches erinnere ich mich vielleicht schon gar nicht mehr. Jedenfalls möchte ich mit diesem Artikel meine Intention erklären, wie ich dazu kam, diesen Blog zu starten. Doch um das zu erklären, muss man die Ursprünge verstehen.</p>
<h2 id="beginnings">Wie alles anfing</h2>
<p>Alles begann damit, dass ich als Schüler der 5. oder 6. Klasse (ich weiß es nicht mehr so genau!) anfing, auf einem Laptop für die Schule ein Batch-Skript zu schreiben. Ja, so war es, ich gebe es zu - auch wenn ich nicht weiß, wer oder was mich dazu trieb. Eine grobe Vorstellung habe ich aber: Ich glaube, es war so eine intrinsische Motivation eines Kindes, herauszufinden, wie dieser Computer da vor ihm funktioniert, die mich dazu trieb.</p></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Über</title>
|
||||
<link>https://blog.privacynerd.de/de/about/</link>
|
||||
|
||||
451
public/de/posts/how-it-all-began/index.html
Normal file
451
public/de/posts/how-it-all-began/index.html
Normal file
@ -0,0 +1,451 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
|
||||
<title>Wie es alles anfing - oder: der erste Post! :: Privacynerd's blog</title>
|
||||
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="Vorüberlegungen Ich habe lange überlegt, wie ich diesen Post schreibe. Was muss erzählt werden, was ist unwichtig? Vieles muss wegen der Übersichtlichkeit weggelassen werden, und an so manches erinnere ich mich vielleicht schon gar nicht mehr. Jedenfalls möchte ich mit diesem Artikel meine Intention erklären, wie ich dazu kam, diesen Blog zu starten. Doch um das zu erklären, muss man die Ursprünge verstehen.
|
||||
Wie alles anfing Alles begann damit, dass ich als Schüler der 5. oder 6. Klasse (ich weiß es nicht mehr so genau!) anfing, auf einem Laptop für die Schule ein Batch-Skript zu schreiben. Ja, so war es, ich gebe es zu - auch wenn ich nicht weiß, wer oder was mich dazu trieb. Eine grobe Vorstellung habe ich aber: Ich glaube, es war so eine intrinsische Motivation eines Kindes, herauszufinden, wie dieser Computer da vor ihm funktioniert, die mich dazu trieb.
|
||||
" />
|
||||
<meta name="keywords" content="" />
|
||||
|
||||
<meta name="robots" content="noodp" />
|
||||
|
||||
<link rel="canonical" href="https://blog.privacynerd.de/de/posts/how-it-all-began/" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/terminal.css">
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="shortcut icon" href="https://blog.privacynerd.de/favicon.png">
|
||||
<link rel="apple-touch-icon" href="https://blog.privacynerd.de/apple-touch-icon.png">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary" />
|
||||
|
||||
|
||||
<meta name="twitter:site" content="" />
|
||||
|
||||
<meta name="twitter:creator" content="" />
|
||||
|
||||
|
||||
|
||||
<meta property="og:locale" content="de" />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:title" content="Wie es alles anfing - oder: der erste Post!">
|
||||
<meta property="og:description" content="Vorüberlegungen Ich habe lange überlegt, wie ich diesen Post schreibe. Was muss erzählt werden, was ist unwichtig? Vieles muss wegen der Übersichtlichkeit weggelassen werden, und an so manches erinnere ich mich vielleicht schon gar nicht mehr. Jedenfalls möchte ich mit diesem Artikel meine Intention erklären, wie ich dazu kam, diesen Blog zu starten. Doch um das zu erklären, muss man die Ursprünge verstehen.
|
||||
Wie alles anfing Alles begann damit, dass ich als Schüler der 5. oder 6. Klasse (ich weiß es nicht mehr so genau!) anfing, auf einem Laptop für die Schule ein Batch-Skript zu schreiben. Ja, so war es, ich gebe es zu - auch wenn ich nicht weiß, wer oder was mich dazu trieb. Eine grobe Vorstellung habe ich aber: Ich glaube, es war so eine intrinsische Motivation eines Kindes, herauszufinden, wie dieser Computer da vor ihm funktioniert, die mich dazu trieb.
|
||||
" />
|
||||
<meta property="og:url" content="https://blog.privacynerd.de/de/posts/how-it-all-began/" />
|
||||
<meta property="og:site_name" content="Privacynerd's blog" />
|
||||
|
||||
|
||||
|
||||
<meta property="og:image" content="https://blog.privacynerd.de/files/how-it-all-began/cover.png">
|
||||
|
||||
<meta property="og:image:width" content="1200">
|
||||
<meta property="og:image:height" content="627">
|
||||
|
||||
|
||||
<meta property="article:published_time" content="2025-04-13 15:10:20 +0200 CEST" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<style>
|
||||
#banner {
|
||||
width: 100%;
|
||||
height: 2rem;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr auto;
|
||||
background: var(--accent);
|
||||
}
|
||||
|
||||
#banner span {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
#banner a {
|
||||
color: var(--background);
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#banner > button {
|
||||
padding: 0 5px 0 0;
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="banner"><span><a href="https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de">Baustelle 🚧 | laufende Arbeiten</a></span></div>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div class="container center">
|
||||
|
||||
<header class="header">
|
||||
<div class="header__inner">
|
||||
<div class="header__logo">
|
||||
<a href="/de">
|
||||
<div class="logo">
|
||||
Privacynerd's blog
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<ul class="menu menu--mobile">
|
||||
<li class="menu__trigger">Menü ▾</li>
|
||||
<li>
|
||||
<ul class="menu__dropdown">
|
||||
|
||||
|
||||
<li><a href="/de/about">Über</a></li>
|
||||
|
||||
|
||||
|
||||
<li><a href="/de/tags">Tags</a></li>
|
||||
|
||||
|
||||
|
||||
<hr />
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
<a href="/en/posts/how-it-all-began/">English</a>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<b>
|
||||
<a href="/de/posts/how-it-all-began/">Deutsch</a>
|
||||
</b>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
<ul class="menu menu--desktop menu--language-selector">
|
||||
<li class="menu__trigger">de ▾</li>
|
||||
<li>
|
||||
<ul class="menu__dropdown">
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
<a href="/en/posts/how-it-all-began/">English</a>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<b>
|
||||
<a href="/de/posts/how-it-all-began/">Deutsch</a>
|
||||
</b>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<nav class="navigation-menu">
|
||||
<ul class="navigation-menu__inner menu--desktop">
|
||||
|
||||
|
||||
|
||||
<li><a href="/de/about" >Über</a></li>
|
||||
|
||||
|
||||
|
||||
<li><a href="/de/tags" >Tags</a></li>
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
|
||||
<div class="content">
|
||||
|
||||
<article class="post">
|
||||
<h1 class="post-title">
|
||||
<a href="https://blog.privacynerd.de/de/posts/how-it-all-began/">Wie es alles anfing - oder: der erste Post!</a>
|
||||
</h1>
|
||||
<div class="post-meta"><time class="post-date">2025-04-13</time><span class="post-reading-time">9 Minuten Lesezeit (992 Wörter)</span></div>
|
||||
|
||||
|
||||
|
||||
<img src="https://blog.privacynerd.de/files/how-it-all-began/cover.png"
|
||||
class="post-cover"
|
||||
alt="Wie es alles anfing - oder: der erste Post!"
|
||||
title="Cover Image" />
|
||||
|
||||
|
||||
|
||||
<div class="table-of-contents">
|
||||
<h2>
|
||||
Inhaltsverzeichnis
|
||||
</h2>
|
||||
<nav id="TableOfContents">
|
||||
<ul>
|
||||
<li><a href="#thinking">Vorüberlegungen</a></li>
|
||||
<li><a href="#beginnings">Wie alles anfing</a></li>
|
||||
<li><a href="#covid-19">Corona</a></li>
|
||||
<li><a href="#until-now">Bis jetzt…</a></li>
|
||||
<li><a href="#planned-content">Geplante Inhalte</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="post-content"><div>
|
||||
<h2 id="thinking">Vorüberlegungen<a href="#thinking" class="hanchor" ariaLabel="Anchor">#</a> </h2>
|
||||
<p>Ich habe lange überlegt, wie ich diesen Post schreibe. Was muss erzählt werden, was ist unwichtig? Vieles muss wegen der Übersichtlichkeit weggelassen werden, und an so manches erinnere ich mich vielleicht schon gar nicht mehr. Jedenfalls möchte ich mit diesem Artikel meine Intention erklären, wie ich dazu kam, diesen Blog zu starten. Doch um das zu erklären, muss man die Ursprünge verstehen.</p>
|
||||
<h2 id="beginnings">Wie alles anfing<a href="#beginnings" class="hanchor" ariaLabel="Anchor">#</a> </h2>
|
||||
<p>Alles begann damit, dass ich als Schüler der 5. oder 6. Klasse (ich weiß es nicht mehr so genau!) anfing, auf einem Laptop für die Schule ein Batch-Skript zu schreiben. Ja, so war es, ich gebe es zu - auch wenn ich nicht weiß, wer oder was mich dazu trieb. Eine grobe Vorstellung habe ich aber: Ich glaube, es war so eine intrinsische Motivation eines Kindes, herauszufinden, wie dieser Computer da vor ihm funktioniert, die mich dazu trieb.</p>
|
||||
<p>Wie dem auch sei, eines meiner „Programme“ sah in etwa so aus:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-batch" data-lang="batch"><span class="line"><span class="cl"><span class="p">@</span><span class="k">echo</span> off
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="k">echo</span> Herzlich Wilkommen , bitte Passwort eingeben
|
||||
</span></span><span class="line"><span class="cl"><span class="k">color</span> 7b
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="p">:</span><span class="nl">PSWD</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="k">set/p</span> <span class="nv">x</span><span class="p">=</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="k">if</span> ''<span class="nv">%x%</span>''<span class="o">==</span>''sehrsicher'' <span class="k">goto</span> <span class="nl">openfile</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="k">pause</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="p">:</span><span class="nl">false</span><span class="c1"> </span>
|
||||
</span></span><span class="line"><span class="cl"><span class="k">echo</span> Falsches Passwort , bitte erneut versuchen.
|
||||
</span></span><span class="line"><span class="cl"><span class="k">color</span> 7c
|
||||
</span></span><span class="line"><span class="cl"><span class="k">goto</span> <span class="nl">PWSD</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="p">:</span><span class="nl">openfile</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="k">echo</span> Passwort richtig , bitte 'Enter' druecken!
|
||||
</span></span><span class="line"><span class="cl"><span class="k">goto</span> <span class="nl">Video</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="k">pause</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="p">:</span><span class="nl">Video</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="k">echo</span> Wenn sie sich ein Video anschauen moechten , dann geben sie jetzt ,,Ja`` ein , wenn nicht dann einfach ,,Nein''!
|
||||
</span></span><span class="line"><span class="cl"><span class="k">color</span> 7b
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="p">:</span><span class="nl">PSWD</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="k">set/p</span> <span class="nv">x</span><span class="p">=</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="k">if</span> ''<span class="nv">%x%</span>''<span class="o">==</span>''Ja'' <span class="k">goto</span> <span class="nl">OpenVideo</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="p">:</span><span class="nl">false</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="k">goto</span> <span class="nl">exit</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="p">:</span><span class="nl">OpenVideo</span><span class="c1"> </span>
|
||||
</span></span><span class="line"><span class="cl"><span class="k">start</span> C:\Users\<span class="p"><</span>ZENSIERT<span class="p">></span>\<span class="p"><</span>JA WIRKLICH<span class="p">></span>\
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="p">:</span><span class="nl">exit</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="k">exit</span>
|
||||
</span></span></code></pre></div><p>Nun ja, daraufhin schenkte mir mein Vater das Buch ein Lehrbuch zu Python3<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>, und es gab kein Zurück mehr. Ich glaube, ich habe mit meinen 11 oder 12 Jahren das gesamte Lehrbuch durchgelesen. Jedenfalls stieg ich irgendwann auf Linux um (anfangs <a href="https://linuxmint.com/">Linux Mint</a>) - dann kam Corona<sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
|
||||
<h2 id="covid-19">Corona<a href="#covid-19" class="hanchor" ariaLabel="Anchor">#</a> </h2>
|
||||
<p>Für Schüler bedeutete Corona und das damit einhergehende Homeschooling und die Isolation vor allem eins: viel Zeit. Man nutzte sie unterschiedlich. Ich eben dafür, meinem neuen Hobby intensiv nachzugehen. In dieser Zeit lernte ich neue Programmiersprachen wie Java (z.T. für Minecraft-Plugins, <a href="https://git.privacynerd.de/BlueFox/MC-Plugins">hier</a> sind einige zu finden), brachte mir sogar etwas C und Assembler bei.</p>
|
||||
<p>In dieser Zeit bekam ich meinen ersten Raspberry Pi geschenkt - mit weitreichenden Folgen. Denn es führte dazu, dass ich mich mehr und mehr der Hardwareseite zuwandte. Hatte ich zuvor Webapps mit Datenbank in <a href="https://www.djangoproject.com/">Django</a> bzw. <a href="https://flask.palletsprojects.com/en/stable/">Flask</a> und Python geschrieben, programmierte ich jetzt einfache Blinkschaltungen, dann irgendwann Skripte, die Sensordaten auslesen und auf einem kleinen OLED-Display (0.96") anzeigen oder die Lampen in meinem Zimmer auf Knopfdruck an- und ausschalteten (weil ein Lichtschalter ja nicht genug ist!). Ich entdeckte in dieser Zeit auch einen 3D-Drucker für mich, der bei uns seit längerer Zeit fast unbenutzt herumstand.</p>
|
||||
<figure><img src="/files/how-it-all-began/esafep.png"
|
||||
alt="Bild des ESafeP - ein „Tresor“ aus Holz mit eigener Software"><figcaption>
|
||||
<p>Der „ESafeP“ - sehr stabil!</p>
|
||||
</figcaption>
|
||||
</figure>
|
||||
|
||||
<p>Noch hardwarenäher wurde es dann mit meinem ersten ESP32 - neue Ideen entstanden und damit neue Projekte. Ein selbstgebauter Tresor (supersicher aus Holz!) mit eigener <a href="https://git.privacynerd.de/BlueFox/ESafeP">Software</a> gehörten ebenso dazu wie ein eigener <a href="https://git.privacynerd.de/NetSpeaker/NetSpeaker">MP3-(und vieles mehr)-Player</a>. Immer wieder kam dabei eben auch der 3D-Drucker zur Anwendung, wie es im DIY-Raum eben so üblich ist - zum Beispiel für das Gehäuse zu meinem batteriebetriebenen <a href="https://git.privacynerd.de/BlueFox/losungepaper">Losungs-ePaper</a>.</p>
|
||||
<figure><img src="/files/how-it-all-began/netspeaker.jpg"
|
||||
alt="Bild eines fertigen, selbstgebauten NetSpeakers in Gehäuse - unter anderem ein MP3-Player."><figcaption>
|
||||
<p>Ein NetSpeaker</p>
|
||||
</figcaption>
|
||||
</figure>
|
||||
|
||||
<figure><img src="/files/how-it-all-began/losung-epaper.jpg"
|
||||
alt="Bild des fertigen ePapers, welches die aktuelle Tageslosung anzeigt"><figcaption>
|
||||
<p>Das Losungs-ePaper</p>
|
||||
</figcaption>
|
||||
</figure>
|
||||
|
||||
<p>Alles in allem hatte die Corona-Pandemie dadurch zumindest für mich vorher ungeahnte neue Räume eröffnet und eben auch ihre positiven Seiten: In dieser Zeit entwickelte sich mein Interesse am 3D-Druck, was auch in diesem Blog thematisiert werden könnte.</p>
|
||||
<h2 id="until-now">Bis jetzt…<a href="#until-now" class="hanchor" ariaLabel="Anchor">#</a> </h2>
|
||||
<p>Nun, sehr viel hat sich seither nicht mehr geändert. Irgendwann kam dann noch das Self-Hosting dazu, und ich lernte auch Holz als spannendes Werksmaterial kennen (wie etwas weiter oben schon angerissen). Es ist so spannend zu sehen, was man alles selber hosten kann: seinen eigenen Datei-Synchronisationsservice, sein <a href="https://git.privacynerd.de/">eigenes Github</a>, Medienserver, und so weiter. Anfangs lief alles auf dem besagten Raspberry Pi. Später musste jedoch auch Zugang von außerhalb des Heimnetzes her, und seither laufen viele Dienste auf einem angemieteten Server.</p>
|
||||
<figure><img src="/files/how-it-all-began/gitea-a-self-hosted-github.png"
|
||||
alt="Screenshot meiner selbstgehosteten Gitea-Instanz"><figcaption>
|
||||
<p>„Ein selbst gehostetes Github“</p>
|
||||
</figcaption>
|
||||
</figure>
|
||||
|
||||
<p>Vor nicht allzu langer Zeit kam mir dann eine Idee. Ich war dabei, selbst Platinen ätzen zu lernen, und die Informationen hierzu bezog ich vor allem in Blogs anderer „Maker”. Warum also nicht darüber, was du machst, schreiben? Zum einen könnte es ja tatsächlich sein, dass sich ein Suchender auf den Blog verirrt, zum anderen ist es aber auch einfach eine sinnvolle Dokumentationsweise, und vielleicht sogar etwas Gutes für spätere Bewerbungen.</p>
|
||||
<figure><img src="/files/how-it-all-began/etching-station.jpg"
|
||||
alt="Bild eines Aufbaus, um Platinen manuell zu ätzen; im Bild: ein selbst gebauter UV-Belichter, ein Ätzgerät sowie ein Gefäß mit Natronlauge"><figcaption>
|
||||
<p>Der Ätzaufbau</p>
|
||||
</figcaption>
|
||||
</figure>
|
||||
|
||||
<p>Also, hingesetzt und nach Möglichkeiten gesucht, einen Blog zu erstellen. Natürlich musste er selbst gehostet sein, und vielleicht sogar ein bisschen selbst gemacht. Das führte mich zu <a href="https://gohugo.io/">Hugo</a> (auch Jekyll war eine Überlegung), einem relativ simplen (und sehr schnellen) Static-Site-Generator, der aus Markdown (unter anderem) Websites generieren kann und somit eigentlich perfekt für einen Blog geeignet ist. Bei der Theme-Auswahl schwankte ich anfangs zwischen „selbst erstellen“ und „vorhandenes nutzen“. Aus Zeitmangel und Gründen der Einfachheit wurde es dann eben ein vorhandenes, genauer <a href="https://themes.gohugo.io/themes/hugo-theme-terminal/">Terminal</a>. An meine Bedürfnisse angepasst, war der Blog an sich schon recht schnell fertig<sup id="fnref:3"><a href="#fn:3" class="footnote-ref" role="doc-noteref">3</a></sup>. Jetzt wartet er nur noch darauf, mit Inhalt gefüllt zu werden.</p>
|
||||
<h2 id="planned-content">Geplante Inhalte<a href="#planned-content" class="hanchor" ariaLabel="Anchor">#</a> </h2>
|
||||
<p>Was man am Anfang plant, wird selten genau so umgesetzt - und so wird es vermutlich auch mit diesem Blog sein, und das ist gut so. Schließlich entwickelt sich alles weiter. Aber ich schreibe hier jetzt dennoch auf, was ich plane, in Zukunft auf diesem Blog zu schreiben - eine grobe Vorstellung habe ich nämlich doch.</p>
|
||||
<ul>
|
||||
<li>über meine DIY-Projekte,</li>
|
||||
<li>über neue Erfahrungen, die ich beim Basteln sammle,</li>
|
||||
<li>auch hier und da ein Update zu vorhandenen Projekten, Libraries,</li>
|
||||
<li>und vielleicht ja auch etwas ganz Neues!</li>
|
||||
</ul>
|
||||
<p>Zusammengefasst: alles, was ich DIY-mäßig tue, möchte ich hier (wenn Zeit und Lust da sind) teilen bzw. dokumentieren - in der Hoffnung, dass sich vielleicht wirklich mal jemand die genau selbe Frage stellt wie ich oder eine ähnliche Idee hat wie ich, und sich dann in diesen Blog verirrt.</p>
|
||||
<div class="footnotes" role="doc-endnotes">
|
||||
<hr>
|
||||
<ol>
|
||||
<li id="fn:1">
|
||||
<p><a href="https://www.rheinwerk-verlag.de/python-3-das-umfassende-handbuch/">Python3 - das umfassende Handbuch von Johannes Ernesti und Peter Kaiser</a> (keine Werbung!) <a href="#fnref:1" class="footnote-backref" role="doc-backlink">↩︎</a></p>
|
||||
</li>
|
||||
<li id="fn:2">
|
||||
<p>So einfach war es dann auch wieder nicht, aber aus Gründen der Übersichtlichkeit habe ich hier eben vereinfacht. <a href="#fnref:2" class="footnote-backref" role="doc-backlink">↩︎</a></p>
|
||||
</li>
|
||||
<li id="fn:3">
|
||||
<p>…einige Nachmittage (und Abende bis Nächte) gingen aber doch dafür drauf (um ehrlich zu sein). <a href="#fnref:3" class="footnote-backref" role="doc-backlink">↩︎</a></p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
</div></div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<footer class="footer">
|
||||
<style>
|
||||
.antidiscovery i { display: none; }
|
||||
</style>
|
||||
<div class="footer__inner">
|
||||
|
||||
<div class="copyright copyright--user">
|
||||
<span class="antidiscovery">© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span>
|
||||
|
||||
<span style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fde%2fposts%2fhow-it-all-began%2f">Impressum</a></span>
|
||||
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> erstellt von <a href="https://github.com/panr" target="_blank">panr</a> (angepasst)</span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript" src="/bundle.min.js"></script>
|
||||
|
||||
|
||||
|
||||
<script src="https://swetrix.privacynerd.de/script.js" defer=""></script>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
swetrix.init('GyBjobBbBEEC', {apiURL: 'https://swetrix.privacynerd.de/api/log',})
|
||||
swetrix.trackViews()
|
||||
swetrix.trackErrors({
|
||||
sampleRate: 1,
|
||||
callback: undefined,
|
||||
})
|
||||
})
|
||||
</script>
|
||||
<noscript>
|
||||
<img
|
||||
src="https://swetrix.privacynerd.de/api/log/noscript?pid=GyBjobBbBEEC"
|
||||
alt=""
|
||||
referrerpolicy="no-referrer-when-downgrade"
|
||||
/>
|
||||
</noscript>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
338
public/de/posts/index.html
Normal file
338
public/de/posts/index.html
Normal file
@ -0,0 +1,338 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
|
||||
<title>Posts :: Privacynerd's blog</title>
|
||||
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="" />
|
||||
<meta name="keywords" content="" />
|
||||
|
||||
<meta name="robots" content="noodp" />
|
||||
|
||||
<link rel="canonical" href="https://blog.privacynerd.de/de/posts/" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/terminal.css">
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="shortcut icon" href="https://blog.privacynerd.de/favicon.png">
|
||||
<link rel="apple-touch-icon" href="https://blog.privacynerd.de/apple-touch-icon.png">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary" />
|
||||
|
||||
|
||||
<meta name="twitter:site" content="" />
|
||||
|
||||
<meta name="twitter:creator" content="" />
|
||||
|
||||
|
||||
|
||||
<meta property="og:locale" content="de" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:title" content="Posts">
|
||||
<meta property="og:description" content="" />
|
||||
<meta property="og:url" content="https://blog.privacynerd.de/de/posts/" />
|
||||
<meta property="og:site_name" content="Privacynerd's blog" />
|
||||
|
||||
<meta property="og:image" content="https://blog.privacynerd.de/og-image.png">
|
||||
|
||||
<meta property="og:image:width" content="1200">
|
||||
<meta property="og:image:height" content="627">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link href="/de/posts/index.xml" rel="alternate" type="application/rss+xml" title="Privacynerd's blog" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<style>
|
||||
#banner {
|
||||
width: 100%;
|
||||
height: 2rem;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr auto;
|
||||
background: var(--accent);
|
||||
}
|
||||
|
||||
#banner span {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
#banner a {
|
||||
color: var(--background);
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#banner > button {
|
||||
padding: 0 5px 0 0;
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="banner"><span><a href="https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de">Baustelle 🚧 | laufende Arbeiten</a></span></div>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div class="container center">
|
||||
|
||||
<header class="header">
|
||||
<div class="header__inner">
|
||||
<div class="header__logo">
|
||||
<a href="/de">
|
||||
<div class="logo">
|
||||
Privacynerd's blog
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<ul class="menu menu--mobile">
|
||||
<li class="menu__trigger">Menü ▾</li>
|
||||
<li>
|
||||
<ul class="menu__dropdown">
|
||||
|
||||
|
||||
<li><a href="/de/about">Über</a></li>
|
||||
|
||||
|
||||
|
||||
<li><a href="/de/tags">Tags</a></li>
|
||||
|
||||
|
||||
|
||||
<hr />
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
<a href="/en/posts/">English</a>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<b>
|
||||
<a href="/de/posts/">Deutsch</a>
|
||||
</b>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
<ul class="menu menu--desktop menu--language-selector">
|
||||
<li class="menu__trigger">de ▾</li>
|
||||
<li>
|
||||
<ul class="menu__dropdown">
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
<a href="/en/posts/">English</a>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<b>
|
||||
<a href="/de/posts/">Deutsch</a>
|
||||
</b>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<nav class="navigation-menu">
|
||||
<ul class="navigation-menu__inner menu--desktop">
|
||||
|
||||
|
||||
|
||||
<li><a href="/de/about" >Über</a></li>
|
||||
|
||||
|
||||
|
||||
<li><a href="/de/tags" >Tags</a></li>
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
|
||||
<div class="content">
|
||||
|
||||
|
||||
<div class="posts">
|
||||
|
||||
<article class="post on-list">
|
||||
<h2 class="post-title">
|
||||
<a href="https://blog.privacynerd.de/de/posts/how-it-all-began/">Wie es alles anfing - oder: der erste Post!</a>
|
||||
</h2>
|
||||
<div class="post-meta"><time class="post-date">2025-04-13</time></div>
|
||||
|
||||
|
||||
|
||||
|
||||
<img src="https://blog.privacynerd.de/files/how-it-all-began/cover.png"
|
||||
class="post-cover"
|
||||
alt="Wie es alles anfing - oder: der erste Post!"
|
||||
title="Cover Image" />
|
||||
|
||||
|
||||
<div class="post-content">
|
||||
|
||||
<h2 id="thinking">Vorüberlegungen</h2>
|
||||
<p>Ich habe lange überlegt, wie ich diesen Post schreibe. Was muss erzählt werden, was ist unwichtig? Vieles muss wegen der Übersichtlichkeit weggelassen werden, und an so manches erinnere ich mich vielleicht schon gar nicht mehr. Jedenfalls möchte ich mit diesem Artikel meine Intention erklären, wie ich dazu kam, diesen Blog zu starten. Doch um das zu erklären, muss man die Ursprünge verstehen.</p>
|
||||
<h2 id="beginnings">Wie alles anfing</h2>
|
||||
<p>Alles begann damit, dass ich als Schüler der 5. oder 6. Klasse (ich weiß es nicht mehr so genau!) anfing, auf einem Laptop für die Schule ein Batch-Skript zu schreiben. Ja, so war es, ich gebe es zu - auch wenn ich nicht weiß, wer oder was mich dazu trieb. Eine grobe Vorstellung habe ich aber: Ich glaube, es war so eine intrinsische Motivation eines Kindes, herauszufinden, wie dieser Computer da vor ihm funktioniert, die mich dazu trieb.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div>
|
||||
<a class="read-more button inline" href="/de/posts/how-it-all-began/">[Mehr lesen]</a>
|
||||
</div>
|
||||
|
||||
</article>
|
||||
|
||||
|
||||
<div class="pagination">
|
||||
<div class="pagination__buttons">
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<footer class="footer">
|
||||
<style>
|
||||
.antidiscovery i { display: none; }
|
||||
</style>
|
||||
<div class="footer__inner">
|
||||
|
||||
<div class="copyright copyright--user">
|
||||
<span class="antidiscovery">© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span>
|
||||
|
||||
<span style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fde%2fposts%2f">Impressum</a></span>
|
||||
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> erstellt von <a href="https://github.com/panr" target="_blank">panr</a> (angepasst)</span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript" src="/bundle.min.js"></script>
|
||||
|
||||
|
||||
|
||||
<script src="https://swetrix.privacynerd.de/script.js" defer=""></script>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
swetrix.init('GyBjobBbBEEC', {apiURL: 'https://swetrix.privacynerd.de/api/log',})
|
||||
swetrix.trackViews()
|
||||
swetrix.trackErrors({
|
||||
sampleRate: 1,
|
||||
callback: undefined,
|
||||
})
|
||||
})
|
||||
</script>
|
||||
<noscript>
|
||||
<img
|
||||
src="https://swetrix.privacynerd.de/api/log/noscript?pid=GyBjobBbBEEC"
|
||||
alt=""
|
||||
referrerpolicy="no-referrer-when-downgrade"
|
||||
/>
|
||||
</noscript>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
19
public/de/posts/index.xml
Normal file
19
public/de/posts/index.xml
Normal file
@ -0,0 +1,19 @@
|
||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Posts on Privacynerd's blog</title>
|
||||
<link>https://blog.privacynerd.de/de/posts/</link>
|
||||
<description>Recent content in Posts on Privacynerd's blog</description>
|
||||
<generator>Hugo</generator>
|
||||
<language>de</language>
|
||||
<lastBuildDate>Sun, 13 Apr 2025 15:10:20 +0200</lastBuildDate>
|
||||
<atom:link href="https://blog.privacynerd.de/de/posts/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>Wie es alles anfing - oder: der erste Post!</title>
|
||||
<link>https://blog.privacynerd.de/de/posts/how-it-all-began/</link>
|
||||
<pubDate>Sun, 13 Apr 2025 15:10:20 +0200</pubDate>
|
||||
<guid>https://blog.privacynerd.de/de/posts/how-it-all-began/</guid>
|
||||
<description><h2 id="thinking">Vorüberlegungen</h2>
<p>Ich habe lange überlegt, wie ich diesen Post schreibe. Was muss erzählt werden, was ist unwichtig? Vieles muss wegen der Übersichtlichkeit weggelassen werden, und an so manches erinnere ich mich vielleicht schon gar nicht mehr. Jedenfalls möchte ich mit diesem Artikel meine Intention erklären, wie ich dazu kam, diesen Blog zu starten. Doch um das zu erklären, muss man die Ursprünge verstehen.</p>
<h2 id="beginnings">Wie alles anfing</h2>
<p>Alles begann damit, dass ich als Schüler der 5. oder 6. Klasse (ich weiß es nicht mehr so genau!) anfing, auf einem Laptop für die Schule ein Batch-Skript zu schreiben. Ja, so war es, ich gebe es zu - auch wenn ich nicht weiß, wer oder was mich dazu trieb. Eine grobe Vorstellung habe ich aber: Ich glaube, es war so eine intrinsische Motivation eines Kindes, herauszufinden, wie dieser Computer da vor ihm funktioniert, die mich dazu trieb.</p></description>
|
||||
</item>
|
||||
</channel>
|
||||
</rss>
|
||||
10
public/de/posts/page/1/index.html
Normal file
10
public/de/posts/page/1/index.html
Normal file
@ -0,0 +1,10 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<title>https://blog.privacynerd.de/de/posts/</title>
|
||||
<link rel="canonical" href="https://blog.privacynerd.de/de/posts/">
|
||||
<meta name="robots" content="noindex">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="refresh" content="0; url=https://blog.privacynerd.de/de/posts/">
|
||||
</head>
|
||||
</html>
|
||||
@ -2,6 +2,32 @@
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
|
||||
xmlns:xhtml="http://www.w3.org/1999/xhtml">
|
||||
<url>
|
||||
<loc>https://blog.privacynerd.de/de/posts/</loc>
|
||||
<lastmod>2025-04-13T15:10:20+02:00</lastmod>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="en"
|
||||
href="https://blog.privacynerd.de/en/posts/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="de"
|
||||
href="https://blog.privacynerd.de/de/posts/"
|
||||
/>
|
||||
</url><url>
|
||||
<loc>https://blog.privacynerd.de/de/posts/how-it-all-began/</loc>
|
||||
<lastmod>2025-04-13T15:10:20+02:00</lastmod>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="en"
|
||||
href="https://blog.privacynerd.de/en/posts/how-it-all-began/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="de"
|
||||
href="https://blog.privacynerd.de/de/posts/how-it-all-began/"
|
||||
/>
|
||||
</url><url>
|
||||
<loc>https://blog.privacynerd.de/de/about/</loc>
|
||||
<lastmod>2025-04-13T13:02:20+02:00</lastmod>
|
||||
<xhtml:link
|
||||
|
||||
@ -147,7 +147,7 @@
|
||||
</div>
|
||||
|
||||
<ul class="menu menu--mobile">
|
||||
<li class="menu__trigger">Menu ▾</li>
|
||||
<li class="menu__trigger">Menü ▾</li>
|
||||
<li>
|
||||
<ul class="menu__dropdown">
|
||||
|
||||
|
||||
@ -262,6 +262,36 @@
|
||||
|
||||
|
||||
|
||||
<article class="post on-list">
|
||||
<h2 class="post-title">
|
||||
<a href="https://blog.privacynerd.de/en/posts/how-it-all-began/">How everything began - or: the first post!</a>
|
||||
</h2>
|
||||
|
||||
<div class="post-meta"><time class="post-date">2025-04-13</time></div>
|
||||
|
||||
|
||||
|
||||
|
||||
<img src="https://blog.privacynerd.de/files/how-it-all-began/cover.png"
|
||||
class="post-cover"
|
||||
alt="How everything began - or: the first post!"
|
||||
title="Cover Image" />
|
||||
|
||||
|
||||
<div class="post-content">
|
||||
|
||||
<h2 id="thinking">Initial considerations</h2>
|
||||
<p>I’ve been thinking about how to write this post for a long time. What needs to be told, what is unimportant? A lot has to be left out for the sake of clarity, and I might not even remember some of it. In any case, I would like to use this article to explain my intention in starting this blog. But to explain that, you have to understand the origins.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div>
|
||||
<a class="read-more button inline" href="/en/posts/how-it-all-began/">[Read more]</a>
|
||||
</div>
|
||||
|
||||
</article>
|
||||
|
||||
|
||||
<div class="pagination">
|
||||
<div class="pagination__buttons">
|
||||
|
||||
@ -6,8 +6,15 @@
|
||||
<description>Recent content on Privacynerd's blog</description>
|
||||
<generator>Hugo</generator>
|
||||
<language>en</language>
|
||||
<lastBuildDate>Sun, 13 Apr 2025 13:02:20 +0200</lastBuildDate>
|
||||
<lastBuildDate>Sun, 13 Apr 2025 15:10:20 +0200</lastBuildDate>
|
||||
<atom:link href="https://blog.privacynerd.de/en/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>How everything began - or: the first post!</title>
|
||||
<link>https://blog.privacynerd.de/en/posts/how-it-all-began/</link>
|
||||
<pubDate>Sun, 13 Apr 2025 15:10:20 +0200</pubDate>
|
||||
<guid>https://blog.privacynerd.de/en/posts/how-it-all-began/</guid>
|
||||
<description><h2 id="thinking">Initial considerations</h2>
<p>I&rsquo;ve been thinking about how to write this post for a long time. What needs to be told, what is unimportant? A lot has to be left out for the sake of clarity, and I might not even remember some of it. In any case, I would like to use this article to explain my intention in starting this blog. But to explain that, you have to understand the origins.</p></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>About</title>
|
||||
<link>https://blog.privacynerd.de/en/about/</link>
|
||||
|
||||
449
public/en/posts/how-it-all-began/index.html
Normal file
449
public/en/posts/how-it-all-began/index.html
Normal file
@ -0,0 +1,449 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<title>How everything began - or: the first post! :: Privacynerd's blog</title>
|
||||
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="Initial considerations I’ve been thinking about how to write this post for a long time. What needs to be told, what is unimportant? A lot has to be left out for the sake of clarity, and I might not even remember some of it. In any case, I would like to use this article to explain my intention in starting this blog. But to explain that, you have to understand the origins.
|
||||
" />
|
||||
<meta name="keywords" content="" />
|
||||
|
||||
<meta name="robots" content="noodp" />
|
||||
|
||||
<link rel="canonical" href="https://blog.privacynerd.de/en/posts/how-it-all-began/" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/terminal.css">
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="shortcut icon" href="https://blog.privacynerd.de/favicon.png">
|
||||
<link rel="apple-touch-icon" href="https://blog.privacynerd.de/apple-touch-icon.png">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary" />
|
||||
|
||||
|
||||
<meta name="twitter:site" content="" />
|
||||
|
||||
<meta name="twitter:creator" content="" />
|
||||
|
||||
|
||||
|
||||
<meta property="og:locale" content="en" />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:title" content="How everything began - or: the first post!">
|
||||
<meta property="og:description" content="Initial considerations I’ve been thinking about how to write this post for a long time. What needs to be told, what is unimportant? A lot has to be left out for the sake of clarity, and I might not even remember some of it. In any case, I would like to use this article to explain my intention in starting this blog. But to explain that, you have to understand the origins.
|
||||
" />
|
||||
<meta property="og:url" content="https://blog.privacynerd.de/en/posts/how-it-all-began/" />
|
||||
<meta property="og:site_name" content="Privacynerd's blog" />
|
||||
|
||||
|
||||
|
||||
<meta property="og:image" content="https://blog.privacynerd.de/files/how-it-all-began/cover.png">
|
||||
|
||||
<meta property="og:image:width" content="1200">
|
||||
<meta property="og:image:height" content="627">
|
||||
|
||||
|
||||
<meta property="article:published_time" content="2025-04-13 15:10:20 +0200 CEST" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<style>
|
||||
#banner {
|
||||
width: 100%;
|
||||
height: 2rem;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr auto;
|
||||
background: var(--accent);
|
||||
}
|
||||
|
||||
#banner span {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
#banner a {
|
||||
color: var(--background);
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#banner > button {
|
||||
padding: 0 5px 0 0;
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="banner"><span><a href="https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de">Construction site 🚧 | Work in progress</a></span></div>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div class="container center">
|
||||
|
||||
<header class="header">
|
||||
<div class="header__inner">
|
||||
<div class="header__logo">
|
||||
<a href="/en">
|
||||
<div class="logo">
|
||||
Privacynerd's blog
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<ul class="menu menu--mobile">
|
||||
<li class="menu__trigger">Menu ▾</li>
|
||||
<li>
|
||||
<ul class="menu__dropdown">
|
||||
|
||||
|
||||
<li><a href="/en/about">About</a></li>
|
||||
|
||||
|
||||
|
||||
<li><a href="/en/tags">Tags</a></li>
|
||||
|
||||
|
||||
|
||||
<hr />
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<b>
|
||||
<a href="/en/posts/how-it-all-began/">English</a>
|
||||
</b>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
<a href="/de/posts/how-it-all-began/">Deutsch</a>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
<ul class="menu menu--desktop menu--language-selector">
|
||||
<li class="menu__trigger">en ▾</li>
|
||||
<li>
|
||||
<ul class="menu__dropdown">
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<b>
|
||||
<a href="/en/posts/how-it-all-began/">English</a>
|
||||
</b>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
<a href="/de/posts/how-it-all-began/">Deutsch</a>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<nav class="navigation-menu">
|
||||
<ul class="navigation-menu__inner menu--desktop">
|
||||
|
||||
|
||||
|
||||
<li><a href="/en/about" >About</a></li>
|
||||
|
||||
|
||||
|
||||
<li><a href="/en/tags" >Tags</a></li>
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
|
||||
<div class="content">
|
||||
|
||||
<article class="post">
|
||||
<h1 class="post-title">
|
||||
<a href="https://blog.privacynerd.de/en/posts/how-it-all-began/">How everything began - or: the first post!</a>
|
||||
</h1>
|
||||
<div class="post-meta"><time class="post-date">2025-04-13</time><span class="post-reading-time">11 minutes to read (1095 words)</span></div>
|
||||
|
||||
|
||||
|
||||
<img src="https://blog.privacynerd.de/files/how-it-all-began/cover.png"
|
||||
class="post-cover"
|
||||
alt="How everything began - or: the first post!"
|
||||
title="Cover Image" />
|
||||
|
||||
|
||||
|
||||
<div class="table-of-contents">
|
||||
<h2>
|
||||
Table of Contents
|
||||
</h2>
|
||||
<nav id="TableOfContents">
|
||||
<ul>
|
||||
<li><a href="#thinking">Initial considerations</a></li>
|
||||
<li><a href="#beginnings">How it all began</a></li>
|
||||
<li><a href="#covid-19">COVID-19</a></li>
|
||||
<li><a href="#until-now">Until now…</a></li>
|
||||
<li><a href="#planned-content">Planned content</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="post-content"><div>
|
||||
<h2 id="thinking">Initial considerations<a href="#thinking" class="hanchor" ariaLabel="Anchor">#</a> </h2>
|
||||
<p>I’ve been thinking about how to write this post for a long time. What needs to be told, what is unimportant? A lot has to be left out for the sake of clarity, and I might not even remember some of it. In any case, I would like to use this article to explain my intention in starting this blog. But to explain that, you have to understand the origins.</p>
|
||||
<h2 id="beginnings">How it all began<a href="#beginnings" class="hanchor" ariaLabel="Anchor">#</a> </h2>
|
||||
<p>It all started when I was a 5th or 6th grade student (I can’t remember exactly!) and started writing a batch script on a laptop for school. Yes, that’s how it was, I admit - even if I don’t know who or what drove me to do it. But I have a rough idea: I think it was a child’s intrinsic motivation to find out how this computer in front of him works that made me do it.</p>
|
||||
<p>Be that as it may, one of my “programs” looked something like this (yes, partially german):</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-batch" data-lang="batch"><span class="line"><span class="cl"><span class="p">@</span><span class="k">echo</span> off
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="k">echo</span> Herzlich Wilkommen , bitte Passwort eingeben
|
||||
</span></span><span class="line"><span class="cl"><span class="k">color</span> 7b
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="p">:</span><span class="nl">PSWD</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="k">set/p</span> <span class="nv">x</span><span class="p">=</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="k">if</span> ''<span class="nv">%x%</span>''<span class="o">==</span>''sehrsicher'' <span class="k">goto</span> <span class="nl">openfile</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="k">pause</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="p">:</span><span class="nl">false</span><span class="c1"> </span>
|
||||
</span></span><span class="line"><span class="cl"><span class="k">echo</span> Falsches Passwort , bitte erneut versuchen.
|
||||
</span></span><span class="line"><span class="cl"><span class="k">color</span> 7c
|
||||
</span></span><span class="line"><span class="cl"><span class="k">goto</span> <span class="nl">PWSD</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="p">:</span><span class="nl">openfile</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="k">echo</span> Passwort richtig , bitte 'Enter' druecken!
|
||||
</span></span><span class="line"><span class="cl"><span class="k">goto</span> <span class="nl">Video</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="k">pause</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="p">:</span><span class="nl">Video</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="k">echo</span> Wenn sie sich ein Video anschauen moechten , dann geben sie jetzt ,,Ja`` ein , wenn nicht dann einfach ,,Nein''!
|
||||
</span></span><span class="line"><span class="cl"><span class="k">color</span> 7b
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="p">:</span><span class="nl">PSWD</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="k">set/p</span> <span class="nv">x</span><span class="p">=</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="k">if</span> ''<span class="nv">%x%</span>''<span class="o">==</span>''Ja'' <span class="k">goto</span> <span class="nl">OpenVideo</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="p">:</span><span class="nl">false</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="k">goto</span> <span class="nl">exit</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="p">:</span><span class="nl">OpenVideo</span><span class="c1"> </span>
|
||||
</span></span><span class="line"><span class="cl"><span class="k">start</span> C:\Users\<span class="p"><</span>CENSORED<span class="p">></span>\<span class="p"><</span>YES, REALLY<span class="p">></span>\
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="p">:</span><span class="nl">exit</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="k">exit</span>
|
||||
</span></span></code></pre></div><p>Well, then my father gave me the book, a textbook on Python3<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>, and there was no turning back. I think I read the entire textbook when I was 11 or 12 years old. Anyway, at some point I switched to Linux (initially <a href="https://linuxmint.com/">Linux Mint</a>) - then came COVID-19<sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</p>
|
||||
<h2 id="covid-19">COVID-19<a href="#covid-19" class="hanchor" ariaLabel="Anchor">#</a> </h2>
|
||||
<p>For students, COVID-19 and the associated homeschooling and isolation meant one thing above all: a lot of time. They used it in different ways. I used it to pursue my new hobby intensively. During this time, I learned new programming languages like Java (partly for Minecraft plugins, <a href="https://git.privacynerd.de/BlueFox/MC-Plugins">here</a> you can find some), and even taught myself some C and assembler.</p>
|
||||
<p>During this time, I was given my first Raspberry Pi - with far-reaching consequences. Because it led to me turning more and more to the hardware side. While I had previously written web apps with a database in <a href="https://www.djangoproject.com/">Django</a> or <a href="https://flask.palletsprojects.com/en/stable/">Flask</a> and Python, I was now programming simple blinking circuits, then at some point scripts that read sensor data and displayed it on a small OLED display (0.96") or switched the lamps in my room on and off at the touch of a button (because a light switch is not enough!). During this time, I also discovered for myself a 3D printer that had been sitting around almost unused for a long time.</p>
|
||||
<figure><img src="/files/how-it-all-began/esafep.png"
|
||||
alt="Picture of the ESafeP - a wooden ”safe“ with its own software"><figcaption>
|
||||
<p>The ”ESafeP“ - very stable!</p>
|
||||
</figcaption>
|
||||
</figure>
|
||||
|
||||
<p>Things got even more hardware-oriented with my first ESP32 - new ideas emerged and with them new projects. A self-built safe (super safe made of wood!) with my own <a href="https://git.privacynerd.de/BlueFox/ESafeP">software</a> was just as much a part of it as my own <a href="https://git.privacynerd.de/NetSpeaker/NetSpeaker">MP3 (and much more) player</a>. The 3D printer was also used time and again, as it is common in the DIY space - for example for the housing for my battery-powered <a href="https://git.privacynerd.de/BlueFox/losungepaper">ePaper showing the german “Tageslosung“ - a verse from the bible for every day</a>.</p>
|
||||
<figure><img src="/files/how-it-all-began/netspeaker.jpg"
|
||||
alt="Image of a finished, self-made NetSpeaker in housing - which is (not) just MP3 player."><figcaption>
|
||||
<p>A NetSpeaker</p>
|
||||
</figcaption>
|
||||
</figure>
|
||||
|
||||
<figure><img src="/files/how-it-all-began/losung-epaper.jpg"
|
||||
alt="Image of the finished ePaper, which displays the current daily verse of the bibel (german “Tageslosung“)"><figcaption>
|
||||
<p>Losungs-ePaper (showing a biblical verse of the day)</p>
|
||||
</figcaption>
|
||||
</figure>
|
||||
|
||||
<p>All in all, the corona pandemic had opened up previously unimagined new spaces, at least for me, and also had its positive sides: During this time, I developed an interest in 3D printing, which could also be the subject of this blog.</p>
|
||||
<h2 id="until-now">Until now…<a href="#until-now" class="hanchor" ariaLabel="Anchor">#</a> </h2>
|
||||
<p>Well, not much has changed since then. At some point, self-hosting got a thing for me, and I also got to know wood as an exciting material (as already mentioned above). It’s so cool to see what you can host yourself: your own file synchronization service, your <a href="https://git.privacynerd.de/">own Github</a>, media servers, and so on. Initially, everything ran on the aforementioned Raspberry Pi. Later, however, access from outside the home network was required, and since then many services have been running on a rented server.</p>
|
||||
<figure><img src="/files/how-it-all-began/gitea-a-self-hosted-github.png"
|
||||
alt="Screenshot of my self-hosted instance of Gitea"><figcaption>
|
||||
<p>„A self-hosted Github“</p>
|
||||
</figcaption>
|
||||
</figure>
|
||||
|
||||
<p>Not so long ago, I had an idea: I was learning to etch circuit boards myself, and the information I was getting was mainly from other makers’ blogs. Thus, why not write about what you do? On the one hand, it could actually be that someone looking for it might find their way to the blog, but on the other hand, it’s simply a useful way of documenting it, and maybe even something good for future job applications.</p>
|
||||
<figure><img src="/files/how-it-all-began/etching-station.jpg"
|
||||
alt="Picture of a setup for manually etching circuit boards; in the picture: a self-built UV exposure unit, an etching unit and a container with caustic soda solution"><figcaption>
|
||||
<p>The etching setup</p>
|
||||
</figcaption>
|
||||
</figure>
|
||||
|
||||
<p>So, I sat down and looked for ways to create a blog. Of course, it had to be self-hosted, and maybe even a bit self-made. This led me to <a href="https://gohugo.io/">Hugo</a> (Jekyll was also a consideration), a relatively simple (and very fast) static site generator that can generate websites from Markdown (among other things) and is therefore actually perfect for a blog. When choosing a theme, I initially wavered between “create it myself” and “use an existing one”. Due to a lack of time and for reasons of simplicity, I ended up using an existing one, more precisely <a href="https://themes.gohugo.io/themes/hugo-theme-terminal/">Terminal</a>. Adapted to my needs, the blog itself was already finished relatively quickly<sup id="fnref:3"><a href="#fn:3" class="footnote-ref" role="doc-noteref">3</a></sup>. Now it’s just waiting to be filled with content.</p>
|
||||
<h2 id="planned-content">Planned content<a href="#planned-content" class="hanchor" ariaLabel="Anchor">#</a> </h2>
|
||||
<p>What you plan at the beginning is rarely implemented in exactly the same way in the end - and that will probably also be the case with this blog, and that’s a good thing. After all, everything evolves. But I’m still going to write down what I plan to write on this blog in the future - because I do have a rough idea.</p>
|
||||
<ul>
|
||||
<li>about my DIY projects,</li>
|
||||
<li>about new experiences that I gather while tinkering,</li>
|
||||
<li>also an update here and there on existing projects and libraries,</li>
|
||||
<li>and maybe something completely new!</li>
|
||||
</ul>
|
||||
<p>To summarize: everything I do DIY-wise, I would like to share resp. document here (if there is time and inclination) - in the hope that maybe someone will ask themselves the exact same question as me or have a similar idea to mine, and then find their way to this blog.</p>
|
||||
<div class="footnotes" role="doc-endnotes">
|
||||
<hr>
|
||||
<ol>
|
||||
<li id="fn:1">
|
||||
<p><a href="https://www.rheinwerk-verlag.de/python-3-das-umfassende-handbuch/">Python3 - das umfassende Handbuch von Johannes Ernesti und Peter Kaiser</a> (no advertising!) <a href="#fnref:1" class="footnote-backref" role="doc-backlink">↩︎</a></p>
|
||||
</li>
|
||||
<li id="fn:2">
|
||||
<p>Then again, it wasn’t that easy, but for the sake of clarity I’ve just simplified here. <a href="#fnref:2" class="footnote-backref" role="doc-backlink">↩︎</a></p>
|
||||
</li>
|
||||
<li id="fn:3">
|
||||
<p>…but, to be honest, a few afternoons (and evenings and nights) were spent on it. <a href="#fnref:3" class="footnote-backref" role="doc-backlink">↩︎</a></p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
</div></div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<footer class="footer">
|
||||
<style>
|
||||
.antidiscovery i { display: none; }
|
||||
</style>
|
||||
<div class="footer__inner">
|
||||
|
||||
<div class="copyright copyright--user">
|
||||
<span class="antidiscovery">© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span>
|
||||
|
||||
<span style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fen%2fposts%2fhow-it-all-began%2f">Imprint</a></span>
|
||||
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> made by <a href="https://github.com/panr" target="_blank">panr</a> (customized)</span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript" src="/bundle.min.js"></script>
|
||||
|
||||
|
||||
|
||||
<script src="https://swetrix.privacynerd.de/script.js" defer=""></script>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
swetrix.init('GyBjobBbBEEC', {apiURL: 'https://swetrix.privacynerd.de/api/log',})
|
||||
swetrix.trackViews()
|
||||
swetrix.trackErrors({
|
||||
sampleRate: 1,
|
||||
callback: undefined,
|
||||
})
|
||||
})
|
||||
</script>
|
||||
<noscript>
|
||||
<img
|
||||
src="https://swetrix.privacynerd.de/api/log/noscript?pid=GyBjobBbBEEC"
|
||||
alt=""
|
||||
referrerpolicy="no-referrer-when-downgrade"
|
||||
/>
|
||||
</noscript>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
336
public/en/posts/index.html
Normal file
336
public/en/posts/index.html
Normal file
@ -0,0 +1,336 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<title>Posts :: Privacynerd's blog</title>
|
||||
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="" />
|
||||
<meta name="keywords" content="" />
|
||||
|
||||
<meta name="robots" content="noodp" />
|
||||
|
||||
<link rel="canonical" href="https://blog.privacynerd.de/en/posts/" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://blog.privacynerd.de/terminal.css">
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="shortcut icon" href="https://blog.privacynerd.de/favicon.png">
|
||||
<link rel="apple-touch-icon" href="https://blog.privacynerd.de/apple-touch-icon.png">
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary" />
|
||||
|
||||
|
||||
<meta name="twitter:site" content="" />
|
||||
|
||||
<meta name="twitter:creator" content="" />
|
||||
|
||||
|
||||
|
||||
<meta property="og:locale" content="en" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:title" content="Posts">
|
||||
<meta property="og:description" content="" />
|
||||
<meta property="og:url" content="https://blog.privacynerd.de/en/posts/" />
|
||||
<meta property="og:site_name" content="Privacynerd's blog" />
|
||||
|
||||
<meta property="og:image" content="https://blog.privacynerd.de/og-image.png">
|
||||
|
||||
<meta property="og:image:width" content="1200">
|
||||
<meta property="og:image:height" content="627">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link href="/en/posts/index.xml" rel="alternate" type="application/rss+xml" title="Privacynerd's blog" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<style>
|
||||
#banner {
|
||||
width: 100%;
|
||||
height: 2rem;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr auto;
|
||||
background: var(--accent);
|
||||
}
|
||||
|
||||
#banner span {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
#banner a {
|
||||
color: var(--background);
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#banner > button {
|
||||
padding: 0 5px 0 0;
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="banner"><span><a href="https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de">Construction site 🚧 | Work in progress</a></span></div>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div class="container center">
|
||||
|
||||
<header class="header">
|
||||
<div class="header__inner">
|
||||
<div class="header__logo">
|
||||
<a href="/en">
|
||||
<div class="logo">
|
||||
Privacynerd's blog
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<ul class="menu menu--mobile">
|
||||
<li class="menu__trigger">Menu ▾</li>
|
||||
<li>
|
||||
<ul class="menu__dropdown">
|
||||
|
||||
|
||||
<li><a href="/en/about">About</a></li>
|
||||
|
||||
|
||||
|
||||
<li><a href="/en/tags">Tags</a></li>
|
||||
|
||||
|
||||
|
||||
<hr />
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<b>
|
||||
<a href="/en/posts/">English</a>
|
||||
</b>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
<a href="/de/posts/">Deutsch</a>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
<ul class="menu menu--desktop menu--language-selector">
|
||||
<li class="menu__trigger">en ▾</li>
|
||||
<li>
|
||||
<ul class="menu__dropdown">
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<b>
|
||||
<a href="/en/posts/">English</a>
|
||||
</b>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
|
||||
<a href="/de/posts/">Deutsch</a>
|
||||
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<nav class="navigation-menu">
|
||||
<ul class="navigation-menu__inner menu--desktop">
|
||||
|
||||
|
||||
|
||||
<li><a href="/en/about" >About</a></li>
|
||||
|
||||
|
||||
|
||||
<li><a href="/en/tags" >Tags</a></li>
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
|
||||
<div class="content">
|
||||
|
||||
|
||||
<div class="posts">
|
||||
|
||||
<article class="post on-list">
|
||||
<h2 class="post-title">
|
||||
<a href="https://blog.privacynerd.de/en/posts/how-it-all-began/">How everything began - or: the first post!</a>
|
||||
</h2>
|
||||
<div class="post-meta"><time class="post-date">2025-04-13</time></div>
|
||||
|
||||
|
||||
|
||||
|
||||
<img src="https://blog.privacynerd.de/files/how-it-all-began/cover.png"
|
||||
class="post-cover"
|
||||
alt="How everything began - or: the first post!"
|
||||
title="Cover Image" />
|
||||
|
||||
|
||||
<div class="post-content">
|
||||
|
||||
<h2 id="thinking">Initial considerations</h2>
|
||||
<p>I’ve been thinking about how to write this post for a long time. What needs to be told, what is unimportant? A lot has to be left out for the sake of clarity, and I might not even remember some of it. In any case, I would like to use this article to explain my intention in starting this blog. But to explain that, you have to understand the origins.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div>
|
||||
<a class="read-more button inline" href="/en/posts/how-it-all-began/">[Read more]</a>
|
||||
</div>
|
||||
|
||||
</article>
|
||||
|
||||
|
||||
<div class="pagination">
|
||||
<div class="pagination__buttons">
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<footer class="footer">
|
||||
<style>
|
||||
.antidiscovery i { display: none; }
|
||||
</style>
|
||||
<div class="footer__inner">
|
||||
|
||||
<div class="copyright copyright--user">
|
||||
<span class="antidiscovery">© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span>
|
||||
|
||||
<span style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fen%2fposts%2f">Imprint</a></span>
|
||||
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> made by <a href="https://github.com/panr" target="_blank">panr</a> (customized)</span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript" src="/bundle.min.js"></script>
|
||||
|
||||
|
||||
|
||||
<script src="https://swetrix.privacynerd.de/script.js" defer=""></script>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
swetrix.init('GyBjobBbBEEC', {apiURL: 'https://swetrix.privacynerd.de/api/log',})
|
||||
swetrix.trackViews()
|
||||
swetrix.trackErrors({
|
||||
sampleRate: 1,
|
||||
callback: undefined,
|
||||
})
|
||||
})
|
||||
</script>
|
||||
<noscript>
|
||||
<img
|
||||
src="https://swetrix.privacynerd.de/api/log/noscript?pid=GyBjobBbBEEC"
|
||||
alt=""
|
||||
referrerpolicy="no-referrer-when-downgrade"
|
||||
/>
|
||||
</noscript>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
19
public/en/posts/index.xml
Normal file
19
public/en/posts/index.xml
Normal file
@ -0,0 +1,19 @@
|
||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Posts on Privacynerd's blog</title>
|
||||
<link>https://blog.privacynerd.de/en/posts/</link>
|
||||
<description>Recent content in Posts on Privacynerd's blog</description>
|
||||
<generator>Hugo</generator>
|
||||
<language>en</language>
|
||||
<lastBuildDate>Sun, 13 Apr 2025 15:10:20 +0200</lastBuildDate>
|
||||
<atom:link href="https://blog.privacynerd.de/en/posts/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>How everything began - or: the first post!</title>
|
||||
<link>https://blog.privacynerd.de/en/posts/how-it-all-began/</link>
|
||||
<pubDate>Sun, 13 Apr 2025 15:10:20 +0200</pubDate>
|
||||
<guid>https://blog.privacynerd.de/en/posts/how-it-all-began/</guid>
|
||||
<description><h2 id="thinking">Initial considerations</h2>
<p>I&rsquo;ve been thinking about how to write this post for a long time. What needs to be told, what is unimportant? A lot has to be left out for the sake of clarity, and I might not even remember some of it. In any case, I would like to use this article to explain my intention in starting this blog. But to explain that, you have to understand the origins.</p></description>
|
||||
</item>
|
||||
</channel>
|
||||
</rss>
|
||||
10
public/en/posts/page/1/index.html
Normal file
10
public/en/posts/page/1/index.html
Normal file
@ -0,0 +1,10 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>https://blog.privacynerd.de/en/posts/</title>
|
||||
<link rel="canonical" href="https://blog.privacynerd.de/en/posts/">
|
||||
<meta name="robots" content="noindex">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="refresh" content="0; url=https://blog.privacynerd.de/en/posts/">
|
||||
</head>
|
||||
</html>
|
||||
@ -2,6 +2,32 @@
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
|
||||
xmlns:xhtml="http://www.w3.org/1999/xhtml">
|
||||
<url>
|
||||
<loc>https://blog.privacynerd.de/en/posts/how-it-all-began/</loc>
|
||||
<lastmod>2025-04-13T15:10:20+02:00</lastmod>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="de"
|
||||
href="https://blog.privacynerd.de/de/posts/how-it-all-began/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="en"
|
||||
href="https://blog.privacynerd.de/en/posts/how-it-all-began/"
|
||||
/>
|
||||
</url><url>
|
||||
<loc>https://blog.privacynerd.de/en/posts/</loc>
|
||||
<lastmod>2025-04-13T15:10:20+02:00</lastmod>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="de"
|
||||
href="https://blog.privacynerd.de/de/posts/"
|
||||
/>
|
||||
<xhtml:link
|
||||
rel="alternate"
|
||||
hreflang="en"
|
||||
href="https://blog.privacynerd.de/en/posts/"
|
||||
/>
|
||||
</url><url>
|
||||
<loc>https://blog.privacynerd.de/en/about/</loc>
|
||||
<lastmod>2025-04-13T13:02:20+02:00</lastmod>
|
||||
<xhtml:link
|
||||
|
||||
BIN
public/files/how-it-all-began/cover.png
Normal file
BIN
public/files/how-it-all-began/cover.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
BIN
public/files/how-it-all-began/esafep.png
Normal file
BIN
public/files/how-it-all-began/esafep.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 MiB |
BIN
public/files/how-it-all-began/etching-station.jpg
Normal file
BIN
public/files/how-it-all-began/etching-station.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 MiB |
BIN
public/files/how-it-all-began/gitea-a-self-hosted-github.png
Normal file
BIN
public/files/how-it-all-began/gitea-a-self-hosted-github.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 108 KiB |
BIN
public/files/how-it-all-began/losung-epaper.jpg
Normal file
BIN
public/files/how-it-all-began/losung-epaper.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
BIN
public/files/how-it-all-began/netspeaker.jpg
Normal file
BIN
public/files/how-it-all-began/netspeaker.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
@ -4,14 +4,14 @@
|
||||
<sitemap>
|
||||
<loc>https://blog.privacynerd.de/en/sitemap.xml</loc>
|
||||
|
||||
<lastmod>2025-04-13T13:02:20+02:00</lastmod>
|
||||
<lastmod>2025-04-13T15:10:20+02:00</lastmod>
|
||||
|
||||
</sitemap>
|
||||
|
||||
<sitemap>
|
||||
<loc>https://blog.privacynerd.de/de/sitemap.xml</loc>
|
||||
|
||||
<lastmod>2025-04-13T13:02:20+02:00</lastmod>
|
||||
<lastmod>2025-04-13T15:10:20+02:00</lastmod>
|
||||
|
||||
</sitemap>
|
||||
|
||||
|
||||
BIN
static/files/how-it-all-began/cover.png
Normal file
BIN
static/files/how-it-all-began/cover.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
BIN
static/files/how-it-all-began/esafep.png
Normal file
BIN
static/files/how-it-all-began/esafep.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 MiB |
BIN
static/files/how-it-all-began/etching-station.jpg
Normal file
BIN
static/files/how-it-all-began/etching-station.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 MiB |
BIN
static/files/how-it-all-began/gitea-a-self-hosted-github.png
Normal file
BIN
static/files/how-it-all-began/gitea-a-self-hosted-github.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 108 KiB |
BIN
static/files/how-it-all-began/losung-epaper.jpg
Normal file
BIN
static/files/how-it-all-began/losung-epaper.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
BIN
static/files/how-it-all-began/netspeaker.jpg
Normal file
BIN
static/files/how-it-all-began/netspeaker.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
@ -1 +1 @@
|
||||
Subproject commit 4aadeb24a1188260b3deb68693f9452da3171c72
|
||||
Subproject commit c208050bd1b0b77c68a186b7740c12c02705c301
|
||||
Loading…
x
Reference in New Issue
Block a user