Compare commits
24 Commits
a0e754836e
...
master
| Author | SHA1 | Date | |
|---|---|---|---|
a551c42f91
|
|||
|
35842bb56f
|
|||
|
adb7ab2856
|
|||
|
db1c571671
|
|||
|
9986e046e7
|
|||
|
bed37b16bf
|
|||
|
cc58191c2b
|
|||
|
1f6167c9f2
|
|||
|
8da401dc8f
|
|||
|
87da443ca4
|
|||
|
5f0bfa9e16
|
|||
|
6121e876c7
|
|||
|
41eeb387c4
|
|||
|
fbeaebddcd
|
|||
|
e029a961bc
|
|||
|
177d74e834
|
|||
|
298cbb1904
|
|||
|
330e23ebcd
|
|||
|
6d04d6c9e8
|
|||
|
7879812f1a
|
|||
|
c2a2b128b5
|
|||
|
2e5953b288
|
|||
|
e1478a9a88
|
|||
|
5b8d74064e
|
13
README.md
13
README.md
@@ -4,11 +4,20 @@ This is my [blog](https://blog.privacynerd.de/), which is run by hugo. The repos
|
|||||||
|
|
||||||
## Cloning
|
## Cloning
|
||||||
|
|
||||||
To clone and make some changes, you need to clone the repository. This one also contains [git submodules](https://git-scm.com/book/en/v2/Git-Tools-Submodules) (the re-terminal theme), that's why you should use the argument `--recurse-submodules`.
|
To clone and make some changes, you need to clone the repository. This one also contains [git submodules](https://git-scm.com/book/en/v2/Git-Tools-Submodules) (the re-terminal theme), that's why you should use the argument `--recurse-submodules`. The commands after that pull all branches of the [forked terminal theme](https://github.com/BlueFox4/hugo-theme-terminal) so that nothing bad happens (commands taken from [here](https://stackoverflow.com/questions/10312521/how-do-i-fetch-all-git-branches).
|
||||||
|
|
||||||
```sh
|
```sh
|
||||||
git clone --recurse-submodules https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de blog
|
git clone --recurse-submodules https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de blog
|
||||||
cd blog
|
cd blog/themes/terminal-fork
|
||||||
|
git branch -r \
|
||||||
|
| grep -v '\->' \
|
||||||
|
| sed "s,\x1B\[[0-9;]*[a-zA-Z],,g" \
|
||||||
|
| while read remote; do \
|
||||||
|
git branch --track "${remote#origin/}" "$remote"; \
|
||||||
|
done
|
||||||
|
git fetch --all
|
||||||
|
git pull --all
|
||||||
|
cd ../../
|
||||||
```
|
```
|
||||||
|
|
||||||
## Running & Building
|
## Running & Building
|
||||||
|
|||||||
@@ -1,8 +1,13 @@
|
|||||||
+++
|
+++
|
||||||
author = "Benjamin"
|
author = "Benjamin"
|
||||||
|
date = 2025-04-13T12:54:00+02:00
|
||||||
framed = true
|
framed = true
|
||||||
+++
|
+++
|
||||||
|
|
||||||
# Heda! 👋
|
# Ich grüße Sie! 👋
|
||||||
|
|
||||||
Mein Name ist BlueFox. Willkommen auf diesem Blog, der zwar aktuell noch im Aufbau ist. Aber schau dich ruhig um!
|
Mein Name ist Benjamin, und ich bin hauptsächlich als _BlueFox_ bekannt.
|
||||||
|
|
||||||
|
Willkommen in diesem Blog! Ich liebe es, an Elektronik herumzubasteln, Sachen in 3D zu drucken und mit Holz zu arbeiten, aber ich `programmiere` auch ein bisschen und bin ein begeisterter Selbsthoster. Hier poste ich hin und wieder, was ich so anstelle.
|
||||||
|
|
||||||
|
**Schau dich doch einfach mal um!**
|
||||||
|
|||||||
@@ -1,8 +1,13 @@
|
|||||||
+++
|
+++
|
||||||
author = "Benjamin"
|
author = "Benjamin"
|
||||||
|
date = 2025-04-13T12:54:00+02:00
|
||||||
framed = true
|
framed = true
|
||||||
+++
|
+++
|
||||||
|
|
||||||
# Hello there! 👋
|
# Hey there! 👋
|
||||||
|
|
||||||
My name is BlueFox. Welcome to this blog, which is currently under construction - anyways, have a look around!
|
My Name is Benjamin, and I'm mostly known as _BlueFox_.
|
||||||
|
|
||||||
|
Welcome to this blog! I love tinkering around with electronics, 3D printing stuff and working with wood, but I also do a bit of `programming` and am an avid self-hoster. This is where I post about my activities from time to time.
|
||||||
|
|
||||||
|
**Just have a look around!**
|
||||||
|
|||||||
@@ -1,41 +1,29 @@
|
|||||||
+++
|
+++
|
||||||
title = 'Über'
|
title = 'Über'
|
||||||
date = 2025-04-05T20:14:29+02:00
|
date = 2025-04-13T13:02:20+02:00
|
||||||
draft = false
|
draft = false
|
||||||
toc = false
|
toc = false
|
||||||
+++
|
+++
|
||||||
|
|
||||||
|
## Worum es hier gehen soll {id=intention}
|
||||||
|
|
||||||
# Hallo in a new age
|
Also, mein Name ist Benjamin, und ich bin meistens als BlueFox bekannt. Ich liebe es, an Elektronik herumzubasteln, Sachen in 3D zu drucken und mit Holz zu arbeiten, aber ich programmiere auch ein bisschen und bin ein begeisterter Selbsthoster.
|
||||||
|
|
||||||
You can call me Mirus and I forked the original Terminal theme for Hugo, because Radek, the original creator of the theme stop the maintenance and archived the repo.
|
Dies ist mein persönlicher Blog (den ich in meiner Freizeit betreibe, all das ist nur ein Hobby), in dem ich über alle möglichen Dinge schreibe, die ich DIY-mäßig mache. Dazu gehören:
|
||||||
|
|
||||||
So I already pushed a few improvements that I did for my humble blog and I'm going to add some more features in the future, also any contribution is welcome
|
- Posts über meine DIY-Projekte,
|
||||||
|
- über neue Erfahrungen, die ich beim Basteln sammle,
|
||||||
|
- auch hier und da ein Update zu vorhandenen Projekten, Libraries von mir,
|
||||||
|
- und vielleicht ja auch etwas ganz Neues!
|
||||||
|
|
||||||
Below you can read the original about from Radek
|
Schau dich doch [einfach mal um](/), und vielleicht findest du ja etwas Interessantes!
|
||||||
|
|
||||||
> Hi there
|
|
||||||
>
|
|
||||||
> My name is Radek and I'm the author of this theme.
|
|
||||||
> I made it to help you present your ideas easier.
|
|
||||||
>
|
|
||||||
> We all know how hard is to start something on the web,
|
|
||||||
> especially these days. You need to prepare a bunch of stuff,
|
|
||||||
> configure them and when that’s done — create the content.
|
|
||||||
>
|
|
||||||
> This theme is pretty basic and covers all of the essentials.
|
|
||||||
> All you have to do is start typing!
|
|
||||||
>
|
|
||||||
> The theme includes:
|
|
||||||
>
|
|
||||||
> - **5 duotone themes**,
|
|
||||||
> depending on your preferences (orange, red, blue, green, pink)
|
|
||||||
> - [**Fira Code**](https://github.com/tonsky/FiraCode)
|
|
||||||
> as default monospaced font. It's gorgeous!
|
|
||||||
> - **really nice, custom duotone** syntax highlighting based on
|
|
||||||
> [**PrismJS**](https://prismjs.com)
|
|
||||||
> - mobile friendly layout
|
|
||||||
>
|
|
||||||
> So, there you have it... enjoy!
|
|
||||||
|
|
||||||
Blubb.
|
## Das Logo {id=the-logo}
|
||||||
|
|
||||||
|
Das Logo für diesen Blog ist entstanden, als mir irgendwann mal langweilig war. Es gefiel mir einfach, und seitdem verwende ich es regelmäßig für meine Projekte. Um genau zu sein, habe ich es gezeichnet, als ich vielleicht 11 Jahre alt war, und das erste Mal wurde es in einem `Django + Python`-Projekt von mir verwendet, das sich „PiFi“ nannte - was jetzt auch der Name eines High-Speed-Wifi-Nachrüstsatzes und eines HiFi-Systems ist, die beide auf Raspberry Pi's basieren (aber diese sind völlig unabhängig voneinander und konnten meine Namensgebung nicht kennen). Naja.
|
||||||
|
|
||||||
|
|
||||||
|
## Die Geschichte dahinter (und noch mehr) {id=the-story-behind-it}
|
||||||
|
|
||||||
|
Der erste Post in diesem Blog verrät viel über die Geschichte und wie es zu der Idee für diesen Blog kam. Wen es interessiert, der kann es [hier]({{< ref "posts/how-it-all-began.md" >}}) nachlesen.
|
||||||
|
|||||||
@@ -1,41 +1,30 @@
|
|||||||
+++
|
+++
|
||||||
title = 'About'
|
title = 'About'
|
||||||
date = 2025-04-05T20:14:29+02:00
|
date = 2025-04-13T13:02:20+02:00
|
||||||
draft = false
|
draft = false
|
||||||
toc = false
|
toc = false
|
||||||
+++
|
+++
|
||||||
|
|
||||||
|
|
||||||
# Hello in a new age
|
## The intention {id=intention}
|
||||||
|
|
||||||
You can call me Mirus and I forked the original Terminal theme for Hugo, because Radek, the original creator of the theme stop the maintenance and archived the repo.
|
Well, my Name is Benjamin, and I’m mostly known as BlueFox. I love tinkering around with electronics, 3D printing stuff and working with wood, but I also do a bit of programming and am an avid self-hoster.
|
||||||
|
|
||||||
So I already pushed a few improvements that I did for my humble blog and I'm going to add some more features in the future, also any contribution is welcome
|
This is my personal blog (driven in my free time, all of this is just a hobby) about all the kinds of things I'm doing DIY-wise. This includes:
|
||||||
|
|
||||||
Below you can read the original about from Radek
|
- posts about my DIY projects,
|
||||||
|
- about new experiences that I gather while tinkering,
|
||||||
|
- also an update here and there on existing projects and libraries of mine,
|
||||||
|
- and maybe something completely new!
|
||||||
|
|
||||||
> Hi there
|
Just have a [look around](/), perhaps you'll find something interesting!
|
||||||
>
|
|
||||||
> My name is Radek and I'm the author of this theme.
|
|
||||||
> I made it to help you present your ideas easier.
|
|
||||||
>
|
|
||||||
> We all know how hard is to start something on the web,
|
|
||||||
> especially these days. You need to prepare a bunch of stuff,
|
|
||||||
> configure them and when that’s done — create the content.
|
|
||||||
>
|
|
||||||
> This theme is pretty basic and covers all of the essentials.
|
|
||||||
> All you have to do is start typing!
|
|
||||||
>
|
|
||||||
> The theme includes:
|
|
||||||
>
|
|
||||||
> - **5 duotone themes**,
|
|
||||||
> depending on your preferences (orange, red, blue, green, pink)
|
|
||||||
> - [**Fira Code**](https://github.com/tonsky/FiraCode)
|
|
||||||
> as default monospaced font. It's gorgeous!
|
|
||||||
> - **really nice, custom duotone** syntax highlighting based on
|
|
||||||
> [**PrismJS**](https://prismjs.com)
|
|
||||||
> - mobile friendly layout
|
|
||||||
>
|
|
||||||
> So, there you have it... enjoy!
|
|
||||||
|
|
||||||
Blubb.
|
|
||||||
|
## The Logo {id=the-logo}
|
||||||
|
|
||||||
|
The logo for this blog was created when I was bored at some point. I just loved the look of it and since then, I use it regularly for projects of mine. To be more precise, I drew it when I was maybe 11 years old, and the first time it was used was in a `Django + Python` project of mine, called “PiFi” - which is now also the name of a high-speed wifi upgrade kit and a hifi system, both based on Raspberry Pi's (but these are completely unrelated and couldn't have known my naming). Whatever.
|
||||||
|
|
||||||
|
|
||||||
|
## The story behind it (and more) {id=the-story-behind-it}
|
||||||
|
|
||||||
|
The first post in this blog reveals a lot about the history and how the idea for this blog came about. If you are interested, you can read it [here]({{< ref "posts/how-it-all-began.md" >}}).
|
||||||
|
|||||||
BIN
content/posts/diy-uv-pcb-exposure-unit/blinky-test-pcb.png
Normal file
BIN
content/posts/diy-uv-pcb-exposure-unit/blinky-test-pcb.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 462 KiB |
BIN
content/posts/diy-uv-pcb-exposure-unit/collage-plans.png
Normal file
BIN
content/posts/diy-uv-pcb-exposure-unit/collage-plans.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 646 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 760 KiB |
BIN
content/posts/diy-uv-pcb-exposure-unit/cover.jpg
Normal file
BIN
content/posts/diy-uv-pcb-exposure-unit/cover.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 360 KiB |
BIN
content/posts/diy-uv-pcb-exposure-unit/first-diy-pcbs.jpg
Normal file
BIN
content/posts/diy-uv-pcb-exposure-unit/first-diy-pcbs.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 236 KiB |
BIN
content/posts/diy-uv-pcb-exposure-unit/front-panel.jpg
Normal file
BIN
content/posts/diy-uv-pcb-exposure-unit/front-panel.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 136 KiB |
BIN
content/posts/diy-uv-pcb-exposure-unit/housing-raw-finished.jpg
Normal file
BIN
content/posts/diy-uv-pcb-exposure-unit/housing-raw-finished.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 324 KiB |
70
content/posts/diy-uv-pcb-exposure-unit/index.de.md
Normal file
70
content/posts/diy-uv-pcb-exposure-unit/index.de.md
Normal file
@@ -0,0 +1,70 @@
|
|||||||
|
+++
|
||||||
|
title = 'UV-Belichter (LED) aus Marke Eigenbau'
|
||||||
|
date = 2025-04-14T08:11:20+02:00
|
||||||
|
draft = false
|
||||||
|
toc = true
|
||||||
|
cover = 'cover.jpg'
|
||||||
|
+++
|
||||||
|
|
||||||
|
|
||||||
|
Ist man eine gewisse Zeit lang in der (Elektronik-)DIY-Szene unterwegs, kommt man irgendwann auch um Platinen (gedruckte Leiterplatten/PCBs) nicht herum. Vorteile gegenüber dem manuellen Löten von Schaltungen auf Loch- bzw. Streifenrasterplatinen sind vor allem die einfachere Replizierbarkeit (einmal designed kann man eine Schaltung theoretisch beliebig oft herstellen) und die Möglichkeit, Platz effizienter zu nutzen (eine Platine ist fast immer kleiner als eine gelötete Lochrasterplatine mit der selben Schaltung). Letzendlich wirken Geräte mit Platinen aber auch schlicht professioneller. Sicherlich gibt es noch mehr Vorteile (und natürlich auch Nachteile!), auf deren Auflistung ich hier allerdings aus Gründen der Einfachheit verzichte.
|
||||||
|
|
||||||
|
Heutzutage kann man (selbst) kreierte Leiterplattendesigns sehr leicht herstellen lassen, bei einschlägigen Angeboten aus China zahlt man für eine einfache Platine mit 2 Seiten nicht mehr als 5€. Im Preis allerdings nicht mit inbegriffen sind die Versandkosten und die Wartezeit, in der man auf seine Platinen warten muss. Wenn man nicht vorhat, mehrere verschiedene Designs im Jahr anzufertigen, oder nur einmalig eine spezielle Platine braucht, ist mit solchen Angeboten gut bedient. Braucht man allerdings des öfteren Spezialanfertigungen, kann es (auch bei den chinesischen Angeboten) schnell lukrativ erscheinen, sich die Fertigung ins Haus zu holen. Letztlich macht es auch einfach Spaß und gibt einem zumindest das Gefühl von ein wenig Unabhängigkeit, seine Platinen selbst herzustellen!
|
||||||
|
|
||||||
|
Nachdem ich also schon länger von eigens hergestellten Platinen träumte, bin ich nun einen Schritt weiter in die Umsetzung gegangen. Es gibt verschiedene Möglichkeiten, Leiterplatten selbst herzustellen. Die günstigste Methode ist hierbei vermutlich das Belichten eines Platinenrohlings mit photopositiver Beschichtung, und das anschließende Entwickeln und schließlich Ätzen der belichteten Stellen. Das Gerät zum Ätzen selbst zu bauen erschien mir zu heikel, hier entschied ich mich vorerst für ein gebrauchtes [Ätzgerät 1 von pro-ma](https://gie-tec.de/produkt/aetzgeraete-fuer-platinen/), was mit 50€ sehr günstig war. Was man aber sicher selbst bauen kann, ist der **UV-Belichter**. Hier gibt es verschiedene Ansätze, ich möchte hier einfach meinen teilen (siehe z.B. [hier](https://www.all4hardware4u.de/platinenherstellung/belichtung/belichtungsgeraet-mit-uv-leds/) oder auch [hier](http://www.fdm-ware.de/UV-Led/) für die Modelle, bei denen ich Inspiration gefunden habe)!
|
||||||
|
|
||||||
|
Jetzt also genug der Vorrede, es folgt das wirklich Wichtige!
|
||||||
|
|
||||||
|
|
||||||
|
## Das Gehäuse {id=the-housing}
|
||||||
|
|
||||||
|
Als Gehäuse habe ich einen einfachen Quader aus MDF-Platten mit einem zusätzlichen kleinen Abschnitt vorne gebaut, in dem die
|
||||||
|
Steuerelektronik ihren Platz später finden soll.
|
||||||
|
|
||||||
|
{{< figure src="housing-raw-finished.jpg" alt="Dieses Bild würde das fertige Gehäuse mit Acrylglasscheibe und einigen losen Bauteilen zeigen." caption="Das fertige Gehäuse mit Acrlyglas-Scheibe" >}}
|
||||||
|
|
||||||
|
Damit das UV-Licht an die beschichtete Platine kommen kann, muss die Halterung Transparent sein. Hier tut eine Acrylglas-Scheibe ihre Dienste. Wichtig hierbei: diese **muss** UV-durchlässig ist, was besonders bei Scheiben für den Gartenbereich nicht unbedingt gegeben ist! Baumarkt-Mitarbeiter konnten da in meinem Fall nicht helfen (ist ja auch eine sehr spezielle Anforderung ;), aber dank Internet kann man hier schon mehr ausfindig machen. Manchmal hilft es schon, auf der Webseite des Baumarktes der Wahl nach UV-durchlässigen Acrylglasscheiben nachzusehen.
|
||||||
|
|
||||||
|
Diese Scheibe muss zu den LEDs einen gewissen Abstand haben, damit sich das Licht der LEDs gleichmäßig verteilen kann. Hier kann man natürlich einen perfekten Abstand ausrechnen - über den Abstrahlwinkel der und den Abstand zwischen den einzelnen LEDs. Ich habe mich hier allerdings für die einfachere (und manchmal sehr ungenaue) Pi-mal-Daumen-Methode entschieden - die aber funktioniert hat.
|
||||||
|
|
||||||
|
{{< figure src="collage-plans.png" alt="Dieses Bild zeigt Skizzen für die einzelnen Seiten des Holzkastens" caption="Pläne des Kastens" >}}
|
||||||
|
|
||||||
|
|
||||||
|
## Die LEDs {id=the-leds}
|
||||||
|
|
||||||
|
UV-LEDs bekommt man recht einfach im Elektronik-Versand, ich entschied mich für diesen Eigenbau vorerst für 48 LEDs in 6 Reihen mit je 8 LEDs auf zwei 160x100mm-Lochrasterplatinen (ja, Streifenraster geht auch und wäre einfacher gewesen :). Da UV-LEDs eine Betriebsspannung von etwa 3,0 bis 3,3V haben und ich ein 12V-Netzteil nutzen wollte, braucht man für jede LED einen Widerstand von 470 Ohm, an dem bei 20mA etwa 9V abfallen (für die Berechnung von LED-Vorwiderständen gibt es etliche gute Tutorials im Internet!)
|
||||||
|
|
||||||
|
Was die Belichtungszeit betrifft, steht weiter unten im Abschnitt [„Die Praxis - Belichtungszeit“](#exposure-time).
|
||||||
|
|
||||||
|
{{< figure src="led-distribution.png" alt="Links: Skizze über die Verteilung der LEDs, Rechts: Blick von oben auf die LEDs" caption="li.: Skizze über die Verteilung der LEDs; re.: Blick von oben auf die LEDs" >}}
|
||||||
|
|
||||||
|
|
||||||
|
## Die Lackierung {id=the-lacquering}
|
||||||
|
|
||||||
|
Als Lackierung für den Belichterraum bot sich Chrom-Effekt-Lack an. Also, alles bis auf den Belichtungsraum abgeklebt (und naürlich auch die LEDs!) und mehrmals, den Angaben auf der Sprühdose entsprechend, lackiert, und über Nacht trocknen lassen.
|
||||||
|
|
||||||
|
{{< figure src="masked_for_painting.jpg" alt="Bild des zur Lackierung abgeklebten Kastens" caption="Kasten ist abgeklebt, gleich wird lackiert!" >}}
|
||||||
|
|
||||||
|
{{< figure src="painted_inside.jpg" alt="Bild des innen fertig lackierten Kastens" caption="Es glänzt!" >}}
|
||||||
|
|
||||||
|
|
||||||
|
## Die Steuerelektronik {id=the-control-unit}
|
||||||
|
|
||||||
|
Hier stand ich vor der Wahl: einen einfachen Schalter verbauen, oder eine komplexere Logik mit Timerfunktion? Die Idee des eingebauten Timers wirkte anziehend - endlich mal wieder was Hardwarenahes programmieren. Also: eine Lochrasterplatine (vielleicht die letzte jemals?!) mit Raspberry Pi Pico, Relais, Anschluss für ein LCD-Display und einige Steuerelemente bestückt, mit meinen schon vorhandenen Libraries ein kleines Interface programmiert und fertig war die Elektronik! Um in das Gehäuse eingebaut zu werden, brauchte es noch eine Blende. Alles hierzu findet sich im dazugehörigen [Git-Repository](https://git.privacynerd.de/BlueFox/uv-belichter-software)!
|
||||||
|
|
||||||
|
{{< figure src="controller-on-dividing-wall.jpg" alt="Bild der Steuerplatine" caption="Die Steuerplatine" >}}
|
||||||
|
|
||||||
|
{{< figure src="front-panel.jpg" alt="Bild der Blende mit LCD-Displays und Steuerelementen im Betrieb" caption="Blende mit LCD-Displays und Steuerelementen im Betrieb" >}}
|
||||||
|
|
||||||
|
|
||||||
|
## Die Praxis - Belichtungszeit {id=exposure-time}
|
||||||
|
|
||||||
|
Wie schaut's nun also in der Praxis aus - die entscheidende Frage zum Schluss. Ich möchte dazu sagen, dass es sich hier um meine ersten Erfahrungen mit der manuellen Platinenherstellung handelt. Ich verwendete eine einfache Blinkschaltung (die auch mein erstes vollständig selbst erstelltes Leiterplattendesign war) für die Tests.
|
||||||
|
|
||||||
|
{{< figure src="blinky-test-pcb.png" alt="Seite-zu-Seite-Ansicht des gedruckten Schaltkreises und der Ansicht am Computer mit allen Layern" caption="Das Testobjekt..." >}}
|
||||||
|
|
||||||
|
Also, meine ersten Erfahrungen mit dem selbstgebautem Belichter waren gemischt. Der erste Versuch mit 3 Minuten Belichtungszeit ging etwas schief. Konkret sah man auch nach 10-20 Minuten im Entwickler auf Raumtemperatur keine Konturen, und auch nach 20-30 Minuten Ätzen passierte nichts. Der zweite Versuch war schon vielversprechender, nach 30 min belichten sah man nach ca. 15 min entwickeln erste Konturen, die dann beim Ätzen auch tatsächlich verschwanden. Nach einigen weiteren Versuchen kam ich schließlich auf die Idee, statt mit einer bedruckten Folie, mit zwei übereinander gelegten zu arbeiten, wodurch viel weniger Licht durch die bedruckten Flächen kommt. Die Ergebnisse wurden schlagartig besser, und nach kurzer Zeit hatte die Leiterplatte zur Funktion des Schaltkreises ausreichende Qualität!
|
||||||
|
|
||||||
|
{{< figure src="first-diy-pcbs.jpg" alt="Collage der ersten Herstellungsversuche bis zum ersten funktionstüchtigen Exemplar" caption="...und die Ergebnisse" >}}
|
||||||
|
|
||||||
|
Also: Die Belichtungszeit, bei der sich erfolgreiche Ausführungen ergeben, liegt zwischen 40 und 45 Minuten. Das ist zugegebenermaßen eine recht lange Zeit, für meine ersten Versuche allerdings ausreichend und wenn man den Preis fertiger Belichter bedenkt (der gut mal in die Hunderte gehen kann) mehr als akzeptabel (zusammengerechnet hat der Belichter ca. 30-50€ Materialwert - und der Bau hat viel Spaß gemacht!). Für kürzere Belichtungszeiten überlege ich, nachträglich die LED-Anzahl zu erhöhen. Aber das ist eine Geschichte für ein andermal.
|
||||||
70
content/posts/diy-uv-pcb-exposure-unit/index.en.md
Normal file
70
content/posts/diy-uv-pcb-exposure-unit/index.en.md
Normal file
@@ -0,0 +1,70 @@
|
|||||||
|
+++
|
||||||
|
title = 'Self-built UV exposure unit (LED)'
|
||||||
|
date = 2025-04-14T08:11:20+02:00
|
||||||
|
draft = false
|
||||||
|
toc = true
|
||||||
|
cover = 'cover.jpg'
|
||||||
|
+++
|
||||||
|
|
||||||
|
|
||||||
|
If you've been around the (electronics) DIY scene for a while, at some point you can't avoid circuit boards (printed circuit boards/PCBs). The main advantages over soldering circuits by hand on perforated or strip-grid boards are that they are easier to replicate (once designed a circuit can theoretically be produced as often as you like) and that space can be used more efficiently (a board is almost always smaller than a soldered perforated grid board with the same circuit). Ultimately, devices with circuit boards also simply look more professional. There are certainly more advantages (and of course also disadvantages!), but I will not list them here for the sake of simplicity.
|
||||||
|
|
||||||
|
Nowadays, it is very easy to have (self-)created circuit board designs manufactured, with relevant offers from China you pay no more than €5 for a simple circuit board with 2 sides. However, the price does not include the shipping costs and the time you have to wait for your PCBs. If you are not planning to produce several different designs a year, or only need a special circuit board once, you are well served with such offers. However, if you often need custom-made products, it can quickly become lucrative (even with the Chinese offers) to bring the production in-house. At the end of the day, it's fun and at least gives you the feeling of a little independence to make your own circuit boards!
|
||||||
|
|
||||||
|
So after dreaming of making my own circuit boards for some time, I have now gone one step further in the realization. There are various ways to produce printed circuit boards yourself. The cheapest method is probably exposing a blank PCB with a photopositive coating and then developing and finally etching the exposed areas. Building the etching device myself seemed too tricky, so I decided to buy a used [Ätzgerät 1 from pro-ma](https://gie-tec.de/produkt/aetzgeraete-fuer-platinen/), which was very cheap at €50. But what you can certainly build yourself is the **UV exposure unit**. There are different approaches here, I just want to share mine here (see e.g. [here](https://www.all4hardware4u.de/platinenherstellung/belichtung/belichtungsgeraet-mit-uv-leds/) or also [here](http://www.fdm-ware.de/UV-Led/) for the models where I found inspiration)!
|
||||||
|
|
||||||
|
So enough of the introduction, here's the really important stuff!
|
||||||
|
|
||||||
|
|
||||||
|
## The housing {id=the-housing}
|
||||||
|
|
||||||
|
For the housing, I built a simple box from MDF boards with an additional small section at the front, where the control electronics will be located later.
|
||||||
|
|
||||||
|
{{< figure src="housing-raw-finished.jpg" alt="This picture would show the finished housing with acrylic glass pane and some loose components." caption="The finished housing with acrylic glass pane" >}}
|
||||||
|
|
||||||
|
In order for the UV light to reach the coated circuit board, the holder must be transparent. An acrylic glass pane does the job here. Important here: this **must** be UV-permeable, which is not necessarily the case with panes for the garden area! DIY store staff were unable to help in my case (it's a very specific requirement ;), but thanks to the internet you can find out more here. Sometimes it helps to look on the website of the DIY store of your choice for UV-permeable acrylic glass panes.
|
||||||
|
|
||||||
|
This pane must have a certain distance to the LEDs so that the light from the LEDs can be distributed evenly. You can of course calculate a perfect distance at - using the beam angle of the LEDs and the distance between the individual LEDs. However, I decided to use the simpler (and sometimes very inaccurate) rule of thumb here - but it worked.
|
||||||
|
|
||||||
|
{{< figure src="collage-plans.png" alt="This picture shows sketches for the individual sides of the wooden box" caption="Sketches of the box" >}}
|
||||||
|
|
||||||
|
|
||||||
|
## The LEDs {id=the-leds}
|
||||||
|
|
||||||
|
UV LEDs are quite easy to obtain from electronics suppliers. For this DIY project, I decided to use 48 LEDs in 6 rows of 8 LEDs each on two 160x100mm perforated grid boards (yes, a strip grid is also possible and would have been easier :). Since UV LEDs have an operating voltage of about 3.0 to 3.3V and I wanted to use a 12V power supply, you need a resistor of 470 Ohm for each LED, which drops about 9V at 20mA (there are several good tutorials on the Internet for calculating LED series resistors).
|
||||||
|
|
||||||
|
As far as the exposure time is concerned, see below in the section [“The practical part - Exposure time”](#exposure-time).
|
||||||
|
|
||||||
|
{{< figure src="led-distribution.png" alt="Links: Sketch of the distribution of the LEDs, right: view of the LEDs from above" caption="left: Sketch of the distribution of the LEDs; right: view of the LEDs from above" >}}
|
||||||
|
|
||||||
|
|
||||||
|
## The lacquering {id=the-lacquering}
|
||||||
|
|
||||||
|
Chrome-effect paint was the paint of choice for the exposure area. So, I masked everything except for the exposure area (and of course
|
||||||
|
the LEDs!) and painted it several times according to the instructions on the spray can and left it to dry overnight.
|
||||||
|
|
||||||
|
{{< figure src="masked_for_painting.jpg" alt="Picture of the box masked for painting" caption="Box is masked, about to be painted!" >}}
|
||||||
|
|
||||||
|
{{< figure src="painted_inside.jpg" alt="Picture of the inside of the painted box" caption="It's shiny!" >}}
|
||||||
|
|
||||||
|
|
||||||
|
## The control unit {id=the-control-unit}
|
||||||
|
|
||||||
|
Here I was faced with a choice: install a simple switch or a more complex logic with a timer function? The idea of the built-in timer seemed appealing - finally programming something hardware-related again. So I assembled a breadboard (perhaps the last one ever?!) with a Raspberry Pi Pico, relays, a connection for an LCD display and some control elements, programmed a small interface with my existing libraries and the electronics were ready! To be installed in the housing, it still needed a cover. All the necessary information can be found in the corresponding [git repository](https://git.privacynerd.de/BlueFox/uv-belichter-software)!
|
||||||
|
|
||||||
|
{{< figure src="controller-on-dividing-wall.jpg" alt="Picture of the control unit" caption="The control unit" >}}
|
||||||
|
|
||||||
|
{{< figure src="front-panel.jpg" alt="Image of the front panel with the LCD and control elements in operation" caption="Front panel with LCD and control elements in operation" >}}
|
||||||
|
|
||||||
|
|
||||||
|
## The practical part - Exposure time {id=exposure-time}
|
||||||
|
|
||||||
|
So what does it look like in practice - the crucial question at the end. I would like to say that this is my first experience with manual PCB production. I used a simple blinky circuit (which was also my first completely self-made PCB design) for the tests.
|
||||||
|
|
||||||
|
{{< figure src="blinky-test-pcb.png" alt="Side-by-side view of the printed circuit and the view on the computer with all layers" caption="The test object..." >}}
|
||||||
|
|
||||||
|
So, my first experiences with the self-built exposure unit were mixed. The first attempt with 3 minutes exposure time went somewhat wrong. Specifically, no contours were visible even after 10-20 minutes in the developer at room temperature, and nothing happened even after 20-30 minutes etching. The second attempt was more promising, after 30 minutes of exposure the first contours could be seen after about 15 minutes of development, which actually disappeared during etching. After a few more attempts, I finally came up with the idea of working with two overlapping films instead of one, which meant that much less light came through the printed areas. The results were suddenly improving, and after a short time the circuit board was of sufficient quality for the circuit to function!
|
||||||
|
|
||||||
|
{{< figure src="first-diy-pcbs.jpg" alt="Collage of the first manufacturing attempts up to the first functional PCB" caption="...and the results" >}}
|
||||||
|
|
||||||
|
So: The exposure time for successful results is between 40 and 45 minutes. Admittedly, that's quite a long time, but it's sufficient for my first attempts and more than acceptable considering the price of a finished exposure unit (which can easily run into the hundreds) (the exposure unit costs around €30-50 in total - and building it was a lot of fun!). For shorter exposure times, I am considering increasing the number of LEDs afterwards. But that's a story for another time.
|
||||||
BIN
content/posts/diy-uv-pcb-exposure-unit/led-distribution.png
Normal file
BIN
content/posts/diy-uv-pcb-exposure-unit/led-distribution.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 714 KiB |
BIN
content/posts/diy-uv-pcb-exposure-unit/masked_for_painting.jpg
Normal file
BIN
content/posts/diy-uv-pcb-exposure-unit/masked_for_painting.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 425 KiB |
BIN
content/posts/diy-uv-pcb-exposure-unit/painted_inside.jpg
Normal file
BIN
content/posts/diy-uv-pcb-exposure-unit/painted_inside.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 556 KiB |
BIN
content/posts/how-it-all-began/cover.png
Normal file
BIN
content/posts/how-it-all-began/cover.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
BIN
content/posts/how-it-all-began/esafep.jpg
Normal file
BIN
content/posts/how-it-all-began/esafep.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 309 KiB |
BIN
content/posts/how-it-all-began/etching-station.jpg
Normal file
BIN
content/posts/how-it-all-began/etching-station.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 386 KiB |
BIN
content/posts/how-it-all-began/gitea-a-self-hosted-github.png
Normal file
BIN
content/posts/how-it-all-began/gitea-a-self-hosted-github.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 108 KiB |
111
content/posts/how-it-all-began/index.de.md
Normal file
111
content/posts/how-it-all-began/index.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 = '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="esafep.jpg" 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="netspeaker.jpg" alt="Bild eines fertigen, selbstgebauten NetSpeakers in Gehäuse - unter anderem ein MP3-Player." caption="Ein NetSpeaker" >}}
|
||||||
|
|
||||||
|
{{< figure src="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="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="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 von mir,
|
||||||
|
- 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/index.en.md
Normal file
111
content/posts/how-it-all-began/index.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 = '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="esafep.jpg" 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="netspeaker.jpg" alt="Image of a finished, self-made NetSpeaker in housing - which is (not) just MP3 player." caption="A NetSpeaker" >}}
|
||||||
|
|
||||||
|
{{< figure src="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="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="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 of mine,
|
||||||
|
- 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.
|
||||||
BIN
content/posts/how-it-all-began/losung-epaper.jpg
Normal file
BIN
content/posts/how-it-all-began/losung-epaper.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 257 KiB |
BIN
content/posts/how-it-all-began/netspeaker.jpg
Normal file
BIN
content/posts/how-it-all-began/netspeaker.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 230 KiB |
@@ -1,8 +0,0 @@
|
|||||||
+++
|
|
||||||
title = 'Ein Wort!'
|
|
||||||
date = 2025-04-05T22:48:12+02:00
|
|
||||||
draft = false
|
|
||||||
toc = false
|
|
||||||
+++
|
|
||||||
|
|
||||||
# Nureinwort
|
|
||||||
@@ -1,8 +0,0 @@
|
|||||||
+++
|
|
||||||
title = 'One Word!'
|
|
||||||
date = 2025-04-05T22:48:12+02:00
|
|
||||||
draft = false
|
|
||||||
toc = false
|
|
||||||
+++
|
|
||||||
|
|
||||||
# Justoneword
|
|
||||||
@@ -1,22 +0,0 @@
|
|||||||
+++
|
|
||||||
title = 'Eine beliebige Geschichte'
|
|
||||||
date = 2025-04-08T17:55:25+02:00
|
|
||||||
toc = true
|
|
||||||
description = "Kleine Geschichte von ChatGPT, um die Lesezeiten einzustellen."
|
|
||||||
tags = ['story', 'ai']
|
|
||||||
draft = false
|
|
||||||
+++
|
|
||||||
|
|
||||||
|
|
||||||
Dies ist eine beliebige Story, die von ChatGPT zum Testen und Einstellen der Lesezeit auf diesem Blog generiert wurde.
|
|
||||||
|
|
||||||
## Prompt
|
|
||||||
|
|
||||||
Erzähle eine Geschichte mit ca. 200 Wörtern.
|
|
||||||
|
|
||||||
## Antwort
|
|
||||||
|
|
||||||
Es war einmal in einem kleinen Dorf, umgeben von dichten Wäldern und sanften Hügeln. Dort lebte ein neugieriger Junge namens Leo, der von Abenteuern träumte. Eines Tages entdeckte er beim Spielen am Fluss einen geheimnisvollen, glitzernden Stein. Als er ihn aufhob, begann der Stein zu leuchten und eine sanfte Stimme flüsterte: „Folge dem Licht, und du wirst das Unbekannte entdecken.“
|
|
||||||
Neugierig und aufgeregt folgte Leo dem strahlenden Licht, das ihn tief in den Wald führte. Nach einer Weile erreichte er eine versteckte Lichtung, auf der ein wunderschöner, schimmernder Baum stand. Die Blätter funkelten wie Diamanten, und in der Mitte des Baumes hockte ein kleiner, freundlicher Drache namens Fuego.
|
|
||||||
Fuego erzählte Leo von einem magischen Reich, das nur durch Mut und Freundschaft betreten werden konnte. Gemeinsam erlebten sie aufregende Abenteuer, kämpften gegen Schattenwesen und halfen den Waldbewohnern. Leo lernte, dass wahre Stärke im Herzen liegt und dass Freundschaft die größte Magie von allen ist.
|
|
||||||
Als Leo schließlich nach Hause zurückkehrte, wusste er, dass er nie wieder der gleiche Junge sein würde. Der glitzernde Stein blieb bei ihm, ein ständiger Erinnerungsanker an seine unvergesslichen Abenteuer.
|
|
||||||
@@ -1,21 +0,0 @@
|
|||||||
+++
|
|
||||||
title = 'A random story'
|
|
||||||
date = 2025-04-08T17:55:25+02:00
|
|
||||||
toc = true
|
|
||||||
description = "Random story by ChatGPT to test out the perfect reading speed value."
|
|
||||||
tags = ['story', 'ai']
|
|
||||||
draft = false
|
|
||||||
+++
|
|
||||||
|
|
||||||
This is just a random story, generated by ChatGPT, used to test the reading speed and adjust it to a comfortable value.
|
|
||||||
|
|
||||||
## German prompt
|
|
||||||
|
|
||||||
Tell a story with around 200 words.
|
|
||||||
|
|
||||||
## Answer, translated to english
|
|
||||||
|
|
||||||
Once upon a time, in a small village surrounded by dense forests and gentle hills, there lived a curious boy named Leo, who dreamed of adventures. One day, while playing by the river, he discovered a mysterious, glittering stone. As he picked it up, the stone began to glow, and a gentle voice whispered, “Follow the light, and you will discover the unknown.”
|
|
||||||
Curious and excited, Leo followed the shining light, which led him deep into the woods. After a while, he reached a hidden clearing where a beautiful, shimmering tree stood. Its leaves sparkled like diamonds, and in the center of the tree sat a small, friendly dragon named Fuego.
|
|
||||||
Fuego told Leo about a magical realm that could only be entered through courage and friendship. Together, they experienced thrilling adventures, fought against shadow creatures, and helped the forest inhabitants. Leo learned that true strength lies in the heart and that friendship is the greatest magic of all.
|
|
||||||
When Leo finally returned home, he knew he would never be the same boy again. The glittering stone remained with him, a constant reminder of his unforgettable adventures.
|
|
||||||
@@ -1,349 +0,0 @@
|
|||||||
+++
|
|
||||||
author = "Radek"
|
|
||||||
title = "Varianten von Code-Blöcken"
|
|
||||||
date = "2025-04-09T07:17:39+02:00"
|
|
||||||
description = "Beispielartikel, der die beliebtesten Programmiersprachen zeigt."
|
|
||||||
tags = ["programming", "code"]
|
|
||||||
+++
|
|
||||||
|
|
||||||
Seit v4.2.0 verwendet das Terminal-Theme Chroma als Syntax-Highlighter. Wie die Hugo-Dokumentation angibt: "Es ist in Go geschrieben und ist wirklich, wirklich schnell."
|
|
||||||
|
|
||||||
Im Folgenden sehen Sie viele grundlegende Präsentationen der Code-Blöcke, die je nach Bedarf verwendet werden können. Außer dem Beispiel des `{{ < code > }}` Shortcodes werden alle anderen Blöcke basierend auf der Konfiguration erzeugt, die Sie in der [offiziellen Hugo-Dokumentation](https://gohugo.io/content-management/syntax-highlighting/) nachlesen können.
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Beispiele:
|
|
||||||
|
|
||||||
### Roh-Block ohne spezifizierte Sprache (und ohne Syntaxhervorhebung)
|
|
||||||
|
|
||||||
```
|
|
||||||
<!doctype html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<title>Beispiel HTML5-Dokument</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<p>Test</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
```
|
|
||||||
|
|
||||||
### Mit spezifizierter Sprache
|
|
||||||
|
|
||||||
#### Zeilenhervorhebung
|
|
||||||
|
|
||||||
```html {hl_lines=[5]}
|
|
||||||
<!doctype html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<title>Beispiel HTML5-Dokument</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<p>Test</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
```
|
|
||||||
|
|
||||||
#### Zeilenhervorhebung / Tabellenzeilennummern
|
|
||||||
|
|
||||||
```html {linenos=table,hl_lines=[5]}
|
|
||||||
<!doctype html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<title>Beispiel HTML5-Dokument</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<p>Test</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
```
|
|
||||||
|
|
||||||
#### Zeilenhervorhebung / Inline-Zeilennummern
|
|
||||||
|
|
||||||
```html {linenos=inline,hl_lines=[5]}
|
|
||||||
<!doctype html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<title>Beispiel HTML5-Dokument</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<p>Test</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
```
|
|
||||||
|
|
||||||
#### Hugos interner `{{ < highlight > }}` Shortcode
|
|
||||||
|
|
||||||
{{< highlight html >}}
|
|
||||||
|
|
||||||
<!doctype html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<title>Beispiel HTML5-Dokument</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<p>Test</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
{{< /highlight >}}
|
|
||||||
|
|
||||||
#### Benutzerdefinierter eingebauter `{{ < code > }}` Shortcode
|
|
||||||
|
|
||||||
{{< code title="Hey, dies ist der Titel eines Code-Blocks" language="html" open="true" opts="linenos=table" >}}
|
|
||||||
|
|
||||||
<!doctype html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<title>Beispiel HTML5-Dokument</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<p>Test</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
{{< /code >}}
|
|
||||||
|
|
||||||
## Programmiersprachen:
|
|
||||||
|
|
||||||
### A
|
|
||||||
|
|
||||||
```abap
|
|
||||||
WRITE 'Hello, World!'.
|
|
||||||
```
|
|
||||||
|
|
||||||
```actionscript
|
|
||||||
package {
|
|
||||||
public class HelloWorld {
|
|
||||||
public static function main():void {
|
|
||||||
trace("Hello, World!");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
```ada
|
|
||||||
with Ada.Text_IO; use Ada.Text_IO;
|
|
||||||
procedure Hello is
|
|
||||||
begin
|
|
||||||
Put_Line("Hello, World!");
|
|
||||||
end Hello;
|
|
||||||
```
|
|
||||||
|
|
||||||
### B
|
|
||||||
|
|
||||||
```bash
|
|
||||||
echo "Hello, World!"
|
|
||||||
```
|
|
||||||
|
|
||||||
```brainfuck
|
|
||||||
+[----->+++<]>.++++++++++++..+++.>++++++[->+++++++<]>+.------------.---.+++++.
|
|
||||||
```
|
|
||||||
|
|
||||||
### C
|
|
||||||
|
|
||||||
```c
|
|
||||||
#include <stdio.h>
|
|
||||||
int main() {
|
|
||||||
printf("Hello, World!\n");
|
|
||||||
return 0;
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
```csharp
|
|
||||||
using System;
|
|
||||||
class Program {
|
|
||||||
static void Main() {
|
|
||||||
Console.WriteLine("Hello, World!");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
```c++
|
|
||||||
#include <iostream>
|
|
||||||
int main() {
|
|
||||||
std::cout << "Hello, World!" << std::endl;
|
|
||||||
return 0;
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### D
|
|
||||||
|
|
||||||
```d
|
|
||||||
import std.stdio;
|
|
||||||
void main() {
|
|
||||||
writeln("Hello, World!");
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### E
|
|
||||||
|
|
||||||
```elixir
|
|
||||||
IO.puts "Hello, World!"
|
|
||||||
```
|
|
||||||
|
|
||||||
```erlang
|
|
||||||
-module(hello).
|
|
||||||
-export([world/0]).
|
|
||||||
world() -> io:format("Hello, World!~n").
|
|
||||||
```
|
|
||||||
|
|
||||||
### F
|
|
||||||
|
|
||||||
```fsharp
|
|
||||||
printfn "Hello, World!"
|
|
||||||
```
|
|
||||||
|
|
||||||
### G
|
|
||||||
|
|
||||||
```go
|
|
||||||
package main
|
|
||||||
import "fmt"
|
|
||||||
func main() {
|
|
||||||
fmt.Println("Hello, World!")
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### H
|
|
||||||
|
|
||||||
```haskell
|
|
||||||
main = putStrLn "Hello, World!"
|
|
||||||
```
|
|
||||||
|
|
||||||
### J
|
|
||||||
|
|
||||||
```js
|
|
||||||
var x, y, z; // Declare 3 variables
|
|
||||||
x = 5; // Assign the value 5 to x
|
|
||||||
y = 6; // Assign the value 6 to y
|
|
||||||
z = x + y; // Assign the sum of x and y to z
|
|
||||||
|
|
||||||
document.getElementById("demo").innerHTML = "The value of z is " + z + ".";
|
|
||||||
```
|
|
||||||
|
|
||||||
```jsx
|
|
||||||
function Video({ video }) {
|
|
||||||
return (
|
|
||||||
<div>
|
|
||||||
<Thumbnail video={video} />
|
|
||||||
<a href={video.url}>
|
|
||||||
<h3>{video.title}</h3>
|
|
||||||
<p>{video.description}</p>
|
|
||||||
</a>
|
|
||||||
<LikeButton video={video} />
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
```java
|
|
||||||
public class HelloWorld {
|
|
||||||
public static void main(String[] args) {
|
|
||||||
System.out.println("Hello, World!");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### K
|
|
||||||
|
|
||||||
```kotlin
|
|
||||||
fun main() {
|
|
||||||
println("Hello, World!")
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### L
|
|
||||||
|
|
||||||
```lua
|
|
||||||
print("Hello, World!")
|
|
||||||
```
|
|
||||||
|
|
||||||
### M
|
|
||||||
|
|
||||||
```matlab
|
|
||||||
disp('Hello, World!')
|
|
||||||
```
|
|
||||||
|
|
||||||
### N
|
|
||||||
|
|
||||||
```nim
|
|
||||||
echo "Hello, World!"
|
|
||||||
```
|
|
||||||
|
|
||||||
### O
|
|
||||||
|
|
||||||
```objectivec
|
|
||||||
#import <Foundation/Foundation.h>
|
|
||||||
int main() {
|
|
||||||
@autoreleasepool {
|
|
||||||
NSLog(@"Hello, World!");
|
|
||||||
}
|
|
||||||
return 0;
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### P
|
|
||||||
|
|
||||||
```perl
|
|
||||||
print("Hello, World!\n");
|
|
||||||
```
|
|
||||||
|
|
||||||
```php
|
|
||||||
<?php echo "Hello, World!"; ?>
|
|
||||||
```
|
|
||||||
|
|
||||||
```python
|
|
||||||
print("Hello, World!")
|
|
||||||
```
|
|
||||||
|
|
||||||
### R
|
|
||||||
|
|
||||||
```r
|
|
||||||
cat("Hello, World!\n")
|
|
||||||
```
|
|
||||||
|
|
||||||
```ruby
|
|
||||||
puts "Hello, World!"
|
|
||||||
```
|
|
||||||
|
|
||||||
```rust
|
|
||||||
fn main() {
|
|
||||||
println!("Hello, World!");
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### S
|
|
||||||
|
|
||||||
```scala
|
|
||||||
object HelloWorld extends App {
|
|
||||||
println("Hello, World!")
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### T
|
|
||||||
|
|
||||||
```typescript
|
|
||||||
console.log("Hello, World!");
|
|
||||||
```
|
|
||||||
|
|
||||||
### V
|
|
||||||
|
|
||||||
```vlang
|
|
||||||
fn main() {
|
|
||||||
println('Hello, World!')
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### Z
|
|
||||||
|
|
||||||
```zig
|
|
||||||
const std = @import("std");
|
|
||||||
pub fn main() !void {
|
|
||||||
std.debug.print("Hello, World!\n", .{});
|
|
||||||
}
|
|
||||||
```
|
|
||||||
@@ -1,349 +0,0 @@
|
|||||||
+++
|
|
||||||
author = "Radek"
|
|
||||||
title = "Code blocks variants"
|
|
||||||
date = "2025-04-09T07:17:39+02:00"
|
|
||||||
description = "Sample article showcasing most popular programming languages."
|
|
||||||
tags = ["programming", "code"]
|
|
||||||
+++
|
|
||||||
|
|
||||||
Since v4.2.0, Terminal Theme uses Chroma as syntax highlighter. As Hugo documentation refers: "it is built in Go and is really, really fast".
|
|
||||||
|
|
||||||
Below you can see many basic presentations of the code blocks you can use depending on your needs. Except the `{{ < code > }}` shortcode example, all other blocks are generated based on the configuration you can learn about from the [official Hugo docs](https://gohugo.io/content-management/syntax-highlighting/).
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Examples:
|
|
||||||
|
|
||||||
### Raw block with no specified language (and no syntax highlighting)
|
|
||||||
|
|
||||||
```
|
|
||||||
<!doctype html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<title>Example HTML5 Document</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<p>Test</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
```
|
|
||||||
|
|
||||||
### With specified language
|
|
||||||
|
|
||||||
#### Line highlighting
|
|
||||||
|
|
||||||
```html {hl_lines=[5]}
|
|
||||||
<!doctype html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<title>Example HTML5 Document</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<p>Test</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
```
|
|
||||||
|
|
||||||
#### Line highlighting / table line numbers
|
|
||||||
|
|
||||||
```html {linenos=table,hl_lines=[5]}
|
|
||||||
<!doctype html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<title>Example HTML5 Document</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<p>Test</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
```
|
|
||||||
|
|
||||||
#### Line highlighting / inline line numbers
|
|
||||||
|
|
||||||
```html {linenos=inline,hl_lines=[5]}
|
|
||||||
<!doctype html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<title>Example HTML5 Document</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<p>Test</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
```
|
|
||||||
|
|
||||||
#### Hugo's internal `{{ < highlight > }}` shortcode
|
|
||||||
|
|
||||||
{{< highlight html >}}
|
|
||||||
|
|
||||||
<!doctype html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<title>Example HTML5 Document</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<p>Test</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
{{< /highlight >}}
|
|
||||||
|
|
||||||
#### Custom built-in `{{ < code > }}` shortcode
|
|
||||||
|
|
||||||
{{< code title="Hey, this is a code block title" language="html" open="true" opts="linenos=table" >}}
|
|
||||||
|
|
||||||
<!doctype html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<title>Example HTML5 Document</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<p>Test</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
{{< /code >}}
|
|
||||||
|
|
||||||
## Programming languages:
|
|
||||||
|
|
||||||
### A
|
|
||||||
|
|
||||||
```abap
|
|
||||||
WRITE 'Hello, World!'.
|
|
||||||
```
|
|
||||||
|
|
||||||
```actionscript
|
|
||||||
package {
|
|
||||||
public class HelloWorld {
|
|
||||||
public static function main():void {
|
|
||||||
trace("Hello, World!");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
```ada
|
|
||||||
with Ada.Text_IO; use Ada.Text_IO;
|
|
||||||
procedure Hello is
|
|
||||||
begin
|
|
||||||
Put_Line("Hello, World!");
|
|
||||||
end Hello;
|
|
||||||
```
|
|
||||||
|
|
||||||
### B
|
|
||||||
|
|
||||||
```bash
|
|
||||||
echo "Hello, World!"
|
|
||||||
```
|
|
||||||
|
|
||||||
```brainfuck
|
|
||||||
+[----->+++<]>.++++++++++++..+++.>++++++[->+++++++<]>+.------------.---.+++++.
|
|
||||||
```
|
|
||||||
|
|
||||||
### C
|
|
||||||
|
|
||||||
```c
|
|
||||||
#include <stdio.h>
|
|
||||||
int main() {
|
|
||||||
printf("Hello, World!\n");
|
|
||||||
return 0;
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
```csharp
|
|
||||||
using System;
|
|
||||||
class Program {
|
|
||||||
static void Main() {
|
|
||||||
Console.WriteLine("Hello, World!");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
```c++
|
|
||||||
#include <iostream>
|
|
||||||
int main() {
|
|
||||||
std::cout << "Hello, World!" << std::endl;
|
|
||||||
return 0;
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### D
|
|
||||||
|
|
||||||
```d
|
|
||||||
import std.stdio;
|
|
||||||
void main() {
|
|
||||||
writeln("Hello, World!");
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### E
|
|
||||||
|
|
||||||
```elixir
|
|
||||||
IO.puts "Hello, World!"
|
|
||||||
```
|
|
||||||
|
|
||||||
```erlang
|
|
||||||
-module(hello).
|
|
||||||
-export([world/0]).
|
|
||||||
world() -> io:format("Hello, World!~n").
|
|
||||||
```
|
|
||||||
|
|
||||||
### F
|
|
||||||
|
|
||||||
```fsharp
|
|
||||||
printfn "Hello, World!"
|
|
||||||
```
|
|
||||||
|
|
||||||
### G
|
|
||||||
|
|
||||||
```go
|
|
||||||
package main
|
|
||||||
import "fmt"
|
|
||||||
func main() {
|
|
||||||
fmt.Println("Hello, World!")
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### H
|
|
||||||
|
|
||||||
```haskell
|
|
||||||
main = putStrLn "Hello, World!"
|
|
||||||
```
|
|
||||||
|
|
||||||
### J
|
|
||||||
|
|
||||||
```js
|
|
||||||
var x, y, z; // Declare 3 variables
|
|
||||||
x = 5; // Assign the value 5 to x
|
|
||||||
y = 6; // Assign the value 6 to y
|
|
||||||
z = x + y; // Assign the sum of x and y to z
|
|
||||||
|
|
||||||
document.getElementById("demo").innerHTML = "The value of z is " + z + ".";
|
|
||||||
```
|
|
||||||
|
|
||||||
```jsx
|
|
||||||
function Video({ video }) {
|
|
||||||
return (
|
|
||||||
<div>
|
|
||||||
<Thumbnail video={video} />
|
|
||||||
<a href={video.url}>
|
|
||||||
<h3>{video.title}</h3>
|
|
||||||
<p>{video.description}</p>
|
|
||||||
</a>
|
|
||||||
<LikeButton video={video} />
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
```java
|
|
||||||
public class HelloWorld {
|
|
||||||
public static void main(String[] args) {
|
|
||||||
System.out.println("Hello, World!");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### K
|
|
||||||
|
|
||||||
```kotlin
|
|
||||||
fun main() {
|
|
||||||
println("Hello, World!")
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### L
|
|
||||||
|
|
||||||
```lua
|
|
||||||
print("Hello, World!")
|
|
||||||
```
|
|
||||||
|
|
||||||
### M
|
|
||||||
|
|
||||||
```matlab
|
|
||||||
disp('Hello, World!')
|
|
||||||
```
|
|
||||||
|
|
||||||
### N
|
|
||||||
|
|
||||||
```nim
|
|
||||||
echo "Hello, World!"
|
|
||||||
```
|
|
||||||
|
|
||||||
### O
|
|
||||||
|
|
||||||
```objectivec
|
|
||||||
#import <Foundation/Foundation.h>
|
|
||||||
int main() {
|
|
||||||
@autoreleasepool {
|
|
||||||
NSLog(@"Hello, World!");
|
|
||||||
}
|
|
||||||
return 0;
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### P
|
|
||||||
|
|
||||||
```perl
|
|
||||||
print("Hello, World!\n");
|
|
||||||
```
|
|
||||||
|
|
||||||
```php
|
|
||||||
<?php echo "Hello, World!"; ?>
|
|
||||||
```
|
|
||||||
|
|
||||||
```python
|
|
||||||
print("Hello, World!")
|
|
||||||
```
|
|
||||||
|
|
||||||
### R
|
|
||||||
|
|
||||||
```r
|
|
||||||
cat("Hello, World!\n")
|
|
||||||
```
|
|
||||||
|
|
||||||
```ruby
|
|
||||||
puts "Hello, World!"
|
|
||||||
```
|
|
||||||
|
|
||||||
```rust
|
|
||||||
fn main() {
|
|
||||||
println!("Hello, World!");
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### S
|
|
||||||
|
|
||||||
```scala
|
|
||||||
object HelloWorld extends App {
|
|
||||||
println("Hello, World!")
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### T
|
|
||||||
|
|
||||||
```typescript
|
|
||||||
console.log("Hello, World!");
|
|
||||||
```
|
|
||||||
|
|
||||||
### V
|
|
||||||
|
|
||||||
```vlang
|
|
||||||
fn main() {
|
|
||||||
println('Hello, World!')
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### Z
|
|
||||||
|
|
||||||
```zig
|
|
||||||
const std = @import("std");
|
|
||||||
pub fn main() !void {
|
|
||||||
std.debug.print("Hello, World!\n", .{});
|
|
||||||
}
|
|
||||||
```
|
|
||||||
@@ -1,193 +0,0 @@
|
|||||||
+++
|
|
||||||
author = "Hugo Autoren & Radek"
|
|
||||||
title = "Beispielvorführung"
|
|
||||||
date = "2025-04-09T07:01:12+02:00"
|
|
||||||
description = "Beispielartikel, der grundlegendes Styling und Formatierungen für HTML-Elemente zeigt."
|
|
||||||
tags = ['showcase', 'markdown', 'styling']
|
|
||||||
+++
|
|
||||||
|
|
||||||
Dieser Artikel bietet ein Beispiel für grundlegende Markdown-Syntax, die in Hugo-Inhaltsdateien verwendet werden kann. Er zeigt auch, ob grundlegende HTML-Elemente mit CSS in einem Hugo-Theme dekoriert sind.
|
|
||||||
<!--more-->
|
|
||||||
|
|
||||||
## Überschriften
|
|
||||||
|
|
||||||
Die folgenden HTML-Elemente `<h1>`—`<h6>` repräsentieren sechs Ebenen von Abschnittsüberschriften. `<h1>` ist die höchste Abschnittsebene, während `<h6>` die niedrigste ist.
|
|
||||||
|
|
||||||
# H1
|
|
||||||
## H2
|
|
||||||
### H3
|
|
||||||
### H4
|
|
||||||
#### H5
|
|
||||||
##### H6
|
|
||||||
|
|
||||||
## Absatz
|
|
||||||
|
|
||||||
Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
|
|
||||||
|
|
||||||
Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
|
|
||||||
|
|
||||||
## Bilder
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
### Abbildung mit Beschriftung
|
|
||||||
|
|
||||||
{{< figure src="/img/terminal-theme.png" alt="Terminal Theme Preview" position="center" caption="Terminal Theme Preview" captionPosition="center" >}}
|
|
||||||
|
|
||||||
## Zitate
|
|
||||||
|
|
||||||
Das Blockquote-Element stellt Inhalte dar, die aus einer anderen Quelle zitiert werden, optional mit einer Zitation, die innerhalb eines `footer`- oder `cite`-Elements enthalten sein muss, und optional mit Inline-Änderungen wie Anmerkungen und Abkürzungen.
|
|
||||||
|
|
||||||
### Blockquote ohne Attribution
|
|
||||||
|
|
||||||
> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
|
|
||||||
> **Beachte**, dass du *Markdown-Syntax* innerhalb eines Blockquotes verwenden kannst.
|
|
||||||
|
|
||||||
### Blockquote mit Attribution
|
|
||||||
|
|
||||||
> Kommuniziere nicht durch das Teilen von Speicher, teile Speicher durch Kommunizieren.<br>
|
|
||||||
> — <cite>Rob Pike[^1]</cite>
|
|
||||||
|
|
||||||
[^1]: Das obige Zitat stammt aus Rob Pikes [Vortrag](https://www.youtube.com/watch?v=PAAkCSZUG1c) während Gopherfest am 18. November 2015.
|
|
||||||
|
|
||||||
## Buttons und Links
|
|
||||||
|
|
||||||
<button>Button</button>
|
|
||||||
<a href="">Link</a>
|
|
||||||
<a href="" class="button inline">Link</a>
|
|
||||||
|
|
||||||
## Tabellen
|
|
||||||
|
|
||||||
Tabellen sind nicht Teil der Kern-Mardown-Spezifikation, aber Hugo unterstützt sie standardmäßig.
|
|
||||||
|
|
||||||
Name | Alter
|
|
||||||
--------|------
|
|
||||||
Bob | 27
|
|
||||||
Alice | 23
|
|
||||||
|
|
||||||
### Inline Markdown innerhalb von Tabellen
|
|
||||||
|
|
||||||
| Kursiv | Fett | Code |
|
|
||||||
| -------- | -------- | ------ |
|
|
||||||
| *kursiv* | **fett** | `code` |
|
|
||||||
|
|
||||||
## Formulare
|
|
||||||
|
|
||||||
<fieldset>
|
|
||||||
<input type="text" placeholder="Tippe etwas" /><br />
|
|
||||||
<input type="number" placeholder="Zahl eingeben" /><br />
|
|
||||||
<input type="text" value="Eingabewert" /><br />
|
|
||||||
<select>
|
|
||||||
<option value="1">Option 1</option>
|
|
||||||
<option value="2">Option 2</option>
|
|
||||||
<option value="3">Option 3</option>
|
|
||||||
</select><br />
|
|
||||||
<textarea placeholder="Kommentar eingeben..."></textarea><br />
|
|
||||||
<input type="checkbox" /> Ich verstehe<br />
|
|
||||||
<button type="submit">Absenden</button>
|
|
||||||
</fieldset>
|
|
||||||
|
|
||||||
## Code-Blöcke
|
|
||||||
|
|
||||||
### Code-Block mit Backticks
|
|
||||||
|
|
||||||
```html
|
|
||||||
<!doctype html>
|
|
||||||
<html lang="de">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<title>Beispiel HTML5-Dokument</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<p>Test</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
```
|
|
||||||
|
|
||||||
### Code-Block eingerückt mit vier Leerzeichen
|
|
||||||
|
|
||||||
<!doctype html>
|
|
||||||
<html lang="de">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<title>Beispiel HTML5-Dokument</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<p>Test</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
### Code-Block mit Hugos internem Highlight-Shortcode
|
|
||||||
|
|
||||||
{{< highlight html >}}
|
|
||||||
<!doctype html>
|
|
||||||
<html lang="de">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<title>Beispiel HTML5-Dokument</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<p>Test</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
{{< /highlight >}}
|
|
||||||
|
|
||||||
### Code-Block mit benutzerdefiniertem eingebautem `{{ < code > }}` Shortcode
|
|
||||||
|
|
||||||
{{< code title="Hey, dies ist der Titel eines Code-Blocks" language="css" >}}
|
|
||||||
pre {
|
|
||||||
background: #1a1a1d;
|
|
||||||
padding: 20px;
|
|
||||||
border-radius: 8px;
|
|
||||||
font-size: 1rem;
|
|
||||||
overflow: auto;
|
|
||||||
|
|
||||||
@media (--phone) {
|
|
||||||
white-space: pre-wrap;
|
|
||||||
word-wrap: break-word;
|
|
||||||
}
|
|
||||||
|
|
||||||
code {
|
|
||||||
background: none !important;
|
|
||||||
color: #ccc;
|
|
||||||
padding: 0;
|
|
||||||
font-size: inherit;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
{{< /code >}}
|
|
||||||
|
|
||||||
## Listenarten
|
|
||||||
|
|
||||||
### Geordnete Liste
|
|
||||||
|
|
||||||
1. Erstes Element
|
|
||||||
2. Zweites Element
|
|
||||||
3. Drittes Element
|
|
||||||
|
|
||||||
### Ungeordnete Liste
|
|
||||||
|
|
||||||
* Listenelement
|
|
||||||
* Weiteres Element
|
|
||||||
* Noch ein Element
|
|
||||||
|
|
||||||
### Verschachtelte Liste
|
|
||||||
|
|
||||||
* Obst
|
|
||||||
* Apfel
|
|
||||||
* Orange
|
|
||||||
* Banane
|
|
||||||
* Milchprodukte
|
|
||||||
* Milch
|
|
||||||
* Käse
|
|
||||||
|
|
||||||
## Andere Elemente — abbr, sub, sup, kbd, mark
|
|
||||||
|
|
||||||
<abbr title="Graphics Interchange Format">GIF</abbr> ist ein Bitmap-Bildformat.
|
|
||||||
|
|
||||||
H<sub>2</sub>O
|
|
||||||
|
|
||||||
X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
|
|
||||||
|
|
||||||
Drücke <kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Entf</kbd>, um die Sitzung zu beenden.
|
|
||||||
|
|
||||||
Die meisten <mark>Salamander</mark> sind nachtaktiv und jagen nach Insekten, Würmern und anderen kleinen Lebewesen.
|
|
||||||
@@ -1,193 +0,0 @@
|
|||||||
+++
|
|
||||||
author = "Hugo Authors & Radek"
|
|
||||||
title = "Showcase"
|
|
||||||
date = "2025-04-09T07:01:12+02:00"
|
|
||||||
description = "Sample article showcasing basic styling and formatting for HTML elements."
|
|
||||||
tags = ['showcase', 'markdown', 'styling']
|
|
||||||
+++
|
|
||||||
|
|
||||||
This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.
|
|
||||||
<!--more-->
|
|
||||||
|
|
||||||
## Headings
|
|
||||||
|
|
||||||
The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest.
|
|
||||||
|
|
||||||
# H1
|
|
||||||
## H2
|
|
||||||
### H3
|
|
||||||
### H4
|
|
||||||
#### H5
|
|
||||||
##### H6
|
|
||||||
|
|
||||||
## Paragraph
|
|
||||||
|
|
||||||
Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
|
|
||||||
|
|
||||||
Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
|
|
||||||
|
|
||||||
## Images
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
### Figure with a caption
|
|
||||||
|
|
||||||
{{< figure src="/img/terminal-theme.png" alt="Terminal Theme Preview" position="center" caption="Terminal Theme Preview" captionPosition="center" >}}
|
|
||||||
|
|
||||||
## Blockquotes
|
|
||||||
|
|
||||||
The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a `footer` or `cite` element, and optionally with in-line changes such as annotations and abbreviations.
|
|
||||||
|
|
||||||
### Blockquote without attribution
|
|
||||||
|
|
||||||
> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
|
|
||||||
> **Note** that you can use *Markdown syntax* within a blockquote.
|
|
||||||
|
|
||||||
### Blockquote with attribution
|
|
||||||
|
|
||||||
> Don't communicate by sharing memory, share memory by communicating.<br>
|
|
||||||
> — <cite>Rob Pike[^1]</cite>
|
|
||||||
|
|
||||||
[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
|
|
||||||
|
|
||||||
## Buttons and links
|
|
||||||
|
|
||||||
<button>Button</button>
|
|
||||||
<a href="">Link</a>
|
|
||||||
<a href="" class="button inline">Link</a>
|
|
||||||
|
|
||||||
## Tables
|
|
||||||
|
|
||||||
Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.
|
|
||||||
|
|
||||||
Name | Age
|
|
||||||
--------|------
|
|
||||||
Bob | 27
|
|
||||||
Alice | 23
|
|
||||||
|
|
||||||
### Inline Markdown within tables
|
|
||||||
|
|
||||||
| Italics | Bold | Code |
|
|
||||||
| -------- | -------- | ------ |
|
|
||||||
| *italics* | **bold** | `code` |
|
|
||||||
|
|
||||||
## Forms
|
|
||||||
|
|
||||||
<fieldset>
|
|
||||||
<input type="text" placeholder="Type something" /><br />
|
|
||||||
<input type="number" placeholder="Insert number" /><br />
|
|
||||||
<input type="text" value="Input value" /><br />
|
|
||||||
<select>
|
|
||||||
<option value="1">Option 1</option>
|
|
||||||
<option value="2">Option 2</option>
|
|
||||||
<option value="3">Option 3</option>
|
|
||||||
</select><br />
|
|
||||||
<textarea placeholder="Insert a comment..."></textarea><br />
|
|
||||||
<input type="checkbox" /> I understand<br />
|
|
||||||
<button type="submi">Submit</button>
|
|
||||||
</fieldset>
|
|
||||||
|
|
||||||
## Code Blocks
|
|
||||||
|
|
||||||
### Code block with backticks
|
|
||||||
|
|
||||||
```html
|
|
||||||
<!doctype html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<title>Example HTML5 Document</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<p>Test</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
```
|
|
||||||
|
|
||||||
### Code block indented with four spaces
|
|
||||||
|
|
||||||
<!doctype html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<title>Example HTML5 Document</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<p>Test</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
### Code block with Hugo's internal highlight shortcode
|
|
||||||
|
|
||||||
{{< highlight html >}}
|
|
||||||
<!doctype html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<title>Example HTML5 Document</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<p>Test</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
{{< /highlight >}}
|
|
||||||
|
|
||||||
### Code block with custom built-in `{{ < code > }}` shortcode
|
|
||||||
|
|
||||||
{{< code title="Hey, this is a code block title" language="css" >}}
|
|
||||||
pre {
|
|
||||||
background: #1a1a1d;
|
|
||||||
padding: 20px;
|
|
||||||
border-radius: 8px;
|
|
||||||
font-size: 1rem;
|
|
||||||
overflow: auto;
|
|
||||||
|
|
||||||
@media (--phone) {
|
|
||||||
white-space: pre-wrap;
|
|
||||||
word-wrap: break-word;
|
|
||||||
}
|
|
||||||
|
|
||||||
code {
|
|
||||||
background: none !important;
|
|
||||||
color: #ccc;
|
|
||||||
padding: 0;
|
|
||||||
font-size: inherit;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
{{< /code >}}
|
|
||||||
|
|
||||||
## List Types
|
|
||||||
|
|
||||||
### Ordered List
|
|
||||||
|
|
||||||
1. First item
|
|
||||||
2. Second item
|
|
||||||
3. Third item
|
|
||||||
|
|
||||||
### Unordered List
|
|
||||||
|
|
||||||
* List item
|
|
||||||
* Another item
|
|
||||||
* And another item
|
|
||||||
|
|
||||||
### Nested list
|
|
||||||
|
|
||||||
* Fruit
|
|
||||||
* Apple
|
|
||||||
* Orange
|
|
||||||
* Banana
|
|
||||||
* Dairy
|
|
||||||
* Milk
|
|
||||||
* Cheese
|
|
||||||
|
|
||||||
## Other Elements — abbr, sub, sup, kbd, mark
|
|
||||||
|
|
||||||
<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
|
|
||||||
|
|
||||||
H<sub>2</sub>O
|
|
||||||
|
|
||||||
X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
|
|
||||||
|
|
||||||
Press <kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd> to end the session.
|
|
||||||
|
|
||||||
Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.
|
|
||||||
@@ -1,33 +0,0 @@
|
|||||||
+++
|
|
||||||
title = 'Deutscher Test Post'
|
|
||||||
date = 2025-04-05T20:14:29+02:00
|
|
||||||
draft = false
|
|
||||||
+++
|
|
||||||
|
|
||||||
# Test Post in German
|
|
||||||
|
|
||||||
## Lorem ipsum
|
|
||||||
|
|
||||||
### dolor sit amet
|
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur. Quod idem licet transferre in voluptatem, ut postea variari voluptas distinguique possit, augeri amplificarique non possit. At etiam Athenis, ut e.
|
|
||||||
|
|
||||||
|
|
||||||
### Consectetur adipiscing
|
|
||||||
|
|
||||||
Bonum sit aut quid iudicat, quo aut petat aut fugiat aliquid, praeter voluptatem et dolorem. Ad haec et quae vel aliter pararetur et qua etiam carere possent sine dolore tum in morbos gravis, tum in damna, tum in dedecora incurrunt, saepe etiam legum iudiciorumque poenis obligantur. Qui autem ita frui volunt voluptatibus, ut nulli propter eas consequantur dolores, et qui suum iudicium retinent, ne voluptate victi faciant id.
|
|
||||||
|
|
||||||
Sumitur contra mortis timorem et constantia contra metum religionis et sedatio animi omnium rerum occultarum ignoratione sublata et moderatio natura cupiditatum generibusque earum explicatis, et, ut dixi, ad lineam, hunc naturalem esse omnium corporum motum. Deinde ibidem homo acutus, cum illud ocurreret, si omnia dixi hausta e fonte naturae, si tota oratio nostra omnem sibi fidem sensibus confirmat, id est in culpa qui officia deserunt mollitia animi, id est.
|
|
||||||
|
|
||||||
Posuit. Ea scientia et verborum vis et natura orationis et consequentium repugnantiumve ratio potest perspici. Omnium autem rerum natura cognita levamur superstitione, liberamur mortis metu, non conturbamur ignoratione rerum, e qua ipsa horribiles existunt saepe formidines. Denique etiam morati melius erimus.
|
|
||||||
|
|
||||||
|
|
||||||
## DeLorean ipsum
|
|
||||||
|
|
||||||
|
|
||||||
That's right. Huh? Go. Here you go, lady. There's a quarter. Good morning.
|
|
||||||
|
|
||||||
Marty, I always wear a suit to the office. You alright? It's a board with wheels. Yeah. What the hell is this? Marty, you're acting like you haven't seen me in a week.
|
|
||||||
|
|
||||||
Yes, yes, I'm George, George McFly, and I'm your density. I mean, I'm your destiny. It works, ha ha ha ha, it works. I finally invent something that works. Where the hell are they. That's Strickland. Jesus, didn't that guy ever have hair? Alright, alright, okay McFly, get a grip on yourself. It's all a dream. Just a very intense dream. Woh, hey, listen, you gotta help me.
|
|
||||||
|
|
||||||
@@ -1,33 +0,0 @@
|
|||||||
+++
|
|
||||||
title = 'English Test Post'
|
|
||||||
date = 2025-04-05T20:14:29+02:00
|
|
||||||
draft = false
|
|
||||||
+++
|
|
||||||
|
|
||||||
# Test Post in English
|
|
||||||
|
|
||||||
## Lorem ipsum
|
|
||||||
|
|
||||||
### dolor sit amet
|
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur. Quod idem licet transferre in voluptatem, ut postea variari voluptas distinguique possit, augeri amplificarique non possit. At etiam Athenis, ut e.
|
|
||||||
|
|
||||||
|
|
||||||
### Consectetur adipiscing
|
|
||||||
|
|
||||||
Bonum sit aut quid iudicat, quo aut petat aut fugiat aliquid, praeter voluptatem et dolorem. Ad haec et quae vel aliter pararetur et qua etiam carere possent sine dolore tum in morbos gravis, tum in damna, tum in dedecora incurrunt, saepe etiam legum iudiciorumque poenis obligantur. Qui autem ita frui volunt voluptatibus, ut nulli propter eas consequantur dolores, et qui suum iudicium retinent, ne voluptate victi faciant id.
|
|
||||||
|
|
||||||
Sumitur contra mortis timorem et constantia contra metum religionis et sedatio animi omnium rerum occultarum ignoratione sublata et moderatio natura cupiditatum generibusque earum explicatis, et, ut dixi, ad lineam, hunc naturalem esse omnium corporum motum. Deinde ibidem homo acutus, cum illud ocurreret, si omnia dixi hausta e fonte naturae, si tota oratio nostra omnem sibi fidem sensibus confirmat, id est in culpa qui officia deserunt mollitia animi, id est.
|
|
||||||
|
|
||||||
Posuit. Ea scientia et verborum vis et natura orationis et consequentium repugnantiumve ratio potest perspici. Omnium autem rerum natura cognita levamur superstitione, liberamur mortis metu, non conturbamur ignoratione rerum, e qua ipsa horribiles existunt saepe formidines. Denique etiam morati melius erimus.
|
|
||||||
|
|
||||||
|
|
||||||
## DeLorean ipsum
|
|
||||||
|
|
||||||
|
|
||||||
That's right. Huh? Go. Here you go, lady. There's a quarter. Good morning.
|
|
||||||
|
|
||||||
Marty, I always wear a suit to the office. You alright? It's a board with wheels. Yeah. What the hell is this? Marty, you're acting like you haven't seen me in a week.
|
|
||||||
|
|
||||||
Yes, yes, I'm George, George McFly, and I'm your density. I mean, I'm your destiny. It works, ha ha ha ha, it works. I finally invent something that works. Where the hell are they. That's Strickland. Jesus, didn't that guy ever have hair? Alright, alright, okay McFly, get a grip on yourself. It's all a dream. Just a very intense dream. Woh, hey, listen, you gotta help me.
|
|
||||||
|
|
||||||
44
hugo.toml
44
hugo.toml
@@ -28,6 +28,7 @@ pagination.pagerSize = 5
|
|||||||
# show selector to switch language
|
# show selector to switch language
|
||||||
showLanguageSelector = true # (default: false)
|
showLanguageSelector = true # (default: false)
|
||||||
|
|
||||||
|
# ↓ currently in a PR (and in my fork in the my-master branch)
|
||||||
# the language selector always links...
|
# the language selector always links...
|
||||||
# - true: the translated content equivalent (e.g. /en/posts/some-post directly → /de/posts/some-post),
|
# - true: the translated content equivalent (e.g. /en/posts/some-post directly → /de/posts/some-post),
|
||||||
# - false: just to the translated root (e.g. /en/posts/some-post → /de)
|
# - false: just to the translated root (e.g. /en/posts/some-post → /de)
|
||||||
@@ -82,7 +83,7 @@ pagination.pagerSize = 5
|
|||||||
languageName = "English"
|
languageName = "English"
|
||||||
weight = 1
|
weight = 1
|
||||||
[languages.en.params]
|
[languages.en.params]
|
||||||
readingSpeed = 108
|
readingSpeed = 108 # currently in a PR (and in my fork in the my-master branch)
|
||||||
subtitle = "Blog of privacynerd"
|
subtitle = "Blog of privacynerd"
|
||||||
owner = ""
|
owner = ""
|
||||||
keywords = ""
|
keywords = ""
|
||||||
@@ -97,16 +98,21 @@ pagination.pagerSize = 5
|
|||||||
# set title for the table of contents
|
# set title for the table of contents
|
||||||
# can be overridden in a page's front-matter
|
# can be overridden in a page's front-matter
|
||||||
TocTitle = "Table of Contents" # default
|
TocTitle = "Table of Contents" # default
|
||||||
_menu = "Menu"
|
words = "words" # (default: words)
|
||||||
_minute = "minute"
|
|
||||||
_minutes = "minutes"
|
# below are items added by BlueFox (me)
|
||||||
_readingTime = "to read"
|
|
||||||
_word = "word"
|
|
||||||
_words = "words"
|
|
||||||
_imprint = "Imprint"
|
_imprint = "Imprint"
|
||||||
_by = "by"
|
_made_by = "made by"
|
||||||
_customized = "customized"
|
_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"
|
||||||
|
word = "word"
|
||||||
|
posts_for = "Posts for" # used with tags (taxonomies in general)
|
||||||
|
|
||||||
[languages.en.params.logo]
|
[languages.en.params.logo]
|
||||||
logoText = "Privacynerd's blog"
|
logoText = "Privacynerd's blog"
|
||||||
logoHomeLink = "/en"
|
logoHomeLink = "/en"
|
||||||
@@ -133,7 +139,7 @@ pagination.pagerSize = 5
|
|||||||
languageName = "Deutsch"
|
languageName = "Deutsch"
|
||||||
weight = 2
|
weight = 2
|
||||||
[languages.de.params]
|
[languages.de.params]
|
||||||
readingSpeed = 111
|
readingSpeed = 111 # currently in a PR (and in my fork in the my-master branch)
|
||||||
subtitle = "Blog von privacynerd"
|
subtitle = "Blog von privacynerd"
|
||||||
owner = ""
|
owner = ""
|
||||||
keywords = ""
|
keywords = ""
|
||||||
@@ -148,16 +154,22 @@ pagination.pagerSize = 5
|
|||||||
# set title for the table of contents
|
# set title for the table of contents
|
||||||
# can be overridden in a page's front-matter
|
# can be overridden in a page's front-matter
|
||||||
TocTitle = "Inhaltsverzeichnis" # default
|
TocTitle = "Inhaltsverzeichnis" # default
|
||||||
_menu = "Menü"
|
words = "Wörter"
|
||||||
_minute = "Minute"
|
|
||||||
_minutes = "Minuten"
|
# below are items added by BlueFox (me)
|
||||||
_readingTime = "Lesezeit"
|
|
||||||
_word = "Wort"
|
|
||||||
_words = "Wörter"
|
|
||||||
_imprint = "Impressum"
|
_imprint = "Impressum"
|
||||||
_by = "von"
|
_made_by = "erstellt von"
|
||||||
_customized = "angepasst"
|
_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"
|
||||||
|
word = "Wort"
|
||||||
|
posts_for = "Posts für"
|
||||||
|
|
||||||
|
|
||||||
[languages.de.params.logo]
|
[languages.de.params.logo]
|
||||||
logoText = "Privacynerd's blog"
|
logoText = "Privacynerd's blog"
|
||||||
logoHomeLink = "/de"
|
logoHomeLink = "/de"
|
||||||
|
|||||||
22
layouts/partials/extended_footer.html
Normal file
22
layouts/partials/extended_footer.html
Normal file
@@ -0,0 +1,22 @@
|
|||||||
|
<!--
|
||||||
|
To add an extended footer section, please create
|
||||||
|
`layouts/partials/extended_footer.html` in your Hugo directory.
|
||||||
|
-->
|
||||||
|
<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>
|
||||||
@@ -10,7 +10,8 @@
|
|||||||
<div class="copyright">
|
<div class="copyright">
|
||||||
<span>© {{ now.Year }} Powered by <a href="https://gohugo.io">Hugo</a></span>
|
<span>© {{ now.Year }} Powered by <a href="https://gohugo.io">Hugo</a></span>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
<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></span>
|
<span style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer={{ $.Page.Permalink }}">{{ $.Site.Params._Imprint }}</a></span>
|
||||||
|
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> {{ $.Site.Params._made_by }} <a href="https://github.com/panr" target="_blank">panr</a> ({{ $.Site.Params._Customized }})</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|||||||
@@ -1,3 +1,300 @@
|
|||||||
<!doctype html><html lang=de><head><title>404 Page not found :: Privacynerd's blog</title>
|
<!DOCTYPE html>
|
||||||
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/de/404.html><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="404 Page not found"><meta property="og:description" content><meta property="og:url" content="https://blog.privacynerd.de/de/404.html"><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"><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>Menu ▾</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=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></li></ul></li></ul><ul class="menu menu--desktop menu--language-selector"><li class=menu__trigger>Deutsch ▾</li><li><ul class=menu__dropdown><li><a href=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></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=post><h1 class=post-title>404 — Seite konnte nicht gefunden werden...</h1><div class=post-content><a href=https://blog.privacynerd.de/>Zurück zur Startseite →</a></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>
|
<html lang="de">
|
||||||
<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></span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html>
|
<head>
|
||||||
|
|
||||||
|
<title>404 Page not found :: 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/404.html" />
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<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="404 Page not found">
|
||||||
|
<meta property="og:description" content="" />
|
||||||
|
<meta property="og:url" content="https://blog.privacynerd.de/de/404.html" />
|
||||||
|
<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">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<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/404.html">English</a>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<b>
|
||||||
|
<a href="/de/404.html">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/404.html">English</a>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<b>
|
||||||
|
<a href="/de/404.html">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="post">
|
||||||
|
<h1 class="post-title">404 — Seite konnte nicht gefunden werden...</h1>
|
||||||
|
|
||||||
|
<div class="post-content">
|
||||||
|
<a href="https://blog.privacynerd.de/">Zurück zur Startseite →</a>
|
||||||
|
</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%2f404.html">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>
|
||||||
|
|||||||
@@ -1,16 +1,335 @@
|
|||||||
<!doctype html><html lang=de><head><title>Über :: Privacynerd's blog</title>
|
<!DOCTYPE html>
|
||||||
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="Hallo in a new age You can call me Mirus and I forked the original Terminal theme for Hugo, because Radek, the original creator of the theme stop the maintenance and archived the repo.
|
<html lang="de">
|
||||||
So I already pushed a few improvements that I did for my humble blog and I’m going to add some more features in the future, also any contribution is welcome
|
<head>
|
||||||
Below you can read the original about from Radek
|
|
||||||
"><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/de/about/><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="Über"><meta property="og:description" content="Hallo in a new age You can call me Mirus and I forked the original Terminal theme for Hugo, because Radek, the original creator of the theme stop the maintenance and archived the repo.
|
<title>Über :: Privacynerd's blog</title>
|
||||||
So I already pushed a few improvements that I did for my humble blog and I’m going to add some more features in the future, also any contribution is welcome
|
|
||||||
Below you can read the original about from Radek
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
"><meta property="og:url" content="https://blog.privacynerd.de/de/about/"><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"><meta property="article:published_time" content="2025-04-05 20:14:29 +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>Menu ▾</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=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></li></ul></li></ul><ul class="menu menu--desktop menu--language-selector"><li class=menu__trigger>Deutsch ▾</li><li><ul class=menu__dropdown><li><a href=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></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/about/>Über</a></h1><div class=post-meta><time class=post-date>2025-04-05</time><span class=post-reading-time>1 min read (190 words)</span></div><div class=post-content><div><h1 id=hallo-in-a-new-age>Hallo in a new age<a href=#hallo-in-a-new-age class=hanchor arialabel=Anchor>#</a></h1><p>You can call me Mirus and I forked the original Terminal theme for Hugo, because Radek, the original creator of the theme stop the maintenance and archived the repo.</p><p>So I already pushed a few improvements that I did for my humble blog and I’m going to add some more features in the future, also any contribution is welcome</p><p>Below you can read the original about from Radek</p><blockquote><p>Hi there</p><p>My name is Radek and I’m the author of this theme.
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
I made it to help you present your ideas easier.</p><p>We all know how hard is to start something on the web,
|
<meta name="description" content="Worum es hier gehen soll Also, mein Name ist Benjamin, und ich bin meistens als BlueFox bekannt. Ich liebe es, an Elektronik herumzubasteln, Sachen in 3D zu drucken und mit Holz zu arbeiten, aber ich programmiere auch ein bisschen und bin ein begeisterter Selbsthoster.
|
||||||
especially these days. You need to prepare a bunch of stuff,
|
Dies ist mein persönlicher Blog (den ich in meiner Freizeit betreibe, all das ist nur ein Hobby), in dem ich über alle möglichen Dinge schreibe, die ich DIY-mäßig mache. Dazu gehören:
|
||||||
configure them and when that’s done — create the content.</p><p>This theme is pretty basic and covers all of the essentials.
|
" />
|
||||||
All you have to do is start typing!</p><p>The theme includes:</p><ul><li><strong>5 duotone themes</strong>,
|
<meta name="keywords" content="" />
|
||||||
depending on your preferences (orange, red, blue, green, pink)</li><li><a href=https://github.com/tonsky/FiraCode><strong>Fira Code</strong></a>
|
|
||||||
as default monospaced font. It’s gorgeous!</li><li><strong>really nice, custom duotone</strong> syntax highlighting based on
|
<meta name="robots" content="noodp" />
|
||||||
<a href=https://prismjs.com><strong>PrismJS</strong></a></li><li>mobile friendly layout</li></ul><p>So, there you have it… enjoy!</p></blockquote><p>Blubb.</p></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>:: <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></span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html>
|
<link rel="canonical" href="https://blog.privacynerd.de/de/about/" />
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<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="Über">
|
||||||
|
<meta property="og:description" content="Worum es hier gehen soll Also, mein Name ist Benjamin, und ich bin meistens als BlueFox bekannt. Ich liebe es, an Elektronik herumzubasteln, Sachen in 3D zu drucken und mit Holz zu arbeiten, aber ich programmiere auch ein bisschen und bin ein begeisterter Selbsthoster.
|
||||||
|
Dies ist mein persönlicher Blog (den ich in meiner Freizeit betreibe, all das ist nur ein Hobby), in dem ich über alle möglichen Dinge schreibe, die ich DIY-mäßig mache. Dazu gehören:
|
||||||
|
" />
|
||||||
|
<meta property="og:url" content="https://blog.privacynerd.de/de/about/" />
|
||||||
|
<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">
|
||||||
|
|
||||||
|
|
||||||
|
<meta property="article:published_time" content="2025-04-13 13:02: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/about/">English</a>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<b>
|
||||||
|
<a href="/de/about/">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/about/">English</a>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<b>
|
||||||
|
<a href="/de/about/">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/about/">Über</a>
|
||||||
|
</h1>
|
||||||
|
<div class="post-meta"><time class="post-date">2025-04-13</time><span class="post-reading-time">3 Minuten Lesezeit (246 Wörter)</span></div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="post-content"><div>
|
||||||
|
<h2 id="intention">Worum es hier gehen soll<a href="#intention" class="hanchor" ariaLabel="Anchor">#</a> </h2>
|
||||||
|
<p>Also, mein Name ist Benjamin, und ich bin meistens als BlueFox bekannt. Ich liebe es, an Elektronik herumzubasteln, Sachen in 3D zu drucken und mit Holz zu arbeiten, aber ich programmiere auch ein bisschen und bin ein begeisterter Selbsthoster.</p>
|
||||||
|
<p>Dies ist mein persönlicher Blog (den ich in meiner Freizeit betreibe, all das ist nur ein Hobby), in dem ich über alle möglichen Dinge schreibe, die ich DIY-mäßig mache. Dazu gehören:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Posts ü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 von mir,</li>
|
||||||
|
<li>und vielleicht ja auch etwas ganz Neues!</li>
|
||||||
|
</ul>
|
||||||
|
<p>Schau dich doch <a href="/de/">einfach mal um</a>, und vielleicht findest du ja etwas Interessantes!</p>
|
||||||
|
<h2 id="the-logo">Das Logo<a href="#the-logo" class="hanchor" ariaLabel="Anchor">#</a> </h2>
|
||||||
|
<p>Das Logo für diesen Blog ist entstanden, als mir irgendwann mal langweilig war. Es gefiel mir einfach, und seitdem verwende ich es regelmäßig für meine Projekte. Um genau zu sein, habe ich es gezeichnet, als ich vielleicht 11 Jahre alt war, und das erste Mal wurde es in einem <code>Django + Python</code>-Projekt von mir verwendet, das sich „PiFi“ nannte - was jetzt auch der Name eines High-Speed-Wifi-Nachrüstsatzes und eines HiFi-Systems ist, die beide auf Raspberry Pi’s basieren (aber diese sind völlig unabhängig voneinander und konnten meine Namensgebung nicht kennen). Naja.</p>
|
||||||
|
<h2 id="the-story-behind-it">Die Geschichte dahinter (und noch mehr)<a href="#the-story-behind-it" class="hanchor" ariaLabel="Anchor">#</a> </h2>
|
||||||
|
<p>Der erste Post in diesem Blog verrät viel über die Geschichte und wie es zu der Idee für diesen Blog kam. Wen es interessiert, der kann es <a href="https://blog.privacynerd.de/de/posts/how-it-all-began/">hier</a> nachlesen.</p>
|
||||||
|
|
||||||
|
</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%2fabout%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>
|
||||||
|
|||||||
@@ -1,3 +1,302 @@
|
|||||||
<!doctype html><html lang=de><head><title>Categories :: Privacynerd's blog</title>
|
<!DOCTYPE html>
|
||||||
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/de/categories/><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="Categories"><meta property="og:description" content><meta property="og:url" content="https://blog.privacynerd.de/de/categories/"><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/categories/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>Menu ▾</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=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></li></ul></li></ul><ul class="menu menu--desktop menu--language-selector"><li class=menu__trigger>Deutsch ▾</li><li><ul class=menu__dropdown><li><a href=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></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=terms><h1>Categories</h1><ul></ul></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>
|
<html lang="de">
|
||||||
<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></span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html>
|
<head>
|
||||||
|
|
||||||
|
<title>Categories :: 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/categories/" />
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<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="Categories">
|
||||||
|
<meta property="og:description" content="" />
|
||||||
|
<meta property="og:url" content="https://blog.privacynerd.de/de/categories/" />
|
||||||
|
<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/categories/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/categories/">English</a>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<b>
|
||||||
|
<a href="/de/categories/">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/categories/">English</a>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<b>
|
||||||
|
<a href="/de/categories/">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="terms">
|
||||||
|
<h1>Categories</h1>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</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%2fcategories%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>
|
||||||
|
|||||||
@@ -1 +1,11 @@
|
|||||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Categories on Privacynerd's blog</title><link>https://blog.privacynerd.de/de/categories/</link><description>Recent content in Categories on Privacynerd's blog</description><generator>Hugo</generator><language>de</language><atom:link href="https://blog.privacynerd.de/de/categories/index.xml" rel="self" type="application/rss+xml"/></channel></rss>
|
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||||
|
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||||
|
<channel>
|
||||||
|
<title>Categories on Privacynerd's blog</title>
|
||||||
|
<link>https://blog.privacynerd.de/de/categories/</link>
|
||||||
|
<description>Recent content in Categories on Privacynerd's blog</description>
|
||||||
|
<generator>Hugo</generator>
|
||||||
|
<language>de</language>
|
||||||
|
<atom:link href="https://blog.privacynerd.de/de/categories/index.xml" rel="self" type="application/rss+xml" />
|
||||||
|
</channel>
|
||||||
|
</rss>
|
||||||
|
|||||||
@@ -1,7 +1,388 @@
|
|||||||
<!doctype html><html lang=de><head><meta name=generator content="Hugo 0.145.0"><title>Privacynerd's blog</title>
|
<!DOCTYPE html>
|
||||||
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="Blog von privacynerd"><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/de/><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="Privacynerd's blog"><meta property="og:description" content="Blog von privacynerd"><meta property="og:url" content="https://blog.privacynerd.de/de/"><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/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>Menu ▾</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=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></li></ul></li></ul><ul class="menu menu--desktop menu--language-selector"><li class=menu__trigger>Deutsch ▾</li><li><ul class=menu__dropdown><li><a href=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></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="index-content framed"><h1 id=heda->Heda! 👋</h1><p>Mein Name ist BlueFox. Willkommen auf diesem Blog, der zwar aktuell noch im Aufbau ist. Aber schau dich ruhig um!</p></div><div class=posts><article class="post on-list"><h2 class=post-title><a href=https://blog.privacynerd.de/de/posts/showcase-code/>Varianten von Code-Blöcken</a></h2><div class=post-meta><time class=post-date>2025-04-09</time><span class=post-author>Radek</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/de/tags/programming/>programming</a>
|
<html lang="de">
|
||||||
#<a href=https://blog.privacynerd.de/de/tags/code/>code</a> </span><div class=post-content><p>Beispielartikel, der die beliebtesten Programmiersprachen zeigt.</p></div><div><a class="read-more button inline" href=/de/posts/showcase-code/>[Mehr lesen]</a></div></article><article class="post on-list"><h2 class=post-title><a href=https://blog.privacynerd.de/de/posts/showcase/>Beispielvorführung</a></h2><div class=post-meta><time class=post-date>2025-04-09</time><span class=post-author>Hugo Autoren & Radek</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/de/tags/showcase/>showcase</a>
|
<head>
|
||||||
#<a href=https://blog.privacynerd.de/de/tags/markdown/>markdown</a>
|
<meta name="generator" content="Hugo 0.145.0">
|
||||||
#<a href=https://blog.privacynerd.de/de/tags/styling/>styling</a> </span><div class=post-content><p>Beispielartikel, der grundlegendes Styling und Formatierungen für HTML-Elemente zeigt.</p></div><div><a class="read-more button inline" href=/de/posts/showcase/>[Mehr lesen]</a></div></article><article class="post on-list"><h2 class=post-title><a href=https://blog.privacynerd.de/de/posts/random-story/>Eine beliebige Geschichte</a></h2><div class=post-meta><time class=post-date>2025-04-08</time></div><span class=post-tags>#<a href=https://blog.privacynerd.de/de/tags/story/>story</a>
|
|
||||||
#<a href=https://blog.privacynerd.de/de/tags/ai/>ai</a> </span><div class=post-content><p>Kleine Geschichte von ChatGPT, um die Lesezeiten einzustellen.</p></div><div><a class="read-more button inline" href=/de/posts/random-story/>[Mehr lesen]</a></div></article><article class="post on-list"><h2 class=post-title><a href=https://blog.privacynerd.de/de/posts/one-word/>Ein Wort!</a></h2><div class=post-meta><time class=post-date>2025-04-05</time></div><div class=post-content><h1 id=nureinwort>Nureinwort</h1></div><div><a class="read-more button inline" href=/de/posts/one-word/>[Mehr lesen]</a></div></article><article class="post on-list"><h2 class=post-title><a href=https://blog.privacynerd.de/de/posts/test-post/>Deutscher Test Post</a></h2><div class=post-meta><time class=post-date>2025-04-05</time></div><div class=post-content><h1 id=test-post-in-german>Test Post in German</h1><h2 id=lorem-ipsum>Lorem ipsum</h2><h3 id=dolor-sit-amet>dolor sit amet</h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur. Quod idem licet transferre in voluptatem, ut postea variari voluptas distinguique possit, augeri amplificarique non possit. At etiam Athenis, ut e.</p></div><div><a class="read-more button inline" href=/de/posts/test-post/>[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>
|
<title>Privacynerd's blog</title>
|
||||||
<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></span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html>
|
|
||||||
|
<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="Blog von privacynerd" />
|
||||||
|
<meta name="keywords" content="" />
|
||||||
|
|
||||||
|
<meta name="robots" content="noodp" />
|
||||||
|
|
||||||
|
<link rel="canonical" href="https://blog.privacynerd.de/de/" />
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<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="Privacynerd's blog">
|
||||||
|
<meta property="og:description" content="Blog von privacynerd" />
|
||||||
|
<meta property="og:url" content="https://blog.privacynerd.de/de/" />
|
||||||
|
<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">
|
||||||
|
|
||||||
|
|
||||||
|
<meta property="article:published_time" content="2025-04-13 12:54:00 +0200 CEST" />
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<link href="/de/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/">English</a>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<b>
|
||||||
|
<a href="/de/">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/">English</a>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<b>
|
||||||
|
<a href="/de/">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="index-content framed">
|
||||||
|
<h1 id="ich-grüße-sie-">Ich grüße Sie! 👋</h1>
|
||||||
|
<p>Mein Name ist Benjamin, und ich bin hauptsächlich als <em>BlueFox</em> bekannt.</p>
|
||||||
|
<p>Willkommen in diesem Blog! Ich liebe es, an Elektronik herumzubasteln, Sachen in 3D zu drucken und mit Holz zu arbeiten, aber ich <code>programmiere</code> auch ein bisschen und bin ein begeisterter Selbsthoster. Hier poste ich hin und wieder, was ich so anstelle.</p>
|
||||||
|
<p><strong>Schau dich doch einfach mal um!</strong></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="posts">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<article class="post on-list">
|
||||||
|
<h2 class="post-title">
|
||||||
|
<a href="https://blog.privacynerd.de/de/posts/diy-uv-pcb-exposure-unit/">UV-Belichter (LED) aus Marke Eigenbau</a>
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<div class="post-meta"><time class="post-date">2025-04-14</time></div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<img src="/en/posts/diy-uv-pcb-exposure-unit/cover.jpg"
|
||||||
|
class="post-cover"
|
||||||
|
alt="UV-Belichter (LED) aus Marke Eigenbau"
|
||||||
|
title="Cover Image" />
|
||||||
|
|
||||||
|
|
||||||
|
<div class="post-content">
|
||||||
|
|
||||||
|
<p>Ist man eine gewisse Zeit lang in der (Elektronik-)DIY-Szene unterwegs, kommt man irgendwann auch um Platinen (gedruckte Leiterplatten/PCBs) nicht herum. Vorteile gegenüber dem manuellen Löten von Schaltungen auf Loch- bzw. Streifenrasterplatinen sind vor allem die einfachere Replizierbarkeit (einmal designed kann man eine Schaltung theoretisch beliebig oft herstellen) und die Möglichkeit, Platz effizienter zu nutzen (eine Platine ist fast immer kleiner als eine gelötete Lochrasterplatine mit der selben Schaltung). Letzendlich wirken Geräte mit Platinen aber auch schlicht professioneller. Sicherlich gibt es noch mehr Vorteile (und natürlich auch Nachteile!), auf deren Auflistung ich hier allerdings aus Gründen der Einfachheit verzichte.</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<a class="read-more button inline" href="/de/posts/diy-uv-pcb-exposure-unit/">[Mehr lesen]</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<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="/en/posts/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%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>
|
||||||
|
|||||||
@@ -1,245 +1,33 @@
|
|||||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Privacynerd's blog</title><link>https://blog.privacynerd.de/de/</link><description>Recent content on Privacynerd's blog</description><generator>Hugo</generator><language>de</language><lastBuildDate>Wed, 09 Apr 2025 07:17:39 +0200</lastBuildDate><atom:link href="https://blog.privacynerd.de/de/index.xml" rel="self" type="application/rss+xml"/><item><title>Varianten von Code-Blöcken</title><link>https://blog.privacynerd.de/de/posts/showcase-code/</link><pubDate>Wed, 09 Apr 2025 07:17:39 +0200</pubDate><guid>https://blog.privacynerd.de/de/posts/showcase-code/</guid><description><p>Seit v4.2.0 verwendet das Terminal-Theme Chroma als Syntax-Highlighter. Wie die Hugo-Dokumentation angibt: &ldquo;Es ist in Go geschrieben und ist wirklich, wirklich schnell.&rdquo;</p>
|
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||||
<p>Im Folgenden sehen Sie viele grundlegende Präsentationen der Code-Blöcke, die je nach Bedarf verwendet werden können. Außer dem Beispiel des <code>{{ &lt; code &gt; }}</code> Shortcodes werden alle anderen Blöcke basierend auf der Konfiguration erzeugt, die Sie in der <a href="https://gohugo.io/content-management/syntax-highlighting/">offiziellen Hugo-Dokumentation</a> nachlesen können.</p>
|
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||||
<hr>
|
<channel>
|
||||||
<h2 id="beispiele">Beispiele:</h2>
|
<title>Privacynerd's blog</title>
|
||||||
<h3 id="roh-block-ohne-spezifizierte-sprache-und-ohne-syntaxhervorhebung">Roh-Block ohne spezifizierte Sprache (und ohne Syntaxhervorhebung)</h3>
|
<link>https://blog.privacynerd.de/de/</link>
|
||||||
<pre tabindex="0"><code>&lt;!doctype html&gt;
|
<description>Recent content on Privacynerd's blog</description>
|
||||||
&lt;html lang=&#34;en&#34;&gt;
|
<generator>Hugo</generator>
|
||||||
&lt;head&gt;
|
<language>de</language>
|
||||||
&lt;meta charset=&#34;utf-8&#34; /&gt;
|
<lastBuildDate>Mon, 14 Apr 2025 08:11:20 +0200</lastBuildDate>
|
||||||
&lt;title&gt;Beispiel HTML5-Dokument&lt;/title&gt;
|
<atom:link href="https://blog.privacynerd.de/de/index.xml" rel="self" type="application/rss+xml" />
|
||||||
&lt;/head&gt;
|
<item>
|
||||||
&lt;body&gt;
|
<title>UV-Belichter (LED) aus Marke Eigenbau</title>
|
||||||
&lt;p&gt;Test&lt;/p&gt;
|
<link>https://blog.privacynerd.de/de/posts/diy-uv-pcb-exposure-unit/</link>
|
||||||
&lt;/body&gt;
|
<pubDate>Mon, 14 Apr 2025 08:11:20 +0200</pubDate>
|
||||||
&lt;/html&gt;
|
<guid>https://blog.privacynerd.de/de/posts/diy-uv-pcb-exposure-unit/</guid>
|
||||||
</code></pre><h3 id="mit-spezifizierter-sprache">Mit spezifizierter Sprache</h3>
|
<description><p>Ist man eine gewisse Zeit lang in der (Elektronik-)DIY-Szene unterwegs, kommt man irgendwann auch um Platinen (gedruckte Leiterplatten/PCBs) nicht herum. Vorteile gegenüber dem manuellen Löten von Schaltungen auf Loch- bzw. Streifenrasterplatinen sind vor allem die einfachere Replizierbarkeit (einmal designed kann man eine Schaltung theoretisch beliebig oft herstellen) und die Möglichkeit, Platz effizienter zu nutzen (eine Platine ist fast immer kleiner als eine gelötete Lochrasterplatine mit der selben Schaltung). Letzendlich wirken Geräte mit Platinen aber auch schlicht professioneller. Sicherlich gibt es noch mehr Vorteile (und natürlich auch Nachteile!), auf deren Auflistung ich hier allerdings aus Gründen der Einfachheit verzichte.</p></description>
|
||||||
<h4 id="zeilenhervorhebung">Zeilenhervorhebung</h4>
|
</item>
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp">&lt;!doctype html&gt;</span>
|
<item>
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span>
|
<title>Wie es alles anfing - oder: der erste Post!</title>
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
|
<link>https://blog.privacynerd.de/de/posts/how-it-all-began/</link>
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span> <span class="p">/&gt;</span>
|
<pubDate>Sun, 13 Apr 2025 15:10:20 +0200</pubDate>
|
||||||
</span></span><span class="line hl"><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Beispiel HTML5-Dokument<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
|
<guid>https://blog.privacynerd.de/de/posts/how-it-all-began/</guid>
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
|
<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>
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
|
</item>
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
|
<item>
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
|
<title>Über</title>
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span>
|
<link>https://blog.privacynerd.de/de/about/</link>
|
||||||
</span></span></code></pre></div><h4 id="zeilenhervorhebung--tabellenzeilennummern">Zeilenhervorhebung / Tabellenzeilennummern</h4>
|
<pubDate>Sun, 13 Apr 2025 13:02:20 +0200</pubDate>
|
||||||
<div class="highlight"><div class="chroma">
|
<guid>https://blog.privacynerd.de/de/about/</guid>
|
||||||
<table class="lntable"><tr><td class="lntd">
|
<description><h2 id="intention">Worum es hier gehen soll</h2>
<p>Also, mein Name ist Benjamin, und ich bin meistens als BlueFox bekannt. Ich liebe es, an Elektronik herumzubasteln, Sachen in 3D zu drucken und mit Holz zu arbeiten, aber ich programmiere auch ein bisschen und bin ein begeisterter Selbsthoster.</p>
<p>Dies ist mein persönlicher Blog (den ich in meiner Freizeit betreibe, all das ist nur ein Hobby), in dem ich über alle möglichen Dinge schreibe, die ich DIY-mäßig mache. Dazu gehören:</p></description>
|
||||||
<pre tabindex="0" class="chroma"><code><span class="lnt"> 1
|
</item>
|
||||||
</span><span class="lnt"> 2
|
</channel>
|
||||||
</span><span class="lnt"> 3
|
</rss>
|
||||||
</span><span class="lnt"> 4
|
|
||||||
</span><span class="hl"><span class="lnt"> 5
|
|
||||||
</span></span><span class="lnt"> 6
|
|
||||||
</span><span class="lnt"> 7
|
|
||||||
</span><span class="lnt"> 8
|
|
||||||
</span><span class="lnt"> 9
|
|
||||||
</span><span class="lnt">10
|
|
||||||
</span></code></pre></td>
|
|
||||||
<td class="lntd">
|
|
||||||
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp">&lt;!doctype html&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span> <span class="p">/&gt;</span>
|
|
||||||
</span></span><span class="line hl"><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Beispiel HTML5-Dokument<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span>
|
|
||||||
</span></span></code></pre></td></tr></table>
|
|
||||||
</div>
|
|
||||||
</div><h4 id="zeilenhervorhebung--inline-zeilennummern">Zeilenhervorhebung / Inline-Zeilennummern</h4>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="ln"> 1</span><span class="cl"><span class="cp">&lt;!doctype html&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 2</span><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 3</span><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 4</span><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span> <span class="p">/&gt;</span>
|
|
||||||
</span></span><span class="line hl"><span class="ln"> 5</span><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Beispiel HTML5-Dokument<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 6</span><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 7</span><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 8</span><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 9</span><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln">10</span><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span>
|
|
||||||
</span></span></code></pre></div><h4 id="hugos-interner---highlight---shortcode">Hugos interner <code>{{ &lt; highlight &gt; }}</code> Shortcode</h4>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp">&lt;!doctype html&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Beispiel HTML5-Dokument<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span></span></span></code></pre></div>
|
|
||||||
<h4 id="benutzerdefinierter-eingebauter---code---shortcode">Benutzerdefinierter eingebauter <code>{{ &lt; code &gt; }}</code> Shortcode</h4>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<details class="collapsable-code" open>
|
|
||||||
<summary title="Click to interact"><span class="collapsable-code__title">Hey, dies ist der Titel eines Code-Blocks</span></summary>
|
|
||||||
<div class="highlight"><div class="chroma">
|
|
||||||
<table class="lntable"><tr><td class="lntd">
|
|
||||||
<pre tabindex="0" class="chroma"><code><span class="lnt"> 1
|
|
||||||
</span><span class="lnt"> 2
|
|
||||||
</span><span class="lnt"> 3
|
|
||||||
</span><span class="lnt"> 4
|
|
||||||
</span><span class="lnt"> 5
|
|
||||||
</span><span class="lnt"> 6
|
|
||||||
</span><span class="lnt"> 7
|
|
||||||
</span><span class="lnt"> 8
|
|
||||||
</span><span class="lnt"> 9
|
|
||||||
</span><span class="lnt">10
|
|
||||||
</span></code></pre></td>
|
|
||||||
<td class="lntd">
|
|
||||||
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp">&lt;!doctype html&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span> <span class="p">/&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Beispiel HTML5-Dokument<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table>
|
|
||||||
</div>
|
|
||||||
</div></details>
|
|
||||||
|
|
||||||
<h2 id="programmiersprachen">Programmiersprachen:</h2>
|
|
||||||
<h3 id="a">A</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-abap" data-lang="abap"><span class="line"><span class="cl"><span class="k">WRITE</span> <span class="s1">&#39;Hello, World!&#39;</span><span class="p">.</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-actionscript" data-lang="actionscript"><span class="line"><span class="cl"><span class="kd">package</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="kd">public</span> <span class="kd">class</span> <span class="nx">HelloWorld</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="kd">public</span> <span class="kd">static</span> <span class="kd">function</span> <span class="nx">main</span><span class="p">()</span><span class="o">:</span><span class="nx">void</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="nf">trace</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-ada" data-lang="ada"><span class="line"><span class="cl"><span class="kn">with</span> <span class="nn">Ada.Text_IO</span><span class="p">;</span> <span class="kn">use</span> <span class="nn">Ada.Text_IO</span><span class="p">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="kd">procedure</span> <span class="nf">Hello</span> <span class="kr">is</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="kr">begin</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">Put_Line</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="kr">end</span> <span class="nf">Hello</span><span class="p">;</span>
|
|
||||||
</span></span></code></pre></div><h3 id="b">B</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello, World!&#34;</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-brainfuck" data-lang="brainfuck"><span class="line"><span class="cl"><span class="nb">+</span><span class="k">[</span><span class="nb">-----</span><span class="nv">&gt;</span><span class="nb">+++</span><span class="nv">&lt;</span><span class="k">]</span><span class="nv">&gt;</span><span class="nt">.</span><span class="nb">++++++++++++</span><span class="nt">..</span><span class="nb">+++</span><span class="nt">.</span><span class="nv">&gt;</span><span class="nb">++++++</span><span class="k">[</span><span class="nb">-</span><span class="nv">&gt;</span><span class="nb">+++++++</span><span class="nv">&lt;</span><span class="k">]</span><span class="nv">&gt;</span><span class="nb">+</span><span class="nt">.</span><span class="nb">------------</span><span class="nt">.</span><span class="nb">---</span><span class="nt">.</span><span class="nb">+++++</span><span class="nt">.</span><span class="c">
|
|
||||||
</span></span></span></code></pre></div><h3 id="c">C</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-c" data-lang="c"><span class="line"><span class="cl"><span class="cp">#include</span> <span class="cpf">&lt;stdio.h&gt;</span><span class="cp">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="cp"></span><span class="kt">int</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="nf">printf</span><span class="p">(</span><span class="s">&#34;Hello, World!</span><span class="se">\n</span><span class="s">&#34;</span><span class="p">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="mi">0</span><span class="p">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-csharp" data-lang="csharp"><span class="line"><span class="cl"><span class="k">using</span> <span class="nn">System</span><span class="p">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="k">class</span> <span class="nc">Program</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="kd">static</span> <span class="k">void</span> <span class="n">Main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">Console</span><span class="p">.</span><span class="n">WriteLine</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-c++" data-lang="c++"><span class="line"><span class="cl"><span class="cp">#include</span> <span class="cpf">&lt;iostream&gt;</span><span class="cp">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="cp"></span><span class="kt">int</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">std</span><span class="o">::</span><span class="n">cout</span> <span class="o">&lt;&lt;</span> <span class="s">&#34;Hello, World!&#34;</span> <span class="o">&lt;&lt;</span> <span class="n">std</span><span class="o">::</span><span class="n">endl</span><span class="p">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="mi">0</span><span class="p">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="d">D</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-d" data-lang="d"><span class="line"><span class="cl"><span class="kn">import</span> <span class="nn">std.stdio</span><span class="o">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="kt">void</span> <span class="nf">main</span><span class="o">()</span> <span class="o">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">writeln</span><span class="o">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="o">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="o">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="e">E</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-elixir" data-lang="elixir"><span class="line"><span class="cl"><span class="nc">IO</span><span class="o">.</span><span class="n">puts</span> <span class="s2">&#34;Hello, World!&#34;</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-erlang" data-lang="erlang"><span class="line"><span class="cl"><span class="p">-</span><span class="ni">module</span><span class="p">(</span><span class="n">hello</span><span class="p">).</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">-</span><span class="ni">export</span><span class="p">([</span><span class="n">world</span><span class="o">/</span><span class="mi">0</span><span class="p">]).</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="nf">world</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="nn">io</span><span class="p">:</span><span class="nf">format</span><span class="p">(</span><span class="s">&#34;Hello, World!</span><span class="si">~n</span><span class="s">&#34;</span><span class="p">).</span>
|
|
||||||
</span></span></code></pre></div><h3 id="f">F</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-fsharp" data-lang="fsharp"><span class="line"><span class="cl"><span class="n">printfn</span> <span class="s">&#34;Hello, World!&#34;</span>
|
|
||||||
</span></span></code></pre></div><h3 id="g">G</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="kn">package</span> <span class="nx">main</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="kn">import</span> <span class="s">&#34;fmt&#34;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="kd">func</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="nx">fmt</span><span class="p">.</span><span class="nf">Println</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">)</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="h">H</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-haskell" data-lang="haskell"><span class="line"><span class="cl"><span class="nf">main</span> <span class="ow">=</span> <span class="n">putStrLn</span> <span class="s">&#34;Hello, World!&#34;</span>
|
|
||||||
</span></span></code></pre></div><h3 id="j">J</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-js" data-lang="js"><span class="line"><span class="cl"><span class="kd">var</span> <span class="nx">x</span><span class="p">,</span> <span class="nx">y</span><span class="p">,</span> <span class="nx">z</span><span class="p">;</span> <span class="c1">// Declare 3 variables
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="nx">x</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span> <span class="c1">// Assign the value 5 to x
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="nx">y</span> <span class="o">=</span> <span class="mi">6</span><span class="p">;</span> <span class="c1">// Assign the value 6 to y
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="nx">z</span> <span class="o">=</span> <span class="nx">x</span> <span class="o">+</span> <span class="nx">y</span><span class="p">;</span> <span class="c1">// Assign the sum of x and y to z
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s2">&#34;demo&#34;</span><span class="p">).</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="s2">&#34;The value of z is &#34;</span> <span class="o">+</span> <span class="nx">z</span> <span class="o">+</span> <span class="s2">&#34;.&#34;</span><span class="p">;</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-jsx" data-lang="jsx"><span class="line"><span class="cl"><span class="kd">function</span> <span class="nx">Video</span><span class="p">({</span> <span class="nx">video</span> <span class="p">})</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="p">(</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">div</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">Thumbnail</span> <span class="na">video</span><span class="o">=</span><span class="p">{</span><span class="nx">video</span><span class="p">}</span> <span class="p">/&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="p">{</span><span class="nx">video</span><span class="p">.</span><span class="nx">url</span><span class="p">}&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">h3</span><span class="p">&gt;{</span><span class="nx">video</span><span class="p">.</span><span class="nx">title</span><span class="p">}&lt;/</span><span class="nt">h3</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;{</span><span class="nx">video</span><span class="p">.</span><span class="nx">description</span><span class="p">}&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">LikeButton</span> <span class="na">video</span><span class="o">=</span><span class="p">{</span><span class="nx">video</span><span class="p">}</span> <span class="p">/&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">div</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-java" data-lang="java"><span class="line"><span class="cl"><span class="kd">public</span><span class="w"> </span><span class="kd">class</span> <span class="nc">HelloWorld</span><span class="w"> </span><span class="p">{</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="kd">public</span><span class="w"> </span><span class="kd">static</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">main</span><span class="p">(</span><span class="n">String</span><span class="o">[]</span><span class="w"> </span><span class="n">args</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="n">System</span><span class="p">.</span><span class="na">out</span><span class="p">.</span><span class="na">println</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">);</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="p">}</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="p">}</span><span class="w">
|
|
||||||
</span></span></span></code></pre></div><h3 id="k">K</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-kotlin" data-lang="kotlin"><span class="line"><span class="cl"><span class="k">fun</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">println</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">)</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="l">L</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-lua" data-lang="lua"><span class="line"><span class="cl"><span class="n">print</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">)</span>
|
|
||||||
</span></span></code></pre></div><h3 id="m">M</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-matlab" data-lang="matlab"><span class="line"><span class="cl"><span class="nb">disp</span><span class="p">(</span><span class="s">&#39;Hello, World!&#39;</span><span class="p">)</span>
|
|
||||||
</span></span></code></pre></div><h3 id="n">N</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-nim" data-lang="nim"><span class="line"><span class="cl"><span class="n">echo</span> <span class="s">&#34;Hello, World!&#34;</span>
|
|
||||||
</span></span></code></pre></div><h3 id="o">O</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-objectivec" data-lang="objectivec"><span class="line"><span class="cl"><span class="cp">#import &lt;Foundation/Foundation.h&gt;
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="cp"></span><span class="kt">int</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="k">@autoreleasepool</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">NSLog</span><span class="p">(</span><span class="s">@&#34;Hello, World!&#34;</span><span class="p">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="mi">0</span><span class="p">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="p">P</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-perl" data-lang="perl"><span class="line"><span class="cl"><span class="k">print</span><span class="p">(</span><span class="s">&#34;Hello, World!\n&#34;</span><span class="p">);</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-php" data-lang="php"><span class="line"><span class="cl"><span class="o">&lt;?</span><span class="nx">php</span> <span class="k">echo</span> <span class="s2">&#34;Hello, World!&#34;</span><span class="p">;</span> <span class="cp">?&gt;</span><span class="err">
|
|
||||||
</span></span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">)</span>
|
|
||||||
</span></span></code></pre></div><h3 id="r">R</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-r" data-lang="r"><span class="line"><span class="cl"><span class="nf">cat</span><span class="p">(</span><span class="s">&#34;Hello, World!\n&#34;</span><span class="p">)</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-ruby" data-lang="ruby"><span class="line"><span class="cl"><span class="nb">puts</span> <span class="s2">&#34;Hello, World!&#34;</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-rust" data-lang="rust"><span class="line"><span class="cl"><span class="k">fn</span> <span class="nf">main</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="fm">println!</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">);</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="p">}</span><span class="w">
|
|
||||||
</span></span></span></code></pre></div><h3 id="s">S</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-scala" data-lang="scala"><span class="line"><span class="cl"><span class="k">object</span> <span class="nc">HelloWorld</span> <span class="k">extends</span> <span class="nc">App</span> <span class="o">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">println</span><span class="o">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="o">)</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="o">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="t">T</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-typescript" data-lang="typescript"><span class="line"><span class="cl"><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">);</span>
|
|
||||||
</span></span></code></pre></div><h3 id="v">V</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-vlang" data-lang="vlang"><span class="line"><span class="cl"><span class="kd">fn</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="nb">println</span><span class="p">(</span><span class="s1">&#39;Hello, World!&#39;</span><span class="p">)</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="z">Z</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-zig" data-lang="zig"><span class="line"><span class="cl"><span class="kr">const</span><span class="w"> </span><span class="n">std</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">@import</span><span class="p">(</span><span class="s">&#34;std&#34;</span><span class="p">);</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="kr">pub</span><span class="w"> </span><span class="k">fn</span><span class="w"> </span><span class="n">main</span><span class="p">()</span><span class="w"> </span><span class="o">!</span><span class="kt">void</span><span class="w"> </span><span class="p">{</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="n">std</span><span class="p">.</span><span class="n">debug</span><span class="p">.</span><span class="n">print</span><span class="p">(</span><span class="s">&#34;Hello, World!</span><span class="se">\n</span><span class="s">&#34;</span><span class="p">,</span><span class="w"> </span><span class="p">.{});</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="p">}</span><span class="w">
|
|
||||||
</span></span></span></code></pre></div></description></item><item><title>Beispielvorführung</title><link>https://blog.privacynerd.de/de/posts/showcase/</link><pubDate>Wed, 09 Apr 2025 07:01:12 +0200</pubDate><guid>https://blog.privacynerd.de/de/posts/showcase/</guid><description><p>Dieser Artikel bietet ein Beispiel für grundlegende Markdown-Syntax, die in Hugo-Inhaltsdateien verwendet werden kann. Er zeigt auch, ob grundlegende HTML-Elemente mit CSS in einem Hugo-Theme dekoriert sind.</p></description></item><item><title>Eine beliebige Geschichte</title><link>https://blog.privacynerd.de/de/posts/random-story/</link><pubDate>Tue, 08 Apr 2025 17:55:25 +0200</pubDate><guid>https://blog.privacynerd.de/de/posts/random-story/</guid><description><p>Dies ist eine beliebige Story, die von ChatGPT zum Testen und Einstellen der Lesezeit auf diesem Blog generiert wurde.</p>
|
|
||||||
<h2 id="prompt">Prompt</h2>
|
|
||||||
<p>Erzähle eine Geschichte mit ca. 200 Wörtern.</p>
|
|
||||||
<h2 id="antwort">Antwort</h2>
|
|
||||||
<p>Es war einmal in einem kleinen Dorf, umgeben von dichten Wäldern und sanften Hügeln. Dort lebte ein neugieriger Junge namens Leo, der von Abenteuern träumte. Eines Tages entdeckte er beim Spielen am Fluss einen geheimnisvollen, glitzernden Stein. Als er ihn aufhob, begann der Stein zu leuchten und eine sanfte Stimme flüsterte: „Folge dem Licht, und du wirst das Unbekannte entdecken.“
|
|
||||||
Neugierig und aufgeregt folgte Leo dem strahlenden Licht, das ihn tief in den Wald führte. Nach einer Weile erreichte er eine versteckte Lichtung, auf der ein wunderschöner, schimmernder Baum stand. Die Blätter funkelten wie Diamanten, und in der Mitte des Baumes hockte ein kleiner, freundlicher Drache namens Fuego.
|
|
||||||
Fuego erzählte Leo von einem magischen Reich, das nur durch Mut und Freundschaft betreten werden konnte. Gemeinsam erlebten sie aufregende Abenteuer, kämpften gegen Schattenwesen und halfen den Waldbewohnern. Leo lernte, dass wahre Stärke im Herzen liegt und dass Freundschaft die größte Magie von allen ist.
|
|
||||||
Als Leo schließlich nach Hause zurückkehrte, wusste er, dass er nie wieder der gleiche Junge sein würde. Der glitzernde Stein blieb bei ihm, ein ständiger Erinnerungsanker an seine unvergesslichen Abenteuer.</p></description></item><item><title>Ein Wort!</title><link>https://blog.privacynerd.de/de/posts/one-word/</link><pubDate>Sat, 05 Apr 2025 22:48:12 +0200</pubDate><guid>https://blog.privacynerd.de/de/posts/one-word/</guid><description><h1 id="nureinwort">Nureinwort</h1></description></item><item><title>Deutscher Test Post</title><link>https://blog.privacynerd.de/de/posts/test-post/</link><pubDate>Sat, 05 Apr 2025 20:14:29 +0200</pubDate><guid>https://blog.privacynerd.de/de/posts/test-post/</guid><description><h1 id="test-post-in-german">Test Post in German</h1>
|
|
||||||
<h2 id="lorem-ipsum">Lorem ipsum</h2>
|
|
||||||
<h3 id="dolor-sit-amet">dolor sit amet</h3>
|
|
||||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur. Quod idem licet transferre in voluptatem, ut postea variari voluptas distinguique possit, augeri amplificarique non possit. At etiam Athenis, ut e.</p></description></item><item><title>Über</title><link>https://blog.privacynerd.de/de/about/</link><pubDate>Sat, 05 Apr 2025 20:14:29 +0200</pubDate><guid>https://blog.privacynerd.de/de/about/</guid><description><h1 id="hallo-in-a-new-age">Hallo in a new age</h1>
|
|
||||||
<p>You can call me Mirus and I forked the original Terminal theme for Hugo, because Radek, the original creator of the theme stop the maintenance and archived the repo.</p>
|
|
||||||
<p>So I already pushed a few improvements that I did for my humble blog and I&rsquo;m going to add some more features in the future, also any contribution is welcome</p>
|
|
||||||
<p>Below you can read the original about from Radek</p></description></item></channel></rss>
|
|
||||||
|
|||||||
@@ -1,2 +1,10 @@
|
|||||||
<!doctype html><html lang=de><head><title>https://blog.privacynerd.de/de/</title>
|
<!DOCTYPE html>
|
||||||
<link rel=canonical href=https://blog.privacynerd.de/de/><meta name=robots content="noindex"><meta charset=utf-8><meta http-equiv=refresh content="0; url=https://blog.privacynerd.de/de/"></head></html>
|
<html lang="de">
|
||||||
|
<head>
|
||||||
|
<title>https://blog.privacynerd.de/de/</title>
|
||||||
|
<link rel="canonical" href="https://blog.privacynerd.de/de/">
|
||||||
|
<meta name="robots" content="noindex">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="refresh" content="0; url=https://blog.privacynerd.de/de/">
|
||||||
|
</head>
|
||||||
|
</html>
|
||||||
|
|||||||
435
public/de/posts/diy-uv-pcb-exposure-unit/index.html
Normal file
435
public/de/posts/diy-uv-pcb-exposure-unit/index.html
Normal file
@@ -0,0 +1,435 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<title>UV-Belichter (LED) aus Marke Eigenbau :: 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="Ist man eine gewisse Zeit lang in der (Elektronik-)DIY-Szene unterwegs, kommt man irgendwann auch um Platinen (gedruckte Leiterplatten/PCBs) nicht herum. Vorteile gegenüber dem manuellen Löten von Schaltungen auf Loch- bzw. Streifenrasterplatinen sind vor allem die einfachere Replizierbarkeit (einmal designed kann man eine Schaltung theoretisch beliebig oft herstellen) und die Möglichkeit, Platz effizienter zu nutzen (eine Platine ist fast immer kleiner als eine gelötete Lochrasterplatine mit der selben Schaltung). Letzendlich wirken Geräte mit Platinen aber auch schlicht professioneller. Sicherlich gibt es noch mehr Vorteile (und natürlich auch Nachteile!), auf deren Auflistung ich hier allerdings aus Gründen der Einfachheit verzichte.
|
||||||
|
" />
|
||||||
|
<meta name="keywords" content="" />
|
||||||
|
|
||||||
|
<meta name="robots" content="noodp" />
|
||||||
|
|
||||||
|
<link rel="canonical" href="https://blog.privacynerd.de/de/posts/diy-uv-pcb-exposure-unit/" />
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<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="UV-Belichter (LED) aus Marke Eigenbau">
|
||||||
|
<meta property="og:description" content="Ist man eine gewisse Zeit lang in der (Elektronik-)DIY-Szene unterwegs, kommt man irgendwann auch um Platinen (gedruckte Leiterplatten/PCBs) nicht herum. Vorteile gegenüber dem manuellen Löten von Schaltungen auf Loch- bzw. Streifenrasterplatinen sind vor allem die einfachere Replizierbarkeit (einmal designed kann man eine Schaltung theoretisch beliebig oft herstellen) und die Möglichkeit, Platz effizienter zu nutzen (eine Platine ist fast immer kleiner als eine gelötete Lochrasterplatine mit der selben Schaltung). Letzendlich wirken Geräte mit Platinen aber auch schlicht professioneller. Sicherlich gibt es noch mehr Vorteile (und natürlich auch Nachteile!), auf deren Auflistung ich hier allerdings aus Gründen der Einfachheit verzichte.
|
||||||
|
" />
|
||||||
|
<meta property="og:url" content="https://blog.privacynerd.de/de/posts/diy-uv-pcb-exposure-unit/" />
|
||||||
|
<meta property="og:site_name" content="Privacynerd's blog" />
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<meta property="og:image" content="https://blog.privacynerd.de/en/posts/diy-uv-pcb-exposure-unit/cover.jpg">
|
||||||
|
|
||||||
|
<meta property="og:image:width" content="1200">
|
||||||
|
<meta property="og:image:height" content="627">
|
||||||
|
|
||||||
|
|
||||||
|
<meta property="article:published_time" content="2025-04-14 08:11: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/diy-uv-pcb-exposure-unit/">English</a>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<b>
|
||||||
|
<a href="/de/posts/diy-uv-pcb-exposure-unit/">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/diy-uv-pcb-exposure-unit/">English</a>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<b>
|
||||||
|
<a href="/de/posts/diy-uv-pcb-exposure-unit/">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/diy-uv-pcb-exposure-unit/">UV-Belichter (LED) aus Marke Eigenbau</a>
|
||||||
|
</h1>
|
||||||
|
<div class="post-meta"><time class="post-date">2025-04-14</time><span class="post-reading-time">10 Minuten Lesezeit (1009 Wörter)</span></div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<img src="/en/posts/diy-uv-pcb-exposure-unit/cover.jpg"
|
||||||
|
class="post-cover"
|
||||||
|
alt="UV-Belichter (LED) aus Marke Eigenbau"
|
||||||
|
title="Cover Image" />
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="table-of-contents">
|
||||||
|
<h2>
|
||||||
|
Inhaltsverzeichnis
|
||||||
|
</h2>
|
||||||
|
<nav id="TableOfContents">
|
||||||
|
<ul>
|
||||||
|
<li><a href="#the-housing">Das Gehäuse</a></li>
|
||||||
|
<li><a href="#the-leds">Die LEDs</a></li>
|
||||||
|
<li><a href="#the-lacquering">Die Lackierung</a></li>
|
||||||
|
<li><a href="#the-control-unit">Die Steuerelektronik</a></li>
|
||||||
|
<li><a href="#exposure-time">Die Praxis - Belichtungszeit</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="post-content"><div>
|
||||||
|
<p>Ist man eine gewisse Zeit lang in der (Elektronik-)DIY-Szene unterwegs, kommt man irgendwann auch um Platinen (gedruckte Leiterplatten/PCBs) nicht herum. Vorteile gegenüber dem manuellen Löten von Schaltungen auf Loch- bzw. Streifenrasterplatinen sind vor allem die einfachere Replizierbarkeit (einmal designed kann man eine Schaltung theoretisch beliebig oft herstellen) und die Möglichkeit, Platz effizienter zu nutzen (eine Platine ist fast immer kleiner als eine gelötete Lochrasterplatine mit der selben Schaltung). Letzendlich wirken Geräte mit Platinen aber auch schlicht professioneller. Sicherlich gibt es noch mehr Vorteile (und natürlich auch Nachteile!), auf deren Auflistung ich hier allerdings aus Gründen der Einfachheit verzichte.</p>
|
||||||
|
<p>Heutzutage kann man (selbst) kreierte Leiterplattendesigns sehr leicht herstellen lassen, bei einschlägigen Angeboten aus China zahlt man für eine einfache Platine mit 2 Seiten nicht mehr als 5€. Im Preis allerdings nicht mit inbegriffen sind die Versandkosten und die Wartezeit, in der man auf seine Platinen warten muss. Wenn man nicht vorhat, mehrere verschiedene Designs im Jahr anzufertigen, oder nur einmalig eine spezielle Platine braucht, ist mit solchen Angeboten gut bedient. Braucht man allerdings des öfteren Spezialanfertigungen, kann es (auch bei den chinesischen Angeboten) schnell lukrativ erscheinen, sich die Fertigung ins Haus zu holen. Letztlich macht es auch einfach Spaß und gibt einem zumindest das Gefühl von ein wenig Unabhängigkeit, seine Platinen selbst herzustellen!</p>
|
||||||
|
<p>Nachdem ich also schon länger von eigens hergestellten Platinen träumte, bin ich nun einen Schritt weiter in die Umsetzung gegangen. Es gibt verschiedene Möglichkeiten, Leiterplatten selbst herzustellen. Die günstigste Methode ist hierbei vermutlich das Belichten eines Platinenrohlings mit photopositiver Beschichtung, und das anschließende Entwickeln und schließlich Ätzen der belichteten Stellen. Das Gerät zum Ätzen selbst zu bauen erschien mir zu heikel, hier entschied ich mich vorerst für ein gebrauchtes <a href="https://gie-tec.de/produkt/aetzgeraete-fuer-platinen/">Ätzgerät 1 von pro-ma</a>, was mit 50€ sehr günstig war. Was man aber sicher selbst bauen kann, ist der <strong>UV-Belichter</strong>. Hier gibt es verschiedene Ansätze, ich möchte hier einfach meinen teilen (siehe z.B. <a href="https://www.all4hardware4u.de/platinenherstellung/belichtung/belichtungsgeraet-mit-uv-leds/">hier</a> oder auch <a href="http://www.fdm-ware.de/UV-Led/">hier</a> für die Modelle, bei denen ich Inspiration gefunden habe)!</p>
|
||||||
|
<p>Jetzt also genug der Vorrede, es folgt das wirklich Wichtige!</p>
|
||||||
|
<h2 id="the-housing">Das Gehäuse<a href="#the-housing" class="hanchor" ariaLabel="Anchor">#</a> </h2>
|
||||||
|
<p>Als Gehäuse habe ich einen einfachen Quader aus MDF-Platten mit einem zusätzlichen kleinen Abschnitt vorne gebaut, in dem die
|
||||||
|
Steuerelektronik ihren Platz später finden soll.</p>
|
||||||
|
<figure><img src="/en/posts/diy-uv-pcb-exposure-unit/housing-raw-finished.jpg"
|
||||||
|
alt="Dieses Bild würde das fertige Gehäuse mit Acrylglasscheibe und einigen losen Bauteilen zeigen."><figcaption>
|
||||||
|
<p>Das fertige Gehäuse mit Acrlyglas-Scheibe</p>
|
||||||
|
</figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<p>Damit das UV-Licht an die beschichtete Platine kommen kann, muss die Halterung Transparent sein. Hier tut eine Acrylglas-Scheibe ihre Dienste. Wichtig hierbei: diese <strong>muss</strong> UV-durchlässig ist, was besonders bei Scheiben für den Gartenbereich nicht unbedingt gegeben ist! Baumarkt-Mitarbeiter konnten da in meinem Fall nicht helfen (ist ja auch eine sehr spezielle Anforderung ;), aber dank Internet kann man hier schon mehr ausfindig machen. Manchmal hilft es schon, auf der Webseite des Baumarktes der Wahl nach UV-durchlässigen Acrylglasscheiben nachzusehen.</p>
|
||||||
|
<p>Diese Scheibe muss zu den LEDs einen gewissen Abstand haben, damit sich das Licht der LEDs gleichmäßig verteilen kann. Hier kann man natürlich einen perfekten Abstand ausrechnen - über den Abstrahlwinkel der und den Abstand zwischen den einzelnen LEDs. Ich habe mich hier allerdings für die einfachere (und manchmal sehr ungenaue) Pi-mal-Daumen-Methode entschieden - die aber funktioniert hat.</p>
|
||||||
|
<figure><img src="/en/posts/diy-uv-pcb-exposure-unit/collage-plans.png"
|
||||||
|
alt="Dieses Bild zeigt Skizzen für die einzelnen Seiten des Holzkastens"><figcaption>
|
||||||
|
<p>Pläne des Kastens</p>
|
||||||
|
</figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<h2 id="the-leds">Die LEDs<a href="#the-leds" class="hanchor" ariaLabel="Anchor">#</a> </h2>
|
||||||
|
<p>UV-LEDs bekommt man recht einfach im Elektronik-Versand, ich entschied mich für diesen Eigenbau vorerst für 48 LEDs in 6 Reihen mit je 8 LEDs auf zwei 160x100mm-Lochrasterplatinen (ja, Streifenraster geht auch und wäre einfacher gewesen :). Da UV-LEDs eine Betriebsspannung von etwa 3,0 bis 3,3V haben und ich ein 12V-Netzteil nutzen wollte, braucht man für jede LED einen Widerstand von 470 Ohm, an dem bei 20mA etwa 9V abfallen (für die Berechnung von LED-Vorwiderständen gibt es etliche gute Tutorials im Internet!)</p>
|
||||||
|
<p>Was die Belichtungszeit betrifft, steht weiter unten im Abschnitt <a href="/de/posts/diy-uv-pcb-exposure-unit/#exposure-time">„Die Praxis - Belichtungszeit“</a>.</p>
|
||||||
|
<figure><img src="/en/posts/diy-uv-pcb-exposure-unit/led-distribution.png"
|
||||||
|
alt="Links: Skizze über die Verteilung der LEDs, Rechts: Blick von oben auf die LEDs"><figcaption>
|
||||||
|
<p>li.: Skizze über die Verteilung der LEDs; re.: Blick von oben auf die LEDs</p>
|
||||||
|
</figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<h2 id="the-lacquering">Die Lackierung<a href="#the-lacquering" class="hanchor" ariaLabel="Anchor">#</a> </h2>
|
||||||
|
<p>Als Lackierung für den Belichterraum bot sich Chrom-Effekt-Lack an. Also, alles bis auf den Belichtungsraum abgeklebt (und naürlich auch die LEDs!) und mehrmals, den Angaben auf der Sprühdose entsprechend, lackiert, und über Nacht trocknen lassen.</p>
|
||||||
|
<figure><img src="/en/posts/diy-uv-pcb-exposure-unit/masked_for_painting.jpg"
|
||||||
|
alt="Bild des zur Lackierung abgeklebten Kastens"><figcaption>
|
||||||
|
<p>Kasten ist abgeklebt, gleich wird lackiert!</p>
|
||||||
|
</figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<figure><img src="/en/posts/diy-uv-pcb-exposure-unit/painted_inside.jpg"
|
||||||
|
alt="Bild des innen fertig lackierten Kastens"><figcaption>
|
||||||
|
<p>Es glänzt!</p>
|
||||||
|
</figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<h2 id="the-control-unit">Die Steuerelektronik<a href="#the-control-unit" class="hanchor" ariaLabel="Anchor">#</a> </h2>
|
||||||
|
<p>Hier stand ich vor der Wahl: einen einfachen Schalter verbauen, oder eine komplexere Logik mit Timerfunktion? Die Idee des eingebauten Timers wirkte anziehend - endlich mal wieder was Hardwarenahes programmieren. Also: eine Lochrasterplatine (vielleicht die letzte jemals?!) mit Raspberry Pi Pico, Relais, Anschluss für ein LCD-Display und einige Steuerelemente bestückt, mit meinen schon vorhandenen Libraries ein kleines Interface programmiert und fertig war die Elektronik! Um in das Gehäuse eingebaut zu werden, brauchte es noch eine Blende. Alles hierzu findet sich im dazugehörigen <a href="https://git.privacynerd.de/BlueFox/uv-belichter-software">Git-Repository</a>!</p>
|
||||||
|
<figure><img src="/en/posts/diy-uv-pcb-exposure-unit/controller-on-dividing-wall.jpg"
|
||||||
|
alt="Bild der Steuerplatine"><figcaption>
|
||||||
|
<p>Die Steuerplatine</p>
|
||||||
|
</figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<figure><img src="/en/posts/diy-uv-pcb-exposure-unit/front-panel.jpg"
|
||||||
|
alt="Bild der Blende mit LCD-Displays und Steuerelementen im Betrieb"><figcaption>
|
||||||
|
<p>Blende mit LCD-Displays und Steuerelementen im Betrieb</p>
|
||||||
|
</figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<h2 id="exposure-time">Die Praxis - Belichtungszeit<a href="#exposure-time" class="hanchor" ariaLabel="Anchor">#</a> </h2>
|
||||||
|
<p>Wie schaut’s nun also in der Praxis aus - die entscheidende Frage zum Schluss. Ich möchte dazu sagen, dass es sich hier um meine ersten Erfahrungen mit der manuellen Platinenherstellung handelt. Ich verwendete eine einfache Blinkschaltung (die auch mein erstes vollständig selbst erstelltes Leiterplattendesign war) für die Tests.</p>
|
||||||
|
<figure><img src="/en/posts/diy-uv-pcb-exposure-unit/blinky-test-pcb.png"
|
||||||
|
alt="Seite-zu-Seite-Ansicht des gedruckten Schaltkreises und der Ansicht am Computer mit allen Layern"><figcaption>
|
||||||
|
<p>Das Testobjekt…</p>
|
||||||
|
</figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<p>Also, meine ersten Erfahrungen mit dem selbstgebautem Belichter waren gemischt. Der erste Versuch mit 3 Minuten Belichtungszeit ging etwas schief. Konkret sah man auch nach 10-20 Minuten im Entwickler auf Raumtemperatur keine Konturen, und auch nach 20-30 Minuten Ätzen passierte nichts. Der zweite Versuch war schon vielversprechender, nach 30 min belichten sah man nach ca. 15 min entwickeln erste Konturen, die dann beim Ätzen auch tatsächlich verschwanden. Nach einigen weiteren Versuchen kam ich schließlich auf die Idee, statt mit einer bedruckten Folie, mit zwei übereinander gelegten zu arbeiten, wodurch viel weniger Licht durch die bedruckten Flächen kommt. Die Ergebnisse wurden schlagartig besser, und nach kurzer Zeit hatte die Leiterplatte zur Funktion des Schaltkreises ausreichende Qualität!</p>
|
||||||
|
<figure><img src="/en/posts/diy-uv-pcb-exposure-unit/first-diy-pcbs.jpg"
|
||||||
|
alt="Collage der ersten Herstellungsversuche bis zum ersten funktionstüchtigen Exemplar"><figcaption>
|
||||||
|
<p>…und die Ergebnisse</p>
|
||||||
|
</figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<p>Also: Die Belichtungszeit, bei der sich erfolgreiche Ausführungen ergeben, liegt zwischen 40 und 45 Minuten. Das ist zugegebenermaßen eine recht lange Zeit, für meine ersten Versuche allerdings ausreichend und wenn man den Preis fertiger Belichter bedenkt (der gut mal in die Hunderte gehen kann) mehr als akzeptabel (zusammengerechnet hat der Belichter ca. 30-50€ Materialwert - und der Bau hat viel Spaß gemacht!). Für kürzere Belichtungszeiten überlege ich, nachträglich die LED-Anzahl zu erhöhen. Aber das ist eine Geschichte für ein andermal.</p>
|
||||||
|
|
||||||
|
</div></div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="pagination">
|
||||||
|
<div class="pagination__title">
|
||||||
|
<span class="pagination__title-h">Andere Posts lesen</span>
|
||||||
|
<hr />
|
||||||
|
</div>
|
||||||
|
<div class="pagination__buttons">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a href="https://blog.privacynerd.de/de/posts/how-it-all-began/" class="button inline next">
|
||||||
|
[<span class="button__text">Wie es alles anfing - oder: der erste Post!</span>] >
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</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%2fdiy-uv-pcb-exposure-unit%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>
|
||||||
469
public/de/posts/how-it-all-began/index.html
Normal file
469
public/de/posts/how-it-all-began/index.html
Normal file
@@ -0,0 +1,469 @@
|
|||||||
|
<!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/en/posts/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 (994 Wörter)</span></div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<img src="/en/posts/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="/en/posts/how-it-all-began/esafep.jpg"
|
||||||
|
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="/en/posts/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="/en/posts/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="/en/posts/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="/en/posts/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 von mir,</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>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="pagination">
|
||||||
|
<div class="pagination__title">
|
||||||
|
<span class="pagination__title-h">Andere Posts lesen</span>
|
||||||
|
<hr />
|
||||||
|
</div>
|
||||||
|
<div class="pagination__buttons">
|
||||||
|
|
||||||
|
<a href="https://blog.privacynerd.de/de/posts/diy-uv-pcb-exposure-unit/" class="button inline prev">
|
||||||
|
< [<span class="button__text">UV-Belichter (LED) aus Marke Eigenbau</span>]
|
||||||
|
</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</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>
|
||||||
@@ -1,7 +1,366 @@
|
|||||||
<!doctype html><html lang=de><head><title>Posts :: Privacynerd's blog</title>
|
<!DOCTYPE html>
|
||||||
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><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>Menu ▾</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=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></li></ul></li></ul><ul class="menu menu--desktop menu--language-selector"><li class=menu__trigger>Deutsch ▾</li><li><ul class=menu__dropdown><li><a href=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></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/showcase-code/>Varianten von Code-Blöcken</a></h2><div class=post-meta><time class=post-date>2025-04-09</time><span class=post-author>Radek</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/de/tags/programming/>programming</a>
|
<html lang="de">
|
||||||
#<a href=https://blog.privacynerd.de/de/tags/code/>code</a> </span><div class=post-content><p>Beispielartikel, der die beliebtesten Programmiersprachen zeigt.</p></div><div><a class="read-more button inline" href=/de/posts/showcase-code/>[Mehr lesen]</a></div></article><article class="post on-list"><h2 class=post-title><a href=https://blog.privacynerd.de/de/posts/showcase/>Beispielvorführung</a></h2><div class=post-meta><time class=post-date>2025-04-09</time><span class=post-author>Hugo Autoren & Radek</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/de/tags/showcase/>showcase</a>
|
<head>
|
||||||
#<a href=https://blog.privacynerd.de/de/tags/markdown/>markdown</a>
|
|
||||||
#<a href=https://blog.privacynerd.de/de/tags/styling/>styling</a> </span><div class=post-content><p>Beispielartikel, der grundlegendes Styling und Formatierungen für HTML-Elemente zeigt.</p></div><div><a class="read-more button inline" href=/de/posts/showcase/>[Mehr lesen]</a></div></article><article class="post on-list"><h2 class=post-title><a href=https://blog.privacynerd.de/de/posts/random-story/>Eine beliebige Geschichte</a></h2><div class=post-meta><time class=post-date>2025-04-08</time></div><span class=post-tags>#<a href=https://blog.privacynerd.de/de/tags/story/>story</a>
|
<title>Posts :: Privacynerd's blog</title>
|
||||||
#<a href=https://blog.privacynerd.de/de/tags/ai/>ai</a> </span><div class=post-content><p>Kleine Geschichte von ChatGPT, um die Lesezeiten einzustellen.</p></div><div><a class="read-more button inline" href=/de/posts/random-story/>[Mehr lesen]</a></div></article><article class="post on-list"><h2 class=post-title><a href=https://blog.privacynerd.de/de/posts/one-word/>Ein Wort!</a></h2><div class=post-meta><time class=post-date>2025-04-05</time></div><div class=post-content><h1 id=nureinwort>Nureinwort</h1></div><div><a class="read-more button inline" href=/de/posts/one-word/>[Mehr lesen]</a></div></article><article class="post on-list"><h2 class=post-title><a href=https://blog.privacynerd.de/de/posts/test-post/>Deutscher Test Post</a></h2><div class=post-meta><time class=post-date>2025-04-05</time></div><div class=post-content><h1 id=test-post-in-german>Test Post in German</h1><h2 id=lorem-ipsum>Lorem ipsum</h2><h3 id=dolor-sit-amet>dolor sit amet</h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur. Quod idem licet transferre in voluptatem, ut postea variari voluptas distinguique possit, augeri amplificarique non possit. At etiam Athenis, ut e.</p></div><div><a class="read-more button inline" href=/de/posts/test-post/>[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>:: <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></span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html>
|
<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/diy-uv-pcb-exposure-unit/">UV-Belichter (LED) aus Marke Eigenbau</a>
|
||||||
|
</h2>
|
||||||
|
<div class="post-meta"><time class="post-date">2025-04-14</time></div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<img src="/en/posts/diy-uv-pcb-exposure-unit/cover.jpg"
|
||||||
|
class="post-cover"
|
||||||
|
alt="UV-Belichter (LED) aus Marke Eigenbau"
|
||||||
|
title="Cover Image" />
|
||||||
|
|
||||||
|
|
||||||
|
<div class="post-content">
|
||||||
|
|
||||||
|
<p>Ist man eine gewisse Zeit lang in der (Elektronik-)DIY-Szene unterwegs, kommt man irgendwann auch um Platinen (gedruckte Leiterplatten/PCBs) nicht herum. Vorteile gegenüber dem manuellen Löten von Schaltungen auf Loch- bzw. Streifenrasterplatinen sind vor allem die einfachere Replizierbarkeit (einmal designed kann man eine Schaltung theoretisch beliebig oft herstellen) und die Möglichkeit, Platz effizienter zu nutzen (eine Platine ist fast immer kleiner als eine gelötete Lochrasterplatine mit der selben Schaltung). Letzendlich wirken Geräte mit Platinen aber auch schlicht professioneller. Sicherlich gibt es noch mehr Vorteile (und natürlich auch Nachteile!), auf deren Auflistung ich hier allerdings aus Gründen der Einfachheit verzichte.</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<a class="read-more button inline" href="/de/posts/diy-uv-pcb-exposure-unit/">[Mehr lesen]</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<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="/en/posts/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>
|
||||||
|
|||||||
@@ -1,242 +1,26 @@
|
|||||||
<?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>Wed, 09 Apr 2025 07:17:39 +0200</lastBuildDate><atom:link href="https://blog.privacynerd.de/de/posts/index.xml" rel="self" type="application/rss+xml"/><item><title>Varianten von Code-Blöcken</title><link>https://blog.privacynerd.de/de/posts/showcase-code/</link><pubDate>Wed, 09 Apr 2025 07:17:39 +0200</pubDate><guid>https://blog.privacynerd.de/de/posts/showcase-code/</guid><description><p>Seit v4.2.0 verwendet das Terminal-Theme Chroma als Syntax-Highlighter. Wie die Hugo-Dokumentation angibt: &ldquo;Es ist in Go geschrieben und ist wirklich, wirklich schnell.&rdquo;</p>
|
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||||
<p>Im Folgenden sehen Sie viele grundlegende Präsentationen der Code-Blöcke, die je nach Bedarf verwendet werden können. Außer dem Beispiel des <code>{{ &lt; code &gt; }}</code> Shortcodes werden alle anderen Blöcke basierend auf der Konfiguration erzeugt, die Sie in der <a href="https://gohugo.io/content-management/syntax-highlighting/">offiziellen Hugo-Dokumentation</a> nachlesen können.</p>
|
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||||
<hr>
|
<channel>
|
||||||
<h2 id="beispiele">Beispiele:</h2>
|
<title>Posts on Privacynerd's blog</title>
|
||||||
<h3 id="roh-block-ohne-spezifizierte-sprache-und-ohne-syntaxhervorhebung">Roh-Block ohne spezifizierte Sprache (und ohne Syntaxhervorhebung)</h3>
|
<link>https://blog.privacynerd.de/de/posts/</link>
|
||||||
<pre tabindex="0"><code>&lt;!doctype html&gt;
|
<description>Recent content in Posts on Privacynerd's blog</description>
|
||||||
&lt;html lang=&#34;en&#34;&gt;
|
<generator>Hugo</generator>
|
||||||
&lt;head&gt;
|
<language>de</language>
|
||||||
&lt;meta charset=&#34;utf-8&#34; /&gt;
|
<lastBuildDate>Mon, 14 Apr 2025 08:11:20 +0200</lastBuildDate>
|
||||||
&lt;title&gt;Beispiel HTML5-Dokument&lt;/title&gt;
|
<atom:link href="https://blog.privacynerd.de/de/posts/index.xml" rel="self" type="application/rss+xml" />
|
||||||
&lt;/head&gt;
|
<item>
|
||||||
&lt;body&gt;
|
<title>UV-Belichter (LED) aus Marke Eigenbau</title>
|
||||||
&lt;p&gt;Test&lt;/p&gt;
|
<link>https://blog.privacynerd.de/de/posts/diy-uv-pcb-exposure-unit/</link>
|
||||||
&lt;/body&gt;
|
<pubDate>Mon, 14 Apr 2025 08:11:20 +0200</pubDate>
|
||||||
&lt;/html&gt;
|
<guid>https://blog.privacynerd.de/de/posts/diy-uv-pcb-exposure-unit/</guid>
|
||||||
</code></pre><h3 id="mit-spezifizierter-sprache">Mit spezifizierter Sprache</h3>
|
<description><p>Ist man eine gewisse Zeit lang in der (Elektronik-)DIY-Szene unterwegs, kommt man irgendwann auch um Platinen (gedruckte Leiterplatten/PCBs) nicht herum. Vorteile gegenüber dem manuellen Löten von Schaltungen auf Loch- bzw. Streifenrasterplatinen sind vor allem die einfachere Replizierbarkeit (einmal designed kann man eine Schaltung theoretisch beliebig oft herstellen) und die Möglichkeit, Platz effizienter zu nutzen (eine Platine ist fast immer kleiner als eine gelötete Lochrasterplatine mit der selben Schaltung). Letzendlich wirken Geräte mit Platinen aber auch schlicht professioneller. Sicherlich gibt es noch mehr Vorteile (und natürlich auch Nachteile!), auf deren Auflistung ich hier allerdings aus Gründen der Einfachheit verzichte.</p></description>
|
||||||
<h4 id="zeilenhervorhebung">Zeilenhervorhebung</h4>
|
</item>
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp">&lt;!doctype html&gt;</span>
|
<item>
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span>
|
<title>Wie es alles anfing - oder: der erste Post!</title>
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
|
<link>https://blog.privacynerd.de/de/posts/how-it-all-began/</link>
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span> <span class="p">/&gt;</span>
|
<pubDate>Sun, 13 Apr 2025 15:10:20 +0200</pubDate>
|
||||||
</span></span><span class="line hl"><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Beispiel HTML5-Dokument<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
|
<guid>https://blog.privacynerd.de/de/posts/how-it-all-began/</guid>
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
|
<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>
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
|
</item>
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
|
</channel>
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
|
</rss>
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span>
|
|
||||||
</span></span></code></pre></div><h4 id="zeilenhervorhebung--tabellenzeilennummern">Zeilenhervorhebung / Tabellenzeilennummern</h4>
|
|
||||||
<div class="highlight"><div class="chroma">
|
|
||||||
<table class="lntable"><tr><td class="lntd">
|
|
||||||
<pre tabindex="0" class="chroma"><code><span class="lnt"> 1
|
|
||||||
</span><span class="lnt"> 2
|
|
||||||
</span><span class="lnt"> 3
|
|
||||||
</span><span class="lnt"> 4
|
|
||||||
</span><span class="hl"><span class="lnt"> 5
|
|
||||||
</span></span><span class="lnt"> 6
|
|
||||||
</span><span class="lnt"> 7
|
|
||||||
</span><span class="lnt"> 8
|
|
||||||
</span><span class="lnt"> 9
|
|
||||||
</span><span class="lnt">10
|
|
||||||
</span></code></pre></td>
|
|
||||||
<td class="lntd">
|
|
||||||
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp">&lt;!doctype html&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span> <span class="p">/&gt;</span>
|
|
||||||
</span></span><span class="line hl"><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Beispiel HTML5-Dokument<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span>
|
|
||||||
</span></span></code></pre></td></tr></table>
|
|
||||||
</div>
|
|
||||||
</div><h4 id="zeilenhervorhebung--inline-zeilennummern">Zeilenhervorhebung / Inline-Zeilennummern</h4>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="ln"> 1</span><span class="cl"><span class="cp">&lt;!doctype html&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 2</span><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 3</span><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 4</span><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span> <span class="p">/&gt;</span>
|
|
||||||
</span></span><span class="line hl"><span class="ln"> 5</span><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Beispiel HTML5-Dokument<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 6</span><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 7</span><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 8</span><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 9</span><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln">10</span><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span>
|
|
||||||
</span></span></code></pre></div><h4 id="hugos-interner---highlight---shortcode">Hugos interner <code>{{ &lt; highlight &gt; }}</code> Shortcode</h4>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp">&lt;!doctype html&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Beispiel HTML5-Dokument<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span></span></span></code></pre></div>
|
|
||||||
<h4 id="benutzerdefinierter-eingebauter---code---shortcode">Benutzerdefinierter eingebauter <code>{{ &lt; code &gt; }}</code> Shortcode</h4>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<details class="collapsable-code" open>
|
|
||||||
<summary title="Click to interact"><span class="collapsable-code__title">Hey, dies ist der Titel eines Code-Blocks</span></summary>
|
|
||||||
<div class="highlight"><div class="chroma">
|
|
||||||
<table class="lntable"><tr><td class="lntd">
|
|
||||||
<pre tabindex="0" class="chroma"><code><span class="lnt"> 1
|
|
||||||
</span><span class="lnt"> 2
|
|
||||||
</span><span class="lnt"> 3
|
|
||||||
</span><span class="lnt"> 4
|
|
||||||
</span><span class="lnt"> 5
|
|
||||||
</span><span class="lnt"> 6
|
|
||||||
</span><span class="lnt"> 7
|
|
||||||
</span><span class="lnt"> 8
|
|
||||||
</span><span class="lnt"> 9
|
|
||||||
</span><span class="lnt">10
|
|
||||||
</span></code></pre></td>
|
|
||||||
<td class="lntd">
|
|
||||||
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp">&lt;!doctype html&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span> <span class="p">/&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Beispiel HTML5-Dokument<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table>
|
|
||||||
</div>
|
|
||||||
</div></details>
|
|
||||||
|
|
||||||
<h2 id="programmiersprachen">Programmiersprachen:</h2>
|
|
||||||
<h3 id="a">A</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-abap" data-lang="abap"><span class="line"><span class="cl"><span class="k">WRITE</span> <span class="s1">&#39;Hello, World!&#39;</span><span class="p">.</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-actionscript" data-lang="actionscript"><span class="line"><span class="cl"><span class="kd">package</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="kd">public</span> <span class="kd">class</span> <span class="nx">HelloWorld</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="kd">public</span> <span class="kd">static</span> <span class="kd">function</span> <span class="nx">main</span><span class="p">()</span><span class="o">:</span><span class="nx">void</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="nf">trace</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-ada" data-lang="ada"><span class="line"><span class="cl"><span class="kn">with</span> <span class="nn">Ada.Text_IO</span><span class="p">;</span> <span class="kn">use</span> <span class="nn">Ada.Text_IO</span><span class="p">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="kd">procedure</span> <span class="nf">Hello</span> <span class="kr">is</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="kr">begin</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">Put_Line</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="kr">end</span> <span class="nf">Hello</span><span class="p">;</span>
|
|
||||||
</span></span></code></pre></div><h3 id="b">B</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello, World!&#34;</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-brainfuck" data-lang="brainfuck"><span class="line"><span class="cl"><span class="nb">+</span><span class="k">[</span><span class="nb">-----</span><span class="nv">&gt;</span><span class="nb">+++</span><span class="nv">&lt;</span><span class="k">]</span><span class="nv">&gt;</span><span class="nt">.</span><span class="nb">++++++++++++</span><span class="nt">..</span><span class="nb">+++</span><span class="nt">.</span><span class="nv">&gt;</span><span class="nb">++++++</span><span class="k">[</span><span class="nb">-</span><span class="nv">&gt;</span><span class="nb">+++++++</span><span class="nv">&lt;</span><span class="k">]</span><span class="nv">&gt;</span><span class="nb">+</span><span class="nt">.</span><span class="nb">------------</span><span class="nt">.</span><span class="nb">---</span><span class="nt">.</span><span class="nb">+++++</span><span class="nt">.</span><span class="c">
|
|
||||||
</span></span></span></code></pre></div><h3 id="c">C</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-c" data-lang="c"><span class="line"><span class="cl"><span class="cp">#include</span> <span class="cpf">&lt;stdio.h&gt;</span><span class="cp">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="cp"></span><span class="kt">int</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="nf">printf</span><span class="p">(</span><span class="s">&#34;Hello, World!</span><span class="se">\n</span><span class="s">&#34;</span><span class="p">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="mi">0</span><span class="p">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-csharp" data-lang="csharp"><span class="line"><span class="cl"><span class="k">using</span> <span class="nn">System</span><span class="p">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="k">class</span> <span class="nc">Program</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="kd">static</span> <span class="k">void</span> <span class="n">Main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">Console</span><span class="p">.</span><span class="n">WriteLine</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-c++" data-lang="c++"><span class="line"><span class="cl"><span class="cp">#include</span> <span class="cpf">&lt;iostream&gt;</span><span class="cp">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="cp"></span><span class="kt">int</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">std</span><span class="o">::</span><span class="n">cout</span> <span class="o">&lt;&lt;</span> <span class="s">&#34;Hello, World!&#34;</span> <span class="o">&lt;&lt;</span> <span class="n">std</span><span class="o">::</span><span class="n">endl</span><span class="p">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="mi">0</span><span class="p">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="d">D</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-d" data-lang="d"><span class="line"><span class="cl"><span class="kn">import</span> <span class="nn">std.stdio</span><span class="o">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="kt">void</span> <span class="nf">main</span><span class="o">()</span> <span class="o">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">writeln</span><span class="o">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="o">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="o">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="e">E</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-elixir" data-lang="elixir"><span class="line"><span class="cl"><span class="nc">IO</span><span class="o">.</span><span class="n">puts</span> <span class="s2">&#34;Hello, World!&#34;</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-erlang" data-lang="erlang"><span class="line"><span class="cl"><span class="p">-</span><span class="ni">module</span><span class="p">(</span><span class="n">hello</span><span class="p">).</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">-</span><span class="ni">export</span><span class="p">([</span><span class="n">world</span><span class="o">/</span><span class="mi">0</span><span class="p">]).</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="nf">world</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="nn">io</span><span class="p">:</span><span class="nf">format</span><span class="p">(</span><span class="s">&#34;Hello, World!</span><span class="si">~n</span><span class="s">&#34;</span><span class="p">).</span>
|
|
||||||
</span></span></code></pre></div><h3 id="f">F</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-fsharp" data-lang="fsharp"><span class="line"><span class="cl"><span class="n">printfn</span> <span class="s">&#34;Hello, World!&#34;</span>
|
|
||||||
</span></span></code></pre></div><h3 id="g">G</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="kn">package</span> <span class="nx">main</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="kn">import</span> <span class="s">&#34;fmt&#34;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="kd">func</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="nx">fmt</span><span class="p">.</span><span class="nf">Println</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">)</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="h">H</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-haskell" data-lang="haskell"><span class="line"><span class="cl"><span class="nf">main</span> <span class="ow">=</span> <span class="n">putStrLn</span> <span class="s">&#34;Hello, World!&#34;</span>
|
|
||||||
</span></span></code></pre></div><h3 id="j">J</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-js" data-lang="js"><span class="line"><span class="cl"><span class="kd">var</span> <span class="nx">x</span><span class="p">,</span> <span class="nx">y</span><span class="p">,</span> <span class="nx">z</span><span class="p">;</span> <span class="c1">// Declare 3 variables
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="nx">x</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span> <span class="c1">// Assign the value 5 to x
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="nx">y</span> <span class="o">=</span> <span class="mi">6</span><span class="p">;</span> <span class="c1">// Assign the value 6 to y
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="nx">z</span> <span class="o">=</span> <span class="nx">x</span> <span class="o">+</span> <span class="nx">y</span><span class="p">;</span> <span class="c1">// Assign the sum of x and y to z
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s2">&#34;demo&#34;</span><span class="p">).</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="s2">&#34;The value of z is &#34;</span> <span class="o">+</span> <span class="nx">z</span> <span class="o">+</span> <span class="s2">&#34;.&#34;</span><span class="p">;</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-jsx" data-lang="jsx"><span class="line"><span class="cl"><span class="kd">function</span> <span class="nx">Video</span><span class="p">({</span> <span class="nx">video</span> <span class="p">})</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="p">(</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">div</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">Thumbnail</span> <span class="na">video</span><span class="o">=</span><span class="p">{</span><span class="nx">video</span><span class="p">}</span> <span class="p">/&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="p">{</span><span class="nx">video</span><span class="p">.</span><span class="nx">url</span><span class="p">}&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">h3</span><span class="p">&gt;{</span><span class="nx">video</span><span class="p">.</span><span class="nx">title</span><span class="p">}&lt;/</span><span class="nt">h3</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;{</span><span class="nx">video</span><span class="p">.</span><span class="nx">description</span><span class="p">}&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">LikeButton</span> <span class="na">video</span><span class="o">=</span><span class="p">{</span><span class="nx">video</span><span class="p">}</span> <span class="p">/&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">div</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-java" data-lang="java"><span class="line"><span class="cl"><span class="kd">public</span><span class="w"> </span><span class="kd">class</span> <span class="nc">HelloWorld</span><span class="w"> </span><span class="p">{</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="kd">public</span><span class="w"> </span><span class="kd">static</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">main</span><span class="p">(</span><span class="n">String</span><span class="o">[]</span><span class="w"> </span><span class="n">args</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="n">System</span><span class="p">.</span><span class="na">out</span><span class="p">.</span><span class="na">println</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">);</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="p">}</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="p">}</span><span class="w">
|
|
||||||
</span></span></span></code></pre></div><h3 id="k">K</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-kotlin" data-lang="kotlin"><span class="line"><span class="cl"><span class="k">fun</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">println</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">)</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="l">L</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-lua" data-lang="lua"><span class="line"><span class="cl"><span class="n">print</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">)</span>
|
|
||||||
</span></span></code></pre></div><h3 id="m">M</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-matlab" data-lang="matlab"><span class="line"><span class="cl"><span class="nb">disp</span><span class="p">(</span><span class="s">&#39;Hello, World!&#39;</span><span class="p">)</span>
|
|
||||||
</span></span></code></pre></div><h3 id="n">N</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-nim" data-lang="nim"><span class="line"><span class="cl"><span class="n">echo</span> <span class="s">&#34;Hello, World!&#34;</span>
|
|
||||||
</span></span></code></pre></div><h3 id="o">O</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-objectivec" data-lang="objectivec"><span class="line"><span class="cl"><span class="cp">#import &lt;Foundation/Foundation.h&gt;
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="cp"></span><span class="kt">int</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="k">@autoreleasepool</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">NSLog</span><span class="p">(</span><span class="s">@&#34;Hello, World!&#34;</span><span class="p">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="mi">0</span><span class="p">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="p">P</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-perl" data-lang="perl"><span class="line"><span class="cl"><span class="k">print</span><span class="p">(</span><span class="s">&#34;Hello, World!\n&#34;</span><span class="p">);</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-php" data-lang="php"><span class="line"><span class="cl"><span class="o">&lt;?</span><span class="nx">php</span> <span class="k">echo</span> <span class="s2">&#34;Hello, World!&#34;</span><span class="p">;</span> <span class="cp">?&gt;</span><span class="err">
|
|
||||||
</span></span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">)</span>
|
|
||||||
</span></span></code></pre></div><h3 id="r">R</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-r" data-lang="r"><span class="line"><span class="cl"><span class="nf">cat</span><span class="p">(</span><span class="s">&#34;Hello, World!\n&#34;</span><span class="p">)</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-ruby" data-lang="ruby"><span class="line"><span class="cl"><span class="nb">puts</span> <span class="s2">&#34;Hello, World!&#34;</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-rust" data-lang="rust"><span class="line"><span class="cl"><span class="k">fn</span> <span class="nf">main</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="fm">println!</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">);</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="p">}</span><span class="w">
|
|
||||||
</span></span></span></code></pre></div><h3 id="s">S</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-scala" data-lang="scala"><span class="line"><span class="cl"><span class="k">object</span> <span class="nc">HelloWorld</span> <span class="k">extends</span> <span class="nc">App</span> <span class="o">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">println</span><span class="o">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="o">)</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="o">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="t">T</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-typescript" data-lang="typescript"><span class="line"><span class="cl"><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">);</span>
|
|
||||||
</span></span></code></pre></div><h3 id="v">V</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-vlang" data-lang="vlang"><span class="line"><span class="cl"><span class="kd">fn</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="nb">println</span><span class="p">(</span><span class="s1">&#39;Hello, World!&#39;</span><span class="p">)</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="z">Z</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-zig" data-lang="zig"><span class="line"><span class="cl"><span class="kr">const</span><span class="w"> </span><span class="n">std</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">@import</span><span class="p">(</span><span class="s">&#34;std&#34;</span><span class="p">);</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="kr">pub</span><span class="w"> </span><span class="k">fn</span><span class="w"> </span><span class="n">main</span><span class="p">()</span><span class="w"> </span><span class="o">!</span><span class="kt">void</span><span class="w"> </span><span class="p">{</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="n">std</span><span class="p">.</span><span class="n">debug</span><span class="p">.</span><span class="n">print</span><span class="p">(</span><span class="s">&#34;Hello, World!</span><span class="se">\n</span><span class="s">&#34;</span><span class="p">,</span><span class="w"> </span><span class="p">.{});</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="p">}</span><span class="w">
|
|
||||||
</span></span></span></code></pre></div></description></item><item><title>Beispielvorführung</title><link>https://blog.privacynerd.de/de/posts/showcase/</link><pubDate>Wed, 09 Apr 2025 07:01:12 +0200</pubDate><guid>https://blog.privacynerd.de/de/posts/showcase/</guid><description><p>Dieser Artikel bietet ein Beispiel für grundlegende Markdown-Syntax, die in Hugo-Inhaltsdateien verwendet werden kann. Er zeigt auch, ob grundlegende HTML-Elemente mit CSS in einem Hugo-Theme dekoriert sind.</p></description></item><item><title>Eine beliebige Geschichte</title><link>https://blog.privacynerd.de/de/posts/random-story/</link><pubDate>Tue, 08 Apr 2025 17:55:25 +0200</pubDate><guid>https://blog.privacynerd.de/de/posts/random-story/</guid><description><p>Dies ist eine beliebige Story, die von ChatGPT zum Testen und Einstellen der Lesezeit auf diesem Blog generiert wurde.</p>
|
|
||||||
<h2 id="prompt">Prompt</h2>
|
|
||||||
<p>Erzähle eine Geschichte mit ca. 200 Wörtern.</p>
|
|
||||||
<h2 id="antwort">Antwort</h2>
|
|
||||||
<p>Es war einmal in einem kleinen Dorf, umgeben von dichten Wäldern und sanften Hügeln. Dort lebte ein neugieriger Junge namens Leo, der von Abenteuern träumte. Eines Tages entdeckte er beim Spielen am Fluss einen geheimnisvollen, glitzernden Stein. Als er ihn aufhob, begann der Stein zu leuchten und eine sanfte Stimme flüsterte: „Folge dem Licht, und du wirst das Unbekannte entdecken.“
|
|
||||||
Neugierig und aufgeregt folgte Leo dem strahlenden Licht, das ihn tief in den Wald führte. Nach einer Weile erreichte er eine versteckte Lichtung, auf der ein wunderschöner, schimmernder Baum stand. Die Blätter funkelten wie Diamanten, und in der Mitte des Baumes hockte ein kleiner, freundlicher Drache namens Fuego.
|
|
||||||
Fuego erzählte Leo von einem magischen Reich, das nur durch Mut und Freundschaft betreten werden konnte. Gemeinsam erlebten sie aufregende Abenteuer, kämpften gegen Schattenwesen und halfen den Waldbewohnern. Leo lernte, dass wahre Stärke im Herzen liegt und dass Freundschaft die größte Magie von allen ist.
|
|
||||||
Als Leo schließlich nach Hause zurückkehrte, wusste er, dass er nie wieder der gleiche Junge sein würde. Der glitzernde Stein blieb bei ihm, ein ständiger Erinnerungsanker an seine unvergesslichen Abenteuer.</p></description></item><item><title>Ein Wort!</title><link>https://blog.privacynerd.de/de/posts/one-word/</link><pubDate>Sat, 05 Apr 2025 22:48:12 +0200</pubDate><guid>https://blog.privacynerd.de/de/posts/one-word/</guid><description><h1 id="nureinwort">Nureinwort</h1></description></item><item><title>Deutscher Test Post</title><link>https://blog.privacynerd.de/de/posts/test-post/</link><pubDate>Sat, 05 Apr 2025 20:14:29 +0200</pubDate><guid>https://blog.privacynerd.de/de/posts/test-post/</guid><description><h1 id="test-post-in-german">Test Post in German</h1>
|
|
||||||
<h2 id="lorem-ipsum">Lorem ipsum</h2>
|
|
||||||
<h3 id="dolor-sit-amet">dolor sit amet</h3>
|
|
||||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur. Quod idem licet transferre in voluptatem, ut postea variari voluptas distinguique possit, augeri amplificarique non possit. At etiam Athenis, ut e.</p></description></item></channel></rss>
|
|
||||||
|
|||||||
@@ -1,5 +0,0 @@
|
|||||||
<!doctype html><html lang=de><head><title>Ein Wort! :: Privacynerd's blog</title>
|
|
||||||
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="Nureinwort"><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/de/posts/one-word/><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="Ein Wort!"><meta property="og:description" content="Nureinwort"><meta property="og:url" content="https://blog.privacynerd.de/de/posts/one-word/"><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"><meta property="article:published_time" content="2025-04-05 22:48:12 +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>Menu ▾</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=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></li></ul></li></ul><ul class="menu menu--desktop menu--language-selector"><li class=menu__trigger>Deutsch ▾</li><li><ul class=menu__dropdown><li><a href=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></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/one-word/>Ein Wort!</a></h1><div class=post-meta><time class=post-date>2025-04-05</time><span class=post-reading-time>1 min read (1 words)</span></div><div class=post-content><div><h1 id=nureinwort>Nureinwort<a href=#nureinwort class=hanchor arialabel=Anchor>#</a></h1></div></div><div class=pagination><div class=pagination__title><span class=pagination__title-h>Andere Posts lesen</span><hr></div><div class=pagination__buttons><a href=https://blog.privacynerd.de/de/posts/random-story/ class="button inline prev">< [<span class=button__text>Eine beliebige Geschichte</span>]
|
|
||||||
</a>::
|
|
||||||
<a href=https://blog.privacynerd.de/de/posts/test-post/ class="button inline next">[<span class=button__text>Deutscher Test Post</span>] ></a></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>:: <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></span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html>
|
|
||||||
@@ -1,2 +1,10 @@
|
|||||||
<!doctype html><html lang=de><head><title>https://blog.privacynerd.de/de/posts/</title>
|
<!DOCTYPE html>
|
||||||
<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>
|
<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>
|
||||||
|
|||||||
@@ -1,9 +0,0 @@
|
|||||||
<!doctype html><html lang=de><head><title>Eine beliebige Geschichte :: Privacynerd's blog</title>
|
|
||||||
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="Kleine Geschichte von ChatGPT, um die Lesezeiten einzustellen."><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/de/posts/random-story/><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="Eine beliebige Geschichte"><meta property="og:description" content="Kleine Geschichte von ChatGPT, um die Lesezeiten einzustellen."><meta property="og:url" content="https://blog.privacynerd.de/de/posts/random-story/"><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"><meta property="article:published_time" content="2025-04-08 17:55:25 +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>Menu ▾</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=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></li></ul></li></ul><ul class="menu menu--desktop menu--language-selector"><li class=menu__trigger>Deutsch ▾</li><li><ul class=menu__dropdown><li><a href=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></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/random-story/>Eine beliebige Geschichte</a></h1><div class=post-meta><time class=post-date>2025-04-08</time><span class=post-reading-time>1 min read (211 words)</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/de/tags/story/>story</a>
|
|
||||||
#<a href=https://blog.privacynerd.de/de/tags/ai/>ai</a> </span><div class=table-of-contents><h2>Inhaltsverzeichnis</h2><nav id=TableOfContents><ul><li><a href=#prompt>Prompt</a></li><li><a href=#antwort>Antwort</a></li></ul></nav></div><div class=post-content><div><p>Dies ist eine beliebige Story, die von ChatGPT zum Testen und Einstellen der Lesezeit auf diesem Blog generiert wurde.</p><h2 id=prompt>Prompt<a href=#prompt class=hanchor arialabel=Anchor>#</a></h2><p>Erzähle eine Geschichte mit ca. 200 Wörtern.</p><h2 id=antwort>Antwort<a href=#antwort class=hanchor arialabel=Anchor>#</a></h2><p>Es war einmal in einem kleinen Dorf, umgeben von dichten Wäldern und sanften Hügeln. Dort lebte ein neugieriger Junge namens Leo, der von Abenteuern träumte. Eines Tages entdeckte er beim Spielen am Fluss einen geheimnisvollen, glitzernden Stein. Als er ihn aufhob, begann der Stein zu leuchten und eine sanfte Stimme flüsterte: „Folge dem Licht, und du wirst das Unbekannte entdecken.“
|
|
||||||
Neugierig und aufgeregt folgte Leo dem strahlenden Licht, das ihn tief in den Wald führte. Nach einer Weile erreichte er eine versteckte Lichtung, auf der ein wunderschöner, schimmernder Baum stand. Die Blätter funkelten wie Diamanten, und in der Mitte des Baumes hockte ein kleiner, freundlicher Drache namens Fuego.
|
|
||||||
Fuego erzählte Leo von einem magischen Reich, das nur durch Mut und Freundschaft betreten werden konnte. Gemeinsam erlebten sie aufregende Abenteuer, kämpften gegen Schattenwesen und halfen den Waldbewohnern. Leo lernte, dass wahre Stärke im Herzen liegt und dass Freundschaft die größte Magie von allen ist.
|
|
||||||
Als Leo schließlich nach Hause zurückkehrte, wusste er, dass er nie wieder der gleiche Junge sein würde. Der glitzernde Stein blieb bei ihm, ein ständiger Erinnerungsanker an seine unvergesslichen Abenteuer.</p></div></div><div class=pagination><div class=pagination__title><span class=pagination__title-h>Andere Posts lesen</span><hr></div><div class=pagination__buttons><a href=https://blog.privacynerd.de/de/posts/showcase/ class="button inline prev">< [<span class=button__text>Beispielvorführung</span>]
|
|
||||||
</a>::
|
|
||||||
<a href=https://blog.privacynerd.de/de/posts/one-word/ class="button inline next">[<span class=button__text>Ein Wort!</span>] ></a></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>:: <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></span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html>
|
|
||||||
@@ -1,183 +0,0 @@
|
|||||||
<!doctype html><html lang=de><head><title>Varianten von Code-Blöcken :: Privacynerd's blog</title>
|
|
||||||
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="Beispielartikel, der die beliebtesten Programmiersprachen zeigt."><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/de/posts/showcase-code/><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="Radek"><meta property="og:locale" content="de"><meta property="og:type" content="article"><meta property="og:title" content="Varianten von Code-Blöcken"><meta property="og:description" content="Beispielartikel, der die beliebtesten Programmiersprachen zeigt."><meta property="og:url" content="https://blog.privacynerd.de/de/posts/showcase-code/"><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"><meta property="article:published_time" content="2025-04-09 07:17:39 +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>Menu ▾</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=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></li></ul></li></ul><ul class="menu menu--desktop menu--language-selector"><li class=menu__trigger>Deutsch ▾</li><li><ul class=menu__dropdown><li><a href=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></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/showcase-code/>Varianten von Code-Blöcken</a></h1><div class=post-meta><time class=post-date>2025-04-09</time><span class=post-author>Radek</span><span class=post-reading-time>3 min read (516 words)</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/de/tags/programming/>programming</a>
|
|
||||||
#<a href=https://blog.privacynerd.de/de/tags/code/>code</a> </span><div class=table-of-contents><h2>Inhaltsverzeichnis</h2><nav id=TableOfContents><ul><li><a href=#beispiele>Beispiele:</a><ul><li><a href=#roh-block-ohne-spezifizierte-sprache-und-ohne-syntaxhervorhebung>Roh-Block ohne spezifizierte Sprache (und ohne Syntaxhervorhebung)</a></li><li><a href=#mit-spezifizierter-sprache>Mit spezifizierter Sprache</a></li></ul></li><li><a href=#programmiersprachen>Programmiersprachen:</a><ul><li><a href=#a>A</a></li><li><a href=#b>B</a></li><li><a href=#c>C</a></li><li><a href=#d>D</a></li><li><a href=#e>E</a></li><li><a href=#f>F</a></li><li><a href=#g>G</a></li><li><a href=#h>H</a></li><li><a href=#j>J</a></li><li><a href=#k>K</a></li><li><a href=#l>L</a></li><li><a href=#m>M</a></li><li><a href=#n>N</a></li><li><a href=#o>O</a></li><li><a href=#p>P</a></li><li><a href=#r>R</a></li><li><a href=#s>S</a></li><li><a href=#t>T</a></li><li><a href=#v>V</a></li><li><a href=#z>Z</a></li></ul></li></ul></nav></div><div class=post-content><div><p>Seit v4.2.0 verwendet das Terminal-Theme Chroma als Syntax-Highlighter. Wie die Hugo-Dokumentation angibt: “Es ist in Go geschrieben und ist wirklich, wirklich schnell.”</p><p>Im Folgenden sehen Sie viele grundlegende Präsentationen der Code-Blöcke, die je nach Bedarf verwendet werden können. Außer dem Beispiel des <code>{{ < code > }}</code> Shortcodes werden alle anderen Blöcke basierend auf der Konfiguration erzeugt, die Sie in der <a href=https://gohugo.io/content-management/syntax-highlighting/>offiziellen Hugo-Dokumentation</a> nachlesen können.</p><hr><h2 id=beispiele>Beispiele:<a href=#beispiele class=hanchor arialabel=Anchor>#</a></h2><h3 id=roh-block-ohne-spezifizierte-sprache-und-ohne-syntaxhervorhebung>Roh-Block ohne spezifizierte Sprache (und ohne Syntaxhervorhebung)<a href=#roh-block-ohne-spezifizierte-sprache-und-ohne-syntaxhervorhebung class=hanchor arialabel=Anchor>#</a></h3><pre tabindex=0><code><!doctype html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<title>Beispiel HTML5-Dokument</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<p>Test</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
</code></pre><h3 id=mit-spezifizierter-sprache>Mit spezifizierter Sprache<a href=#mit-spezifizierter-sprache class=hanchor arialabel=Anchor>#</a></h3><h4 id=zeilenhervorhebung>Zeilenhervorhebung<a href=#zeilenhervorhebung class=hanchor arialabel=Anchor>#</a></h4><div class=highlight><pre tabindex=0 class=chroma><code class=language-html data-lang=html><span class=line><span class=cl><span class=cp><!doctype html></span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=p><</span><span class=nt>html</span> <span class=na>lang</span><span class=o>=</span><span class=s>"en"</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>head</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>meta</span> <span class=na>charset</span><span class=o>=</span><span class=s>"utf-8"</span> <span class=p>/></span>
|
|
||||||
</span></span><span class="line hl"><span class=cl> <span class=p><</span><span class=nt>title</span><span class=p>></span>Beispiel HTML5-Dokument<span class=p></</span><span class=nt>title</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p></</span><span class=nt>head</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>body</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>p</span><span class=p>></span>Test<span class=p></</span><span class=nt>p</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p></</span><span class=nt>body</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=p></</span><span class=nt>html</span><span class=p>></span>
|
|
||||||
</span></span></code></pre></div><h4 id=zeilenhervorhebung--tabellenzeilennummern>Zeilenhervorhebung / Tabellenzeilennummern<a href=#zeilenhervorhebung--tabellenzeilennummern class=hanchor arialabel=Anchor>#</a></h4><div class=highlight><div class=chroma><table class=lntable><tr><td class=lntd><pre tabindex=0 class=chroma><code><span class=lnt> 1
|
|
||||||
</span><span class=lnt> 2
|
|
||||||
</span><span class=lnt> 3
|
|
||||||
</span><span class=lnt> 4
|
|
||||||
</span><span class=hl><span class=lnt> 5
|
|
||||||
</span></span><span class=lnt> 6
|
|
||||||
</span><span class=lnt> 7
|
|
||||||
</span><span class=lnt> 8
|
|
||||||
</span><span class=lnt> 9
|
|
||||||
</span><span class=lnt>10
|
|
||||||
</span></code></pre></td><td class=lntd><pre tabindex=0 class=chroma><code class=language-html data-lang=html><span class=line><span class=cl><span class=cp><!doctype html></span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=p><</span><span class=nt>html</span> <span class=na>lang</span><span class=o>=</span><span class=s>"en"</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>head</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>meta</span> <span class=na>charset</span><span class=o>=</span><span class=s>"utf-8"</span> <span class=p>/></span>
|
|
||||||
</span></span><span class="line hl"><span class=cl> <span class=p><</span><span class=nt>title</span><span class=p>></span>Beispiel HTML5-Dokument<span class=p></</span><span class=nt>title</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p></</span><span class=nt>head</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>body</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>p</span><span class=p>></span>Test<span class=p></</span><span class=nt>p</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p></</span><span class=nt>body</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=p></</span><span class=nt>html</span><span class=p>></span>
|
|
||||||
</span></span></code></pre></td></tr></table></div></div><h4 id=zeilenhervorhebung--inline-zeilennummern>Zeilenhervorhebung / Inline-Zeilennummern<a href=#zeilenhervorhebung--inline-zeilennummern class=hanchor arialabel=Anchor>#</a></h4><div class=highlight><pre tabindex=0 class=chroma><code class=language-html data-lang=html><span class=line><span class=ln> 1</span><span class=cl><span class=cp><!doctype html></span>
|
|
||||||
</span></span><span class=line><span class=ln> 2</span><span class=cl><span class=p><</span><span class=nt>html</span> <span class=na>lang</span><span class=o>=</span><span class=s>"en"</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=ln> 3</span><span class=cl> <span class=p><</span><span class=nt>head</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=ln> 4</span><span class=cl> <span class=p><</span><span class=nt>meta</span> <span class=na>charset</span><span class=o>=</span><span class=s>"utf-8"</span> <span class=p>/></span>
|
|
||||||
</span></span><span class="line hl"><span class=ln> 5</span><span class=cl> <span class=p><</span><span class=nt>title</span><span class=p>></span>Beispiel HTML5-Dokument<span class=p></</span><span class=nt>title</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=ln> 6</span><span class=cl> <span class=p></</span><span class=nt>head</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=ln> 7</span><span class=cl> <span class=p><</span><span class=nt>body</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=ln> 8</span><span class=cl> <span class=p><</span><span class=nt>p</span><span class=p>></span>Test<span class=p></</span><span class=nt>p</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=ln> 9</span><span class=cl> <span class=p></</span><span class=nt>body</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=ln>10</span><span class=cl><span class=p></</span><span class=nt>html</span><span class=p>></span>
|
|
||||||
</span></span></code></pre></div><h4 id=hugos-interner---highlight---shortcode>Hugos interner <code>{{ < highlight > }}</code> Shortcode<a href=#hugos-interner---highlight---shortcode class=hanchor arialabel=Anchor>#</a></h4><div class=highlight><pre tabindex=0 class=chroma><code class=language-html data-lang=html><span class=line><span class=cl><span class=cp><!doctype html></span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=p><</span><span class=nt>html</span> <span class=na>lang</span><span class=o>=</span><span class=s>"en"</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>head</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>meta</span> <span class=na>charset</span><span class=o>=</span><span class=s>"utf-8"</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>title</span><span class=p>></span>Beispiel HTML5-Dokument<span class=p></</span><span class=nt>title</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p></</span><span class=nt>head</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>body</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>p</span><span class=p>></span>Test<span class=p></</span><span class=nt>p</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p></</span><span class=nt>body</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=p></</span><span class=nt>html</span><span class=p>></span></span></span></code></pre></div><h4 id=benutzerdefinierter-eingebauter---code---shortcode>Benutzerdefinierter eingebauter <code>{{ < code > }}</code> Shortcode<a href=#benutzerdefinierter-eingebauter---code---shortcode class=hanchor arialabel=Anchor>#</a></h4><details class=collapsable-code open><summary title="Click to interact"><span class=collapsable-code__title>Hey, dies ist der Titel eines Code-Blocks</span></summary><div class=highlight><div class=chroma><table class=lntable><tr><td class=lntd><pre tabindex=0 class=chroma><code><span class=lnt> 1
|
|
||||||
</span><span class=lnt> 2
|
|
||||||
</span><span class=lnt> 3
|
|
||||||
</span><span class=lnt> 4
|
|
||||||
</span><span class=lnt> 5
|
|
||||||
</span><span class=lnt> 6
|
|
||||||
</span><span class=lnt> 7
|
|
||||||
</span><span class=lnt> 8
|
|
||||||
</span><span class=lnt> 9
|
|
||||||
</span><span class=lnt>10
|
|
||||||
</span></code></pre></td><td class=lntd><pre tabindex=0 class=chroma><code class=language-html data-lang=html><span class=line><span class=cl><span class=cp><!doctype html></span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=p><</span><span class=nt>html</span> <span class=na>lang</span><span class=o>=</span><span class=s>"en"</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>head</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>meta</span> <span class=na>charset</span><span class=o>=</span><span class=s>"utf-8"</span> <span class=p>/></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>title</span><span class=p>></span>Beispiel HTML5-Dokument<span class=p></</span><span class=nt>title</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p></</span><span class=nt>head</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>body</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>p</span><span class=p>></span>Test<span class=p></</span><span class=nt>p</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p></</span><span class=nt>body</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=p></</span><span class=nt>html</span><span class=p>></span></span></span></code></pre></td></tr></table></div></div></details><h2 id=programmiersprachen>Programmiersprachen:<a href=#programmiersprachen class=hanchor arialabel=Anchor>#</a></h2><h3 id=a>A<a href=#a class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-abap data-lang=abap><span class=line><span class=cl><span class=k>WRITE</span> <span class=s1>'Hello, World!'</span><span class=p>.</span>
|
|
||||||
</span></span></code></pre></div><div class=highlight><pre tabindex=0 class=chroma><code class=language-actionscript data-lang=actionscript><span class=line><span class=cl><span class=kd>package</span> <span class=p>{</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=kd>public</span> <span class=kd>class</span> <span class=nx>HelloWorld</span> <span class=p>{</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=kd>public</span> <span class=kd>static</span> <span class=kd>function</span> <span class=nx>main</span><span class=p>()</span><span class=o>:</span><span class=nx>void</span> <span class=p>{</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=nf>trace</span><span class=p>(</span><span class=s2>"Hello, World!"</span><span class=p>);</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p>}</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p>}</span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=p>}</span>
|
|
||||||
</span></span></code></pre></div><div class=highlight><pre tabindex=0 class=chroma><code class=language-ada data-lang=ada><span class=line><span class=cl><span class=kn>with</span> <span class=nn>Ada.Text_IO</span><span class=p>;</span> <span class=kn>use</span> <span class=nn>Ada.Text_IO</span><span class=p>;</span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=kd>procedure</span> <span class=nf>Hello</span> <span class=kr>is</span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=kr>begin</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=n>Put_Line</span><span class=p>(</span><span class=s>"Hello, World!"</span><span class=p>);</span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=kr>end</span> <span class=nf>Hello</span><span class=p>;</span>
|
|
||||||
</span></span></code></pre></div><h3 id=b>B<a href=#b class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-bash data-lang=bash><span class=line><span class=cl><span class=nb>echo</span> <span class=s2>"Hello, World!"</span>
|
|
||||||
</span></span></code></pre></div><div class=highlight><pre tabindex=0 class=chroma><code class=language-brainfuck data-lang=brainfuck><span class=line><span class=cl><span class=nb>+</span><span class=k>[</span><span class=nb>-----</span><span class=nv>></span><span class=nb>+++</span><span class=nv><</span><span class=k>]</span><span class=nv>></span><span class=nt>.</span><span class=nb>++++++++++++</span><span class=nt>..</span><span class=nb>+++</span><span class=nt>.</span><span class=nv>></span><span class=nb>++++++</span><span class=k>[</span><span class=nb>-</span><span class=nv>></span><span class=nb>+++++++</span><span class=nv><</span><span class=k>]</span><span class=nv>></span><span class=nb>+</span><span class=nt>.</span><span class=nb>------------</span><span class=nt>.</span><span class=nb>---</span><span class=nt>.</span><span class=nb>+++++</span><span class=nt>.</span><span class=c>
|
|
||||||
</span></span></span></code></pre></div><h3 id=c>C<a href=#c class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-c data-lang=c><span class=line><span class=cl><span class=cp>#include</span> <span class=cpf><stdio.h></span><span class=cp>
|
|
||||||
</span></span></span><span class=line><span class=cl><span class=cp></span><span class=kt>int</span> <span class=nf>main</span><span class=p>()</span> <span class=p>{</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=nf>printf</span><span class=p>(</span><span class=s>"Hello, World!</span><span class=se>\n</span><span class=s>"</span><span class=p>);</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=k>return</span> <span class=mi>0</span><span class=p>;</span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=p>}</span>
|
|
||||||
</span></span></code></pre></div><div class=highlight><pre tabindex=0 class=chroma><code class=language-csharp data-lang=csharp><span class=line><span class=cl><span class=k>using</span> <span class=nn>System</span><span class=p>;</span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=k>class</span> <span class=nc>Program</span> <span class=p>{</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=kd>static</span> <span class=k>void</span> <span class=n>Main</span><span class=p>()</span> <span class=p>{</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=n>Console</span><span class=p>.</span><span class=n>WriteLine</span><span class=p>(</span><span class=s>"Hello, World!"</span><span class=p>);</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p>}</span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=p>}</span>
|
|
||||||
</span></span></code></pre></div><div class=highlight><pre tabindex=0 class=chroma><code class=language-c++ data-lang=c++><span class=line><span class=cl><span class=cp>#include</span> <span class=cpf><iostream></span><span class=cp>
|
|
||||||
</span></span></span><span class=line><span class=cl><span class=cp></span><span class=kt>int</span> <span class=nf>main</span><span class=p>()</span> <span class=p>{</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=n>std</span><span class=o>::</span><span class=n>cout</span> <span class=o><<</span> <span class=s>"Hello, World!"</span> <span class=o><<</span> <span class=n>std</span><span class=o>::</span><span class=n>endl</span><span class=p>;</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=k>return</span> <span class=mi>0</span><span class=p>;</span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=p>}</span>
|
|
||||||
</span></span></code></pre></div><h3 id=d>D<a href=#d class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-d data-lang=d><span class=line><span class=cl><span class=kn>import</span> <span class=nn>std.stdio</span><span class=o>;</span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=kt>void</span> <span class=nf>main</span><span class=o>()</span> <span class=o>{</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=n>writeln</span><span class=o>(</span><span class=s>"Hello, World!"</span><span class=o>);</span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=o>}</span>
|
|
||||||
</span></span></code></pre></div><h3 id=e>E<a href=#e class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-elixir data-lang=elixir><span class=line><span class=cl><span class=nc>IO</span><span class=o>.</span><span class=n>puts</span> <span class=s2>"Hello, World!"</span>
|
|
||||||
</span></span></code></pre></div><div class=highlight><pre tabindex=0 class=chroma><code class=language-erlang data-lang=erlang><span class=line><span class=cl><span class=p>-</span><span class=ni>module</span><span class=p>(</span><span class=n>hello</span><span class=p>).</span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=p>-</span><span class=ni>export</span><span class=p>([</span><span class=n>world</span><span class=o>/</span><span class=mi>0</span><span class=p>]).</span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=nf>world</span><span class=p>()</span> <span class=o>-></span> <span class=nn>io</span><span class=p>:</span><span class=nf>format</span><span class=p>(</span><span class=s>"Hello, World!</span><span class=si>~n</span><span class=s>"</span><span class=p>).</span>
|
|
||||||
</span></span></code></pre></div><h3 id=f>F<a href=#f class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-fsharp data-lang=fsharp><span class=line><span class=cl><span class=n>printfn</span> <span class=s>"Hello, World!"</span>
|
|
||||||
</span></span></code></pre></div><h3 id=g>G<a href=#g class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-go data-lang=go><span class=line><span class=cl><span class=kn>package</span> <span class=nx>main</span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=kn>import</span> <span class=s>"fmt"</span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=kd>func</span> <span class=nf>main</span><span class=p>()</span> <span class=p>{</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=nx>fmt</span><span class=p>.</span><span class=nf>Println</span><span class=p>(</span><span class=s>"Hello, World!"</span><span class=p>)</span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=p>}</span>
|
|
||||||
</span></span></code></pre></div><h3 id=h>H<a href=#h class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-haskell data-lang=haskell><span class=line><span class=cl><span class=nf>main</span> <span class=ow>=</span> <span class=n>putStrLn</span> <span class=s>"Hello, World!"</span>
|
|
||||||
</span></span></code></pre></div><h3 id=j>J<a href=#j class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-js data-lang=js><span class=line><span class=cl><span class=kd>var</span> <span class=nx>x</span><span class=p>,</span> <span class=nx>y</span><span class=p>,</span> <span class=nx>z</span><span class=p>;</span> <span class=c1>// Declare 3 variables
|
|
||||||
</span></span></span><span class=line><span class=cl><span class=c1></span><span class=nx>x</span> <span class=o>=</span> <span class=mi>5</span><span class=p>;</span> <span class=c1>// Assign the value 5 to x
|
|
||||||
</span></span></span><span class=line><span class=cl><span class=c1></span><span class=nx>y</span> <span class=o>=</span> <span class=mi>6</span><span class=p>;</span> <span class=c1>// Assign the value 6 to y
|
|
||||||
</span></span></span><span class=line><span class=cl><span class=c1></span><span class=nx>z</span> <span class=o>=</span> <span class=nx>x</span> <span class=o>+</span> <span class=nx>y</span><span class=p>;</span> <span class=c1>// Assign the sum of x and y to z
|
|
||||||
</span></span></span><span class=line><span class=cl><span class=c1></span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=nb>document</span><span class=p>.</span><span class=nx>getElementById</span><span class=p>(</span><span class=s2>"demo"</span><span class=p>).</span><span class=nx>innerHTML</span> <span class=o>=</span> <span class=s2>"The value of z is "</span> <span class=o>+</span> <span class=nx>z</span> <span class=o>+</span> <span class=s2>"."</span><span class=p>;</span>
|
|
||||||
</span></span></code></pre></div><div class=highlight><pre tabindex=0 class=chroma><code class=language-jsx data-lang=jsx><span class=line><span class=cl><span class=kd>function</span> <span class=nx>Video</span><span class=p>({</span> <span class=nx>video</span> <span class=p>})</span> <span class=p>{</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=k>return</span> <span class=p>(</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>div</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>Thumbnail</span> <span class=na>video</span><span class=o>=</span><span class=p>{</span><span class=nx>video</span><span class=p>}</span> <span class=p>/></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>a</span> <span class=na>href</span><span class=o>=</span><span class=p>{</span><span class=nx>video</span><span class=p>.</span><span class=nx>url</span><span class=p>}></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>h3</span><span class=p>>{</span><span class=nx>video</span><span class=p>.</span><span class=nx>title</span><span class=p>}</</span><span class=nt>h3</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>p</span><span class=p>>{</span><span class=nx>video</span><span class=p>.</span><span class=nx>description</span><span class=p>}</</span><span class=nt>p</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p></</span><span class=nt>a</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>LikeButton</span> <span class=na>video</span><span class=o>=</span><span class=p>{</span><span class=nx>video</span><span class=p>}</span> <span class=p>/></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p></</span><span class=nt>div</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p>);</span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=p>}</span>
|
|
||||||
</span></span></code></pre></div><div class=highlight><pre tabindex=0 class=chroma><code class=language-java data-lang=java><span class=line><span class=cl><span class=kd>public</span><span class=w> </span><span class=kd>class</span> <span class=nc>HelloWorld</span><span class=w> </span><span class=p>{</span><span class=w>
|
|
||||||
</span></span></span><span class=line><span class=cl><span class=w> </span><span class=kd>public</span><span class=w> </span><span class=kd>static</span><span class=w> </span><span class=kt>void</span><span class=w> </span><span class=nf>main</span><span class=p>(</span><span class=n>String</span><span class=o>[]</span><span class=w> </span><span class=n>args</span><span class=p>)</span><span class=w> </span><span class=p>{</span><span class=w>
|
|
||||||
</span></span></span><span class=line><span class=cl><span class=w> </span><span class=n>System</span><span class=p>.</span><span class=na>out</span><span class=p>.</span><span class=na>println</span><span class=p>(</span><span class=s>"Hello, World!"</span><span class=p>);</span><span class=w>
|
|
||||||
</span></span></span><span class=line><span class=cl><span class=w> </span><span class=p>}</span><span class=w>
|
|
||||||
</span></span></span><span class=line><span class=cl><span class=w></span><span class=p>}</span><span class=w>
|
|
||||||
</span></span></span></code></pre></div><h3 id=k>K<a href=#k class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-kotlin data-lang=kotlin><span class=line><span class=cl><span class=k>fun</span> <span class=nf>main</span><span class=p>()</span> <span class=p>{</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=n>println</span><span class=p>(</span><span class=s2>"Hello, World!"</span><span class=p>)</span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=p>}</span>
|
|
||||||
</span></span></code></pre></div><h3 id=l>L<a href=#l class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-lua data-lang=lua><span class=line><span class=cl><span class=n>print</span><span class=p>(</span><span class=s2>"Hello, World!"</span><span class=p>)</span>
|
|
||||||
</span></span></code></pre></div><h3 id=m>M<a href=#m class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-matlab data-lang=matlab><span class=line><span class=cl><span class=nb>disp</span><span class=p>(</span><span class=s>'Hello, World!'</span><span class=p>)</span>
|
|
||||||
</span></span></code></pre></div><h3 id=n>N<a href=#n class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-nim data-lang=nim><span class=line><span class=cl><span class=n>echo</span> <span class=s>"Hello, World!"</span>
|
|
||||||
</span></span></code></pre></div><h3 id=o>O<a href=#o class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-objectivec data-lang=objectivec><span class=line><span class=cl><span class=cp>#import <Foundation/Foundation.h>
|
|
||||||
</span></span></span><span class=line><span class=cl><span class=cp></span><span class=kt>int</span> <span class=nf>main</span><span class=p>()</span> <span class=p>{</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=k>@autoreleasepool</span> <span class=p>{</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=n>NSLog</span><span class=p>(</span><span class=s>@"Hello, World!"</span><span class=p>);</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p>}</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=k>return</span> <span class=mi>0</span><span class=p>;</span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=p>}</span>
|
|
||||||
</span></span></code></pre></div><h3 id=p>P<a href=#p class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-perl data-lang=perl><span class=line><span class=cl><span class=k>print</span><span class=p>(</span><span class=s>"Hello, World!\n"</span><span class=p>);</span>
|
|
||||||
</span></span></code></pre></div><div class=highlight><pre tabindex=0 class=chroma><code class=language-php data-lang=php><span class=line><span class=cl><span class=o><?</span><span class=nx>php</span> <span class=k>echo</span> <span class=s2>"Hello, World!"</span><span class=p>;</span> <span class=cp>?></span><span class=err>
|
|
||||||
</span></span></span></code></pre></div><div class=highlight><pre tabindex=0 class=chroma><code class=language-python data-lang=python><span class=line><span class=cl><span class=nb>print</span><span class=p>(</span><span class=s2>"Hello, World!"</span><span class=p>)</span>
|
|
||||||
</span></span></code></pre></div><h3 id=r>R<a href=#r class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-r data-lang=r><span class=line><span class=cl><span class=nf>cat</span><span class=p>(</span><span class=s>"Hello, World!\n"</span><span class=p>)</span>
|
|
||||||
</span></span></code></pre></div><div class=highlight><pre tabindex=0 class=chroma><code class=language-ruby data-lang=ruby><span class=line><span class=cl><span class=nb>puts</span> <span class=s2>"Hello, World!"</span>
|
|
||||||
</span></span></code></pre></div><div class=highlight><pre tabindex=0 class=chroma><code class=language-rust data-lang=rust><span class=line><span class=cl><span class=k>fn</span> <span class=nf>main</span><span class=p>()</span><span class=w> </span><span class=p>{</span><span class=w>
|
|
||||||
</span></span></span><span class=line><span class=cl><span class=w> </span><span class=fm>println!</span><span class=p>(</span><span class=s>"Hello, World!"</span><span class=p>);</span><span class=w>
|
|
||||||
</span></span></span><span class=line><span class=cl><span class=w></span><span class=p>}</span><span class=w>
|
|
||||||
</span></span></span></code></pre></div><h3 id=s>S<a href=#s class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-scala data-lang=scala><span class=line><span class=cl><span class=k>object</span> <span class=nc>HelloWorld</span> <span class=k>extends</span> <span class=nc>App</span> <span class=o>{</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=n>println</span><span class=o>(</span><span class=s>"Hello, World!"</span><span class=o>)</span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=o>}</span>
|
|
||||||
</span></span></code></pre></div><h3 id=t>T<a href=#t class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-typescript data-lang=typescript><span class=line><span class=cl><span class=nx>console</span><span class=p>.</span><span class=nx>log</span><span class=p>(</span><span class=s2>"Hello, World!"</span><span class=p>);</span>
|
|
||||||
</span></span></code></pre></div><h3 id=v>V<a href=#v class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-vlang data-lang=vlang><span class=line><span class=cl><span class=kd>fn</span> <span class=nf>main</span><span class=p>()</span> <span class=p>{</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=nb>println</span><span class=p>(</span><span class=s1>'Hello, World!'</span><span class=p>)</span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=p>}</span>
|
|
||||||
</span></span></code></pre></div><h3 id=z>Z<a href=#z class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-zig data-lang=zig><span class=line><span class=cl><span class=kr>const</span><span class=w> </span><span class=n>std</span><span class=w> </span><span class=o>=</span><span class=w> </span><span class=nb>@import</span><span class=p>(</span><span class=s>"std"</span><span class=p>);</span><span class=w>
|
|
||||||
</span></span></span><span class=line><span class=cl><span class=w></span><span class=kr>pub</span><span class=w> </span><span class=k>fn</span><span class=w> </span><span class=n>main</span><span class=p>()</span><span class=w> </span><span class=o>!</span><span class=kt>void</span><span class=w> </span><span class=p>{</span><span class=w>
|
|
||||||
</span></span></span><span class=line><span class=cl><span class=w> </span><span class=n>std</span><span class=p>.</span><span class=n>debug</span><span class=p>.</span><span class=n>print</span><span class=p>(</span><span class=s>"Hello, World!</span><span class=se>\n</span><span class=s>"</span><span class=p>,</span><span class=w> </span><span class=p>.{});</span><span class=w>
|
|
||||||
</span></span></span><span class=line><span class=cl><span class=w></span><span class=p>}</span><span class=w>
|
|
||||||
</span></span></span></code></pre></div></div></div><div class=pagination><div class=pagination__title><span class=pagination__title-h>Andere Posts lesen</span><hr></div><div class=pagination__buttons><a href=https://blog.privacynerd.de/de/posts/showcase/ class="button inline next">[<span class=button__text>Beispielvorführung</span>] ></a></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>:: <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></span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html>
|
|
||||||
@@ -1,58 +0,0 @@
|
|||||||
<!doctype html><html lang=de><head><title>Beispielvorführung :: Privacynerd's blog</title>
|
|
||||||
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="Beispielartikel, der grundlegendes Styling und Formatierungen für HTML-Elemente zeigt."><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/de/posts/showcase/><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="Hugo Autoren & Radek"><meta property="og:locale" content="de"><meta property="og:type" content="article"><meta property="og:title" content="Beispielvorführung"><meta property="og:description" content="Beispielartikel, der grundlegendes Styling und Formatierungen für HTML-Elemente zeigt."><meta property="og:url" content="https://blog.privacynerd.de/de/posts/showcase/"><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"><meta property="article:published_time" content="2025-04-09 07:01:12 +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>Menu ▾</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=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></li></ul></li></ul><ul class="menu menu--desktop menu--language-selector"><li class=menu__trigger>Deutsch ▾</li><li><ul class=menu__dropdown><li><a href=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></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/showcase/>Beispielvorführung</a></h1><div class=post-meta><time class=post-date>2025-04-09</time><span class=post-author>Hugo Autoren & Radek</span><span class=post-reading-time>3 min read (488 words)</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/de/tags/showcase/>showcase</a>
|
|
||||||
#<a href=https://blog.privacynerd.de/de/tags/markdown/>markdown</a>
|
|
||||||
#<a href=https://blog.privacynerd.de/de/tags/styling/>styling</a> </span><div class=table-of-contents><h2>Inhaltsverzeichnis</h2><nav id=TableOfContents><ul><li><a href=#überschriften>Überschriften</a></li></ul><ul><li><a href=#h2>H2</a><ul><li><a href=#h3>H3</a></li><li><a href=#h4>H4</a></li></ul></li><li><a href=#absatz>Absatz</a></li><li><a href=#bilder>Bilder</a><ul><li><a href=#abbildung-mit-beschriftung>Abbildung mit Beschriftung</a></li></ul></li><li><a href=#zitate>Zitate</a><ul><li><a href=#blockquote-ohne-attribution>Blockquote ohne Attribution</a></li><li><a href=#blockquote-mit-attribution>Blockquote mit Attribution</a></li></ul></li><li><a href=#buttons-und-links>Buttons und Links</a></li><li><a href=#tabellen>Tabellen</a><ul><li><a href=#inline-markdown-innerhalb-von-tabellen>Inline Markdown innerhalb von Tabellen</a></li></ul></li><li><a href=#formulare>Formulare</a></li><li><a href=#code-blöcke>Code-Blöcke</a><ul><li><a href=#code-block-mit-backticks>Code-Block mit Backticks</a></li><li><a href=#code-block-eingerückt-mit-vier-leerzeichen>Code-Block eingerückt mit vier Leerzeichen</a></li><li><a href=#code-block-mit-hugos-internem-highlight-shortcode>Code-Block mit Hugos internem Highlight-Shortcode</a></li><li><a href=#code-block-mit-benutzerdefiniertem-eingebautem---code---shortcode>Code-Block mit benutzerdefiniertem eingebautem <code>{{ < code > }}</code> Shortcode</a></li></ul></li><li><a href=#listenarten>Listenarten</a><ul><li><a href=#geordnete-liste>Geordnete Liste</a></li><li><a href=#ungeordnete-liste>Ungeordnete Liste</a></li><li><a href=#verschachtelte-liste>Verschachtelte Liste</a></li></ul></li><li><a href=#andere-elemente--abbr-sub-sup-kbd-mark>Andere Elemente — abbr, sub, sup, kbd, mark</a></li></ul></nav></div><div class=post-content><div><p>Dieser Artikel bietet ein Beispiel für grundlegende Markdown-Syntax, die in Hugo-Inhaltsdateien verwendet werden kann. Er zeigt auch, ob grundlegende HTML-Elemente mit CSS in einem Hugo-Theme dekoriert sind.</p><h2 id=überschriften>Überschriften<a href=#überschriften class=hanchor arialabel=Anchor>#</a></h2><p>Die folgenden HTML-Elemente <code><h1></code>—<code><h6></code> repräsentieren sechs Ebenen von Abschnittsüberschriften. <code><h1></code> ist die höchste Abschnittsebene, während <code><h6></code> die niedrigste ist.</p><h1 id=h1>H1<a href=#h1 class=hanchor arialabel=Anchor>#</a></h1><h2 id=h2>H2<a href=#h2 class=hanchor arialabel=Anchor>#</a></h2><h3 id=h3>H3<a href=#h3 class=hanchor arialabel=Anchor>#</a></h3><h3 id=h4>H4<a href=#h4 class=hanchor arialabel=Anchor>#</a></h3><h4 id=h5>H5<a href=#h5 class=hanchor arialabel=Anchor>#</a></h4><h5 id=h6>H6<a href=#h6 class=hanchor arialabel=Anchor>#</a></h5><h2 id=absatz>Absatz<a href=#absatz class=hanchor arialabel=Anchor>#</a></h2><p>Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.</p><p>Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.</p><h2 id=bilder>Bilder<a href=#bilder class=hanchor arialabel=Anchor>#</a></h2><p><img src=/img/terminal-theme.png alt="Terminal Theme Preview"></p><h3 id=abbildung-mit-beschriftung>Abbildung mit Beschriftung<a href=#abbildung-mit-beschriftung class=hanchor arialabel=Anchor>#</a></h3><figure><img src=/img/terminal-theme.png alt="Terminal Theme Preview"><figcaption><p>Terminal Theme Preview</p></figcaption></figure><h2 id=zitate>Zitate<a href=#zitate class=hanchor arialabel=Anchor>#</a></h2><p>Das Blockquote-Element stellt Inhalte dar, die aus einer anderen Quelle zitiert werden, optional mit einer Zitation, die innerhalb eines <code>footer</code>- oder <code>cite</code>-Elements enthalten sein muss, und optional mit Inline-Änderungen wie Anmerkungen und Abkürzungen.</p><h3 id=blockquote-ohne-attribution>Blockquote ohne Attribution<a href=#blockquote-ohne-attribution class=hanchor arialabel=Anchor>#</a></h3><blockquote><p>Tiam, ad mint andaepu dandae nostion secatur sequo quae.
|
|
||||||
<strong>Beachte</strong>, dass du <em>Markdown-Syntax</em> innerhalb eines Blockquotes verwenden kannst.</p></blockquote><h3 id=blockquote-mit-attribution>Blockquote mit Attribution<a href=#blockquote-mit-attribution class=hanchor arialabel=Anchor>#</a></h3><blockquote><p>Kommuniziere nicht durch das Teilen von Speicher, teile Speicher durch Kommunizieren.
|
|
||||||
— Rob Pike<sup id=fnref:1><a href=#fn:1 class=footnote-ref role=doc-noteref>1</a></sup></p></blockquote><h2 id=buttons-und-links>Buttons und Links<a href=#buttons-und-links class=hanchor arialabel=Anchor>#</a></h2><p>Button
|
|
||||||
Link
|
|
||||||
Link</p><h2 id=tabellen>Tabellen<a href=#tabellen class=hanchor arialabel=Anchor>#</a></h2><p>Tabellen sind nicht Teil der Kern-Mardown-Spezifikation, aber Hugo unterstützt sie standardmäßig.</p><table><thead><tr><th>Name</th><th>Alter</th></tr></thead><tbody><tr><td>Bob</td><td>27</td></tr><tr><td>Alice</td><td>23</td></tr></tbody></table><h3 id=inline-markdown-innerhalb-von-tabellen>Inline Markdown innerhalb von Tabellen<a href=#inline-markdown-innerhalb-von-tabellen class=hanchor arialabel=Anchor>#</a></h3><table><thead><tr><th>Kursiv</th><th>Fett</th><th>Code</th></tr></thead><tbody><tr><td><em>kursiv</em></td><td><strong>fett</strong></td><td><code>code</code></td></tr></tbody></table><h2 id=formulare>Formulare<a href=#formulare class=hanchor arialabel=Anchor>#</a></h2><h2 id=code-blöcke>Code-Blöcke<a href=#code-blöcke class=hanchor arialabel=Anchor>#</a></h2><h3 id=code-block-mit-backticks>Code-Block mit Backticks<a href=#code-block-mit-backticks class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-html data-lang=html><span class=line><span class=cl><span class=cp><!doctype html></span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=p><</span><span class=nt>html</span> <span class=na>lang</span><span class=o>=</span><span class=s>"de"</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=p><</span><span class=nt>head</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>meta</span> <span class=na>charset</span><span class=o>=</span><span class=s>"utf-8"</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>title</span><span class=p>></span>Beispiel HTML5-Dokument<span class=p></</span><span class=nt>title</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=p></</span><span class=nt>head</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=p><</span><span class=nt>body</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>p</span><span class=p>></span>Test<span class=p></</span><span class=nt>p</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=p></</span><span class=nt>body</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=p></</span><span class=nt>html</span><span class=p>></span>
|
|
||||||
</span></span></code></pre></div><h3 id=code-block-eingerückt-mit-vier-leerzeichen>Code-Block eingerückt mit vier Leerzeichen<a href=#code-block-eingerückt-mit-vier-leerzeichen class=hanchor arialabel=Anchor>#</a></h3><pre><code><!doctype html>
|
|
||||||
<html lang="de">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<title>Beispiel HTML5-Dokument</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<p>Test</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
</code></pre><h3 id=code-block-mit-hugos-internem-highlight-shortcode>Code-Block mit Hugos internem Highlight-Shortcode<a href=#code-block-mit-hugos-internem-highlight-shortcode class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-html data-lang=html><span class=line><span class=cl><span class=cp><!doctype html></span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=p><</span><span class=nt>html</span> <span class=na>lang</span><span class=o>=</span><span class=s>"de"</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=p><</span><span class=nt>head</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>meta</span> <span class=na>charset</span><span class=o>=</span><span class=s>"utf-8"</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>title</span><span class=p>></span>Beispiel HTML5-Dokument<span class=p></</span><span class=nt>title</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=p></</span><span class=nt>head</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=p><</span><span class=nt>body</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p><</span><span class=nt>p</span><span class=p>></span>Test<span class=p></</span><span class=nt>p</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=p></</span><span class=nt>body</span><span class=p>></span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=p></</span><span class=nt>html</span><span class=p>></span></span></span></code></pre></div><h3 id=code-block-mit-benutzerdefiniertem-eingebautem---code---shortcode>Code-Block mit benutzerdefiniertem eingebautem <code>{{ < code > }}</code> Shortcode<a href=#code-block-mit-benutzerdefiniertem-eingebautem---code---shortcode class=hanchor arialabel=Anchor>#</a></h3><details class=collapsable-code><summary title="Click to interact"><span class=collapsable-code__title>Hey, dies ist der Titel eines Code-Blocks</span></summary><div class=highlight><pre tabindex=0 class=chroma><code class=language-css data-lang=css><span class=line><span class=cl><span class=nt>pre</span> <span class=p>{</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=k>background</span><span class=p>:</span> <span class=mh>#1a1a1d</span><span class=p>;</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=k>padding</span><span class=p>:</span> <span class=mi>20</span><span class=kt>px</span><span class=p>;</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=k>border-radius</span><span class=p>:</span> <span class=mi>8</span><span class=kt>px</span><span class=p>;</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=k>font-size</span><span class=p>:</span> <span class=mi>1</span><span class=kt>rem</span><span class=p>;</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=k>overflow</span><span class=p>:</span> <span class=kc>auto</span><span class=p>;</span>
|
|
||||||
</span></span><span class=line><span class=cl>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=err>@media</span> <span class=err>(--phone)</span> <span class=err>{</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=k>white-space</span><span class=p>:</span> <span class=kc>pre-wrap</span><span class=p>;</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=k>word-wrap</span><span class=p>:</span> <span class=kc>break-word</span><span class=p>;</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p>}</span>
|
|
||||||
</span></span><span class=line><span class=cl>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=nt>code</span> <span class=p>{</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=k>background</span><span class=p>:</span> <span class=kc>none</span> <span class=cp>!important</span><span class=p>;</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=k>color</span><span class=p>:</span> <span class=mh>#ccc</span><span class=p>;</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=k>padding</span><span class=p>:</span> <span class=mi>0</span><span class=p>;</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=k>font-size</span><span class=p>:</span> <span class=kc>inherit</span><span class=p>;</span>
|
|
||||||
</span></span><span class=line><span class=cl> <span class=p>}</span>
|
|
||||||
</span></span><span class=line><span class=cl><span class=err>}</span></span></span></code></pre></div></details><h2 id=listenarten>Listenarten<a href=#listenarten class=hanchor arialabel=Anchor>#</a></h2><h3 id=geordnete-liste>Geordnete Liste<a href=#geordnete-liste class=hanchor arialabel=Anchor>#</a></h3><ol><li>Erstes Element</li><li>Zweites Element</li><li>Drittes Element</li></ol><h3 id=ungeordnete-liste>Ungeordnete Liste<a href=#ungeordnete-liste class=hanchor arialabel=Anchor>#</a></h3><ul><li>Listenelement</li><li>Weiteres Element</li><li>Noch ein Element</li></ul><h3 id=verschachtelte-liste>Verschachtelte Liste<a href=#verschachtelte-liste class=hanchor arialabel=Anchor>#</a></h3><ul><li>Obst<ul><li>Apfel</li><li>Orange</li><li>Banane</li></ul></li><li>Milchprodukte<ul><li>Milch</li><li>Käse</li></ul></li></ul><h2 id=andere-elemente--abbr-sub-sup-kbd-mark>Andere Elemente — abbr, sub, sup, kbd, mark<a href=#andere-elemente--abbr-sub-sup-kbd-mark class=hanchor arialabel=Anchor>#</a></h2><p>GIF ist ein Bitmap-Bildformat.</p><p>H2O</p><p>Xn + Yn = Zn</p><p>Drücke CTRL+ALT+Entf, um die Sitzung zu beenden.</p><p>Die meisten Salamander sind nachtaktiv und jagen nach Insekten, Würmern und anderen kleinen Lebewesen.</p><div class=footnotes role=doc-endnotes><hr><ol><li id=fn:1><p>Das obige Zitat stammt aus Rob Pikes <a href="https://www.youtube.com/watch?v=PAAkCSZUG1c">Vortrag</a> während Gopherfest am 18. November 2015. <a href=#fnref:1 class=footnote-backref role=doc-backlink>↩︎</a></p></li></ol></div></div></div><div class=pagination><div class=pagination__title><span class=pagination__title-h>Andere Posts lesen</span><hr></div><div class=pagination__buttons><a href=https://blog.privacynerd.de/de/posts/showcase-code/ class="button inline prev">< [<span class=button__text>Varianten von Code-Blöcken</span>]
|
|
||||||
</a>::
|
|
||||||
<a href=https://blog.privacynerd.de/de/posts/random-story/ class="button inline next">[<span class=button__text>Eine beliebige Geschichte</span>] ></a></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>:: <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></span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html>
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,4 +0,0 @@
|
|||||||
<!doctype html><html lang=de><head><title>Ai :: Privacynerd's blog</title>
|
|
||||||
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/de/tags/ai/><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="Ai"><meta property="og:description" content><meta property="og:url" content="https://blog.privacynerd.de/de/tags/ai/"><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/tags/ai/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>Menu ▾</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=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></li></ul></li></ul><ul class="menu menu--desktop menu--language-selector"><li class=menu__trigger>Deutsch ▾</li><li><ul class=menu__dropdown><li><a href=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></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><h1>Posts for: #Ai</h1><div class=posts><article class="post on-list"><h1 class=post-title><a href=https://blog.privacynerd.de/de/posts/random-story/>Eine beliebige Geschichte</a></h1><div class=post-meta><time class=post-date>2025-04-08</time></div><span class=post-tags>#<a href=https://blog.privacynerd.de/de/tags/story/>story</a>
|
|
||||||
#<a href=https://blog.privacynerd.de/de/tags/ai/>ai</a> </span><div class=post-content><p>Kleine Geschichte von ChatGPT, um die Lesezeiten einzustellen.</p></div><div><a class="read-more button inline" href=/de/posts/random-story/>[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>:: <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></span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html>
|
|
||||||
@@ -1,8 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Ai on Privacynerd's blog</title><link>https://blog.privacynerd.de/de/tags/ai/</link><description>Recent content in Ai on Privacynerd's blog</description><generator>Hugo</generator><language>de</language><lastBuildDate>Tue, 08 Apr 2025 17:55:25 +0200</lastBuildDate><atom:link href="https://blog.privacynerd.de/de/tags/ai/index.xml" rel="self" type="application/rss+xml"/><item><title>Eine beliebige Geschichte</title><link>https://blog.privacynerd.de/de/posts/random-story/</link><pubDate>Tue, 08 Apr 2025 17:55:25 +0200</pubDate><guid>https://blog.privacynerd.de/de/posts/random-story/</guid><description><p>Dies ist eine beliebige Story, die von ChatGPT zum Testen und Einstellen der Lesezeit auf diesem Blog generiert wurde.</p>
|
|
||||||
<h2 id="prompt">Prompt</h2>
|
|
||||||
<p>Erzähle eine Geschichte mit ca. 200 Wörtern.</p>
|
|
||||||
<h2 id="antwort">Antwort</h2>
|
|
||||||
<p>Es war einmal in einem kleinen Dorf, umgeben von dichten Wäldern und sanften Hügeln. Dort lebte ein neugieriger Junge namens Leo, der von Abenteuern träumte. Eines Tages entdeckte er beim Spielen am Fluss einen geheimnisvollen, glitzernden Stein. Als er ihn aufhob, begann der Stein zu leuchten und eine sanfte Stimme flüsterte: „Folge dem Licht, und du wirst das Unbekannte entdecken.“
|
|
||||||
Neugierig und aufgeregt folgte Leo dem strahlenden Licht, das ihn tief in den Wald führte. Nach einer Weile erreichte er eine versteckte Lichtung, auf der ein wunderschöner, schimmernder Baum stand. Die Blätter funkelten wie Diamanten, und in der Mitte des Baumes hockte ein kleiner, freundlicher Drache namens Fuego.
|
|
||||||
Fuego erzählte Leo von einem magischen Reich, das nur durch Mut und Freundschaft betreten werden konnte. Gemeinsam erlebten sie aufregende Abenteuer, kämpften gegen Schattenwesen und halfen den Waldbewohnern. Leo lernte, dass wahre Stärke im Herzen liegt und dass Freundschaft die größte Magie von allen ist.
|
|
||||||
Als Leo schließlich nach Hause zurückkehrte, wusste er, dass er nie wieder der gleiche Junge sein würde. Der glitzernde Stein blieb bei ihm, ein ständiger Erinnerungsanker an seine unvergesslichen Abenteuer.</p></description></item></channel></rss>
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
<!doctype html><html lang=de><head><title>https://blog.privacynerd.de/de/tags/ai/</title>
|
|
||||||
<link rel=canonical href=https://blog.privacynerd.de/de/tags/ai/><meta name=robots content="noindex"><meta charset=utf-8><meta http-equiv=refresh content="0; url=https://blog.privacynerd.de/de/tags/ai/"></head></html>
|
|
||||||
@@ -1,4 +0,0 @@
|
|||||||
<!doctype html><html lang=de><head><title>Code :: Privacynerd's blog</title>
|
|
||||||
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/de/tags/code/><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="Code"><meta property="og:description" content><meta property="og:url" content="https://blog.privacynerd.de/de/tags/code/"><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/tags/code/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>Menu ▾</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=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></li></ul></li></ul><ul class="menu menu--desktop menu--language-selector"><li class=menu__trigger>Deutsch ▾</li><li><ul class=menu__dropdown><li><a href=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></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><h1>Posts for: #Code</h1><div class=posts><article class="post on-list"><h1 class=post-title><a href=https://blog.privacynerd.de/de/posts/showcase-code/>Varianten von Code-Blöcken</a></h1><div class=post-meta><time class=post-date>2025-04-09</time><span class=post-author>Radek</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/de/tags/programming/>programming</a>
|
|
||||||
#<a href=https://blog.privacynerd.de/de/tags/code/>code</a> </span><div class=post-content><p>Beispielartikel, der die beliebtesten Programmiersprachen zeigt.</p></div><div><a class="read-more button inline" href=/de/posts/showcase-code/>[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>:: <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></span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html>
|
|
||||||
@@ -1,232 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Code on Privacynerd's blog</title><link>https://blog.privacynerd.de/de/tags/code/</link><description>Recent content in Code on Privacynerd's blog</description><generator>Hugo</generator><language>de</language><lastBuildDate>Wed, 09 Apr 2025 07:17:39 +0200</lastBuildDate><atom:link href="https://blog.privacynerd.de/de/tags/code/index.xml" rel="self" type="application/rss+xml"/><item><title>Varianten von Code-Blöcken</title><link>https://blog.privacynerd.de/de/posts/showcase-code/</link><pubDate>Wed, 09 Apr 2025 07:17:39 +0200</pubDate><guid>https://blog.privacynerd.de/de/posts/showcase-code/</guid><description><p>Seit v4.2.0 verwendet das Terminal-Theme Chroma als Syntax-Highlighter. Wie die Hugo-Dokumentation angibt: &ldquo;Es ist in Go geschrieben und ist wirklich, wirklich schnell.&rdquo;</p>
|
|
||||||
<p>Im Folgenden sehen Sie viele grundlegende Präsentationen der Code-Blöcke, die je nach Bedarf verwendet werden können. Außer dem Beispiel des <code>{{ &lt; code &gt; }}</code> Shortcodes werden alle anderen Blöcke basierend auf der Konfiguration erzeugt, die Sie in der <a href="https://gohugo.io/content-management/syntax-highlighting/">offiziellen Hugo-Dokumentation</a> nachlesen können.</p>
|
|
||||||
<hr>
|
|
||||||
<h2 id="beispiele">Beispiele:</h2>
|
|
||||||
<h3 id="roh-block-ohne-spezifizierte-sprache-und-ohne-syntaxhervorhebung">Roh-Block ohne spezifizierte Sprache (und ohne Syntaxhervorhebung)</h3>
|
|
||||||
<pre tabindex="0"><code>&lt;!doctype html&gt;
|
|
||||||
&lt;html lang=&#34;en&#34;&gt;
|
|
||||||
&lt;head&gt;
|
|
||||||
&lt;meta charset=&#34;utf-8&#34; /&gt;
|
|
||||||
&lt;title&gt;Beispiel HTML5-Dokument&lt;/title&gt;
|
|
||||||
&lt;/head&gt;
|
|
||||||
&lt;body&gt;
|
|
||||||
&lt;p&gt;Test&lt;/p&gt;
|
|
||||||
&lt;/body&gt;
|
|
||||||
&lt;/html&gt;
|
|
||||||
</code></pre><h3 id="mit-spezifizierter-sprache">Mit spezifizierter Sprache</h3>
|
|
||||||
<h4 id="zeilenhervorhebung">Zeilenhervorhebung</h4>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp">&lt;!doctype html&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span> <span class="p">/&gt;</span>
|
|
||||||
</span></span><span class="line hl"><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Beispiel HTML5-Dokument<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span>
|
|
||||||
</span></span></code></pre></div><h4 id="zeilenhervorhebung--tabellenzeilennummern">Zeilenhervorhebung / Tabellenzeilennummern</h4>
|
|
||||||
<div class="highlight"><div class="chroma">
|
|
||||||
<table class="lntable"><tr><td class="lntd">
|
|
||||||
<pre tabindex="0" class="chroma"><code><span class="lnt"> 1
|
|
||||||
</span><span class="lnt"> 2
|
|
||||||
</span><span class="lnt"> 3
|
|
||||||
</span><span class="lnt"> 4
|
|
||||||
</span><span class="hl"><span class="lnt"> 5
|
|
||||||
</span></span><span class="lnt"> 6
|
|
||||||
</span><span class="lnt"> 7
|
|
||||||
</span><span class="lnt"> 8
|
|
||||||
</span><span class="lnt"> 9
|
|
||||||
</span><span class="lnt">10
|
|
||||||
</span></code></pre></td>
|
|
||||||
<td class="lntd">
|
|
||||||
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp">&lt;!doctype html&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span> <span class="p">/&gt;</span>
|
|
||||||
</span></span><span class="line hl"><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Beispiel HTML5-Dokument<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span>
|
|
||||||
</span></span></code></pre></td></tr></table>
|
|
||||||
</div>
|
|
||||||
</div><h4 id="zeilenhervorhebung--inline-zeilennummern">Zeilenhervorhebung / Inline-Zeilennummern</h4>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="ln"> 1</span><span class="cl"><span class="cp">&lt;!doctype html&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 2</span><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 3</span><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 4</span><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span> <span class="p">/&gt;</span>
|
|
||||||
</span></span><span class="line hl"><span class="ln"> 5</span><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Beispiel HTML5-Dokument<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 6</span><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 7</span><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 8</span><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 9</span><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln">10</span><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span>
|
|
||||||
</span></span></code></pre></div><h4 id="hugos-interner---highlight---shortcode">Hugos interner <code>{{ &lt; highlight &gt; }}</code> Shortcode</h4>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp">&lt;!doctype html&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Beispiel HTML5-Dokument<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span></span></span></code></pre></div>
|
|
||||||
<h4 id="benutzerdefinierter-eingebauter---code---shortcode">Benutzerdefinierter eingebauter <code>{{ &lt; code &gt; }}</code> Shortcode</h4>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<details class="collapsable-code" open>
|
|
||||||
<summary title="Click to interact"><span class="collapsable-code__title">Hey, dies ist der Titel eines Code-Blocks</span></summary>
|
|
||||||
<div class="highlight"><div class="chroma">
|
|
||||||
<table class="lntable"><tr><td class="lntd">
|
|
||||||
<pre tabindex="0" class="chroma"><code><span class="lnt"> 1
|
|
||||||
</span><span class="lnt"> 2
|
|
||||||
</span><span class="lnt"> 3
|
|
||||||
</span><span class="lnt"> 4
|
|
||||||
</span><span class="lnt"> 5
|
|
||||||
</span><span class="lnt"> 6
|
|
||||||
</span><span class="lnt"> 7
|
|
||||||
</span><span class="lnt"> 8
|
|
||||||
</span><span class="lnt"> 9
|
|
||||||
</span><span class="lnt">10
|
|
||||||
</span></code></pre></td>
|
|
||||||
<td class="lntd">
|
|
||||||
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp">&lt;!doctype html&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span> <span class="p">/&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Beispiel HTML5-Dokument<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table>
|
|
||||||
</div>
|
|
||||||
</div></details>
|
|
||||||
|
|
||||||
<h2 id="programmiersprachen">Programmiersprachen:</h2>
|
|
||||||
<h3 id="a">A</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-abap" data-lang="abap"><span class="line"><span class="cl"><span class="k">WRITE</span> <span class="s1">&#39;Hello, World!&#39;</span><span class="p">.</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-actionscript" data-lang="actionscript"><span class="line"><span class="cl"><span class="kd">package</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="kd">public</span> <span class="kd">class</span> <span class="nx">HelloWorld</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="kd">public</span> <span class="kd">static</span> <span class="kd">function</span> <span class="nx">main</span><span class="p">()</span><span class="o">:</span><span class="nx">void</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="nf">trace</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-ada" data-lang="ada"><span class="line"><span class="cl"><span class="kn">with</span> <span class="nn">Ada.Text_IO</span><span class="p">;</span> <span class="kn">use</span> <span class="nn">Ada.Text_IO</span><span class="p">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="kd">procedure</span> <span class="nf">Hello</span> <span class="kr">is</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="kr">begin</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">Put_Line</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="kr">end</span> <span class="nf">Hello</span><span class="p">;</span>
|
|
||||||
</span></span></code></pre></div><h3 id="b">B</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello, World!&#34;</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-brainfuck" data-lang="brainfuck"><span class="line"><span class="cl"><span class="nb">+</span><span class="k">[</span><span class="nb">-----</span><span class="nv">&gt;</span><span class="nb">+++</span><span class="nv">&lt;</span><span class="k">]</span><span class="nv">&gt;</span><span class="nt">.</span><span class="nb">++++++++++++</span><span class="nt">..</span><span class="nb">+++</span><span class="nt">.</span><span class="nv">&gt;</span><span class="nb">++++++</span><span class="k">[</span><span class="nb">-</span><span class="nv">&gt;</span><span class="nb">+++++++</span><span class="nv">&lt;</span><span class="k">]</span><span class="nv">&gt;</span><span class="nb">+</span><span class="nt">.</span><span class="nb">------------</span><span class="nt">.</span><span class="nb">---</span><span class="nt">.</span><span class="nb">+++++</span><span class="nt">.</span><span class="c">
|
|
||||||
</span></span></span></code></pre></div><h3 id="c">C</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-c" data-lang="c"><span class="line"><span class="cl"><span class="cp">#include</span> <span class="cpf">&lt;stdio.h&gt;</span><span class="cp">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="cp"></span><span class="kt">int</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="nf">printf</span><span class="p">(</span><span class="s">&#34;Hello, World!</span><span class="se">\n</span><span class="s">&#34;</span><span class="p">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="mi">0</span><span class="p">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-csharp" data-lang="csharp"><span class="line"><span class="cl"><span class="k">using</span> <span class="nn">System</span><span class="p">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="k">class</span> <span class="nc">Program</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="kd">static</span> <span class="k">void</span> <span class="n">Main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">Console</span><span class="p">.</span><span class="n">WriteLine</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-c++" data-lang="c++"><span class="line"><span class="cl"><span class="cp">#include</span> <span class="cpf">&lt;iostream&gt;</span><span class="cp">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="cp"></span><span class="kt">int</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">std</span><span class="o">::</span><span class="n">cout</span> <span class="o">&lt;&lt;</span> <span class="s">&#34;Hello, World!&#34;</span> <span class="o">&lt;&lt;</span> <span class="n">std</span><span class="o">::</span><span class="n">endl</span><span class="p">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="mi">0</span><span class="p">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="d">D</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-d" data-lang="d"><span class="line"><span class="cl"><span class="kn">import</span> <span class="nn">std.stdio</span><span class="o">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="kt">void</span> <span class="nf">main</span><span class="o">()</span> <span class="o">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">writeln</span><span class="o">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="o">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="o">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="e">E</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-elixir" data-lang="elixir"><span class="line"><span class="cl"><span class="nc">IO</span><span class="o">.</span><span class="n">puts</span> <span class="s2">&#34;Hello, World!&#34;</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-erlang" data-lang="erlang"><span class="line"><span class="cl"><span class="p">-</span><span class="ni">module</span><span class="p">(</span><span class="n">hello</span><span class="p">).</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">-</span><span class="ni">export</span><span class="p">([</span><span class="n">world</span><span class="o">/</span><span class="mi">0</span><span class="p">]).</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="nf">world</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="nn">io</span><span class="p">:</span><span class="nf">format</span><span class="p">(</span><span class="s">&#34;Hello, World!</span><span class="si">~n</span><span class="s">&#34;</span><span class="p">).</span>
|
|
||||||
</span></span></code></pre></div><h3 id="f">F</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-fsharp" data-lang="fsharp"><span class="line"><span class="cl"><span class="n">printfn</span> <span class="s">&#34;Hello, World!&#34;</span>
|
|
||||||
</span></span></code></pre></div><h3 id="g">G</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="kn">package</span> <span class="nx">main</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="kn">import</span> <span class="s">&#34;fmt&#34;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="kd">func</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="nx">fmt</span><span class="p">.</span><span class="nf">Println</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">)</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="h">H</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-haskell" data-lang="haskell"><span class="line"><span class="cl"><span class="nf">main</span> <span class="ow">=</span> <span class="n">putStrLn</span> <span class="s">&#34;Hello, World!&#34;</span>
|
|
||||||
</span></span></code></pre></div><h3 id="j">J</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-js" data-lang="js"><span class="line"><span class="cl"><span class="kd">var</span> <span class="nx">x</span><span class="p">,</span> <span class="nx">y</span><span class="p">,</span> <span class="nx">z</span><span class="p">;</span> <span class="c1">// Declare 3 variables
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="nx">x</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span> <span class="c1">// Assign the value 5 to x
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="nx">y</span> <span class="o">=</span> <span class="mi">6</span><span class="p">;</span> <span class="c1">// Assign the value 6 to y
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="nx">z</span> <span class="o">=</span> <span class="nx">x</span> <span class="o">+</span> <span class="nx">y</span><span class="p">;</span> <span class="c1">// Assign the sum of x and y to z
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s2">&#34;demo&#34;</span><span class="p">).</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="s2">&#34;The value of z is &#34;</span> <span class="o">+</span> <span class="nx">z</span> <span class="o">+</span> <span class="s2">&#34;.&#34;</span><span class="p">;</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-jsx" data-lang="jsx"><span class="line"><span class="cl"><span class="kd">function</span> <span class="nx">Video</span><span class="p">({</span> <span class="nx">video</span> <span class="p">})</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="p">(</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">div</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">Thumbnail</span> <span class="na">video</span><span class="o">=</span><span class="p">{</span><span class="nx">video</span><span class="p">}</span> <span class="p">/&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="p">{</span><span class="nx">video</span><span class="p">.</span><span class="nx">url</span><span class="p">}&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">h3</span><span class="p">&gt;{</span><span class="nx">video</span><span class="p">.</span><span class="nx">title</span><span class="p">}&lt;/</span><span class="nt">h3</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;{</span><span class="nx">video</span><span class="p">.</span><span class="nx">description</span><span class="p">}&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">LikeButton</span> <span class="na">video</span><span class="o">=</span><span class="p">{</span><span class="nx">video</span><span class="p">}</span> <span class="p">/&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">div</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-java" data-lang="java"><span class="line"><span class="cl"><span class="kd">public</span><span class="w"> </span><span class="kd">class</span> <span class="nc">HelloWorld</span><span class="w"> </span><span class="p">{</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="kd">public</span><span class="w"> </span><span class="kd">static</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">main</span><span class="p">(</span><span class="n">String</span><span class="o">[]</span><span class="w"> </span><span class="n">args</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="n">System</span><span class="p">.</span><span class="na">out</span><span class="p">.</span><span class="na">println</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">);</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="p">}</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="p">}</span><span class="w">
|
|
||||||
</span></span></span></code></pre></div><h3 id="k">K</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-kotlin" data-lang="kotlin"><span class="line"><span class="cl"><span class="k">fun</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">println</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">)</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="l">L</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-lua" data-lang="lua"><span class="line"><span class="cl"><span class="n">print</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">)</span>
|
|
||||||
</span></span></code></pre></div><h3 id="m">M</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-matlab" data-lang="matlab"><span class="line"><span class="cl"><span class="nb">disp</span><span class="p">(</span><span class="s">&#39;Hello, World!&#39;</span><span class="p">)</span>
|
|
||||||
</span></span></code></pre></div><h3 id="n">N</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-nim" data-lang="nim"><span class="line"><span class="cl"><span class="n">echo</span> <span class="s">&#34;Hello, World!&#34;</span>
|
|
||||||
</span></span></code></pre></div><h3 id="o">O</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-objectivec" data-lang="objectivec"><span class="line"><span class="cl"><span class="cp">#import &lt;Foundation/Foundation.h&gt;
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="cp"></span><span class="kt">int</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="k">@autoreleasepool</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">NSLog</span><span class="p">(</span><span class="s">@&#34;Hello, World!&#34;</span><span class="p">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="mi">0</span><span class="p">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="p">P</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-perl" data-lang="perl"><span class="line"><span class="cl"><span class="k">print</span><span class="p">(</span><span class="s">&#34;Hello, World!\n&#34;</span><span class="p">);</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-php" data-lang="php"><span class="line"><span class="cl"><span class="o">&lt;?</span><span class="nx">php</span> <span class="k">echo</span> <span class="s2">&#34;Hello, World!&#34;</span><span class="p">;</span> <span class="cp">?&gt;</span><span class="err">
|
|
||||||
</span></span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">)</span>
|
|
||||||
</span></span></code></pre></div><h3 id="r">R</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-r" data-lang="r"><span class="line"><span class="cl"><span class="nf">cat</span><span class="p">(</span><span class="s">&#34;Hello, World!\n&#34;</span><span class="p">)</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-ruby" data-lang="ruby"><span class="line"><span class="cl"><span class="nb">puts</span> <span class="s2">&#34;Hello, World!&#34;</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-rust" data-lang="rust"><span class="line"><span class="cl"><span class="k">fn</span> <span class="nf">main</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="fm">println!</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">);</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="p">}</span><span class="w">
|
|
||||||
</span></span></span></code></pre></div><h3 id="s">S</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-scala" data-lang="scala"><span class="line"><span class="cl"><span class="k">object</span> <span class="nc">HelloWorld</span> <span class="k">extends</span> <span class="nc">App</span> <span class="o">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">println</span><span class="o">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="o">)</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="o">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="t">T</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-typescript" data-lang="typescript"><span class="line"><span class="cl"><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">);</span>
|
|
||||||
</span></span></code></pre></div><h3 id="v">V</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-vlang" data-lang="vlang"><span class="line"><span class="cl"><span class="kd">fn</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="nb">println</span><span class="p">(</span><span class="s1">&#39;Hello, World!&#39;</span><span class="p">)</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="z">Z</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-zig" data-lang="zig"><span class="line"><span class="cl"><span class="kr">const</span><span class="w"> </span><span class="n">std</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">@import</span><span class="p">(</span><span class="s">&#34;std&#34;</span><span class="p">);</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="kr">pub</span><span class="w"> </span><span class="k">fn</span><span class="w"> </span><span class="n">main</span><span class="p">()</span><span class="w"> </span><span class="o">!</span><span class="kt">void</span><span class="w"> </span><span class="p">{</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="n">std</span><span class="p">.</span><span class="n">debug</span><span class="p">.</span><span class="n">print</span><span class="p">(</span><span class="s">&#34;Hello, World!</span><span class="se">\n</span><span class="s">&#34;</span><span class="p">,</span><span class="w"> </span><span class="p">.{});</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="p">}</span><span class="w">
|
|
||||||
</span></span></span></code></pre></div></description></item></channel></rss>
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
<!doctype html><html lang=de><head><title>https://blog.privacynerd.de/de/tags/code/</title>
|
|
||||||
<link rel=canonical href=https://blog.privacynerd.de/de/tags/code/><meta name=robots content="noindex"><meta charset=utf-8><meta http-equiv=refresh content="0; url=https://blog.privacynerd.de/de/tags/code/"></head></html>
|
|
||||||
File diff suppressed because one or more lines are too long
@@ -1 +1,11 @@
|
|||||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Tags on Privacynerd's blog</title><link>https://blog.privacynerd.de/de/tags/</link><description>Recent content in Tags on Privacynerd's blog</description><generator>Hugo</generator><language>de</language><lastBuildDate>Wed, 09 Apr 2025 07:17:39 +0200</lastBuildDate><atom:link href="https://blog.privacynerd.de/de/tags/index.xml" rel="self" type="application/rss+xml"/><item><title>Code</title><link>https://blog.privacynerd.de/de/tags/code/</link><pubDate>Wed, 09 Apr 2025 07:17:39 +0200</pubDate><guid>https://blog.privacynerd.de/de/tags/code/</guid><description/></item><item><title>Programming</title><link>https://blog.privacynerd.de/de/tags/programming/</link><pubDate>Wed, 09 Apr 2025 07:17:39 +0200</pubDate><guid>https://blog.privacynerd.de/de/tags/programming/</guid><description/></item><item><title>Markdown</title><link>https://blog.privacynerd.de/de/tags/markdown/</link><pubDate>Wed, 09 Apr 2025 07:01:12 +0200</pubDate><guid>https://blog.privacynerd.de/de/tags/markdown/</guid><description/></item><item><title>Showcase</title><link>https://blog.privacynerd.de/de/tags/showcase/</link><pubDate>Wed, 09 Apr 2025 07:01:12 +0200</pubDate><guid>https://blog.privacynerd.de/de/tags/showcase/</guid><description/></item><item><title>Styling</title><link>https://blog.privacynerd.de/de/tags/styling/</link><pubDate>Wed, 09 Apr 2025 07:01:12 +0200</pubDate><guid>https://blog.privacynerd.de/de/tags/styling/</guid><description/></item><item><title>Ai</title><link>https://blog.privacynerd.de/de/tags/ai/</link><pubDate>Tue, 08 Apr 2025 17:55:25 +0200</pubDate><guid>https://blog.privacynerd.de/de/tags/ai/</guid><description/></item><item><title>Story</title><link>https://blog.privacynerd.de/de/tags/story/</link><pubDate>Tue, 08 Apr 2025 17:55:25 +0200</pubDate><guid>https://blog.privacynerd.de/de/tags/story/</guid><description/></item></channel></rss>
|
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||||
|
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||||
|
<channel>
|
||||||
|
<title>Tags on Privacynerd's blog</title>
|
||||||
|
<link>https://blog.privacynerd.de/de/tags/</link>
|
||||||
|
<description>Recent content in Tags on Privacynerd's blog</description>
|
||||||
|
<generator>Hugo</generator>
|
||||||
|
<language>de</language>
|
||||||
|
<atom:link href="https://blog.privacynerd.de/de/tags/index.xml" rel="self" type="application/rss+xml" />
|
||||||
|
</channel>
|
||||||
|
</rss>
|
||||||
|
|||||||
@@ -1,5 +0,0 @@
|
|||||||
<!doctype html><html lang=de><head><title>Markdown :: Privacynerd's blog</title>
|
|
||||||
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/de/tags/markdown/><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="Markdown"><meta property="og:description" content><meta property="og:url" content="https://blog.privacynerd.de/de/tags/markdown/"><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/tags/markdown/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>Menu ▾</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=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></li></ul></li></ul><ul class="menu menu--desktop menu--language-selector"><li class=menu__trigger>Deutsch ▾</li><li><ul class=menu__dropdown><li><a href=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></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><h1>Posts for: #Markdown</h1><div class=posts><article class="post on-list"><h1 class=post-title><a href=https://blog.privacynerd.de/de/posts/showcase/>Beispielvorführung</a></h1><div class=post-meta><time class=post-date>2025-04-09</time><span class=post-author>Hugo Autoren & Radek</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/de/tags/showcase/>showcase</a>
|
|
||||||
#<a href=https://blog.privacynerd.de/de/tags/markdown/>markdown</a>
|
|
||||||
#<a href=https://blog.privacynerd.de/de/tags/styling/>styling</a> </span><div class=post-content><p>Beispielartikel, der grundlegendes Styling und Formatierungen für HTML-Elemente zeigt.</p></div><div><a class="read-more button inline" href=/de/posts/showcase/>[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>:: <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></span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html>
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Markdown on Privacynerd's blog</title><link>https://blog.privacynerd.de/de/tags/markdown/</link><description>Recent content in Markdown on Privacynerd's blog</description><generator>Hugo</generator><language>de</language><lastBuildDate>Wed, 09 Apr 2025 07:01:12 +0200</lastBuildDate><atom:link href="https://blog.privacynerd.de/de/tags/markdown/index.xml" rel="self" type="application/rss+xml"/><item><title>Beispielvorführung</title><link>https://blog.privacynerd.de/de/posts/showcase/</link><pubDate>Wed, 09 Apr 2025 07:01:12 +0200</pubDate><guid>https://blog.privacynerd.de/de/posts/showcase/</guid><description><p>Dieser Artikel bietet ein Beispiel für grundlegende Markdown-Syntax, die in Hugo-Inhaltsdateien verwendet werden kann. Er zeigt auch, ob grundlegende HTML-Elemente mit CSS in einem Hugo-Theme dekoriert sind.</p></description></item></channel></rss>
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
<!doctype html><html lang=de><head><title>https://blog.privacynerd.de/de/tags/markdown/</title>
|
|
||||||
<link rel=canonical href=https://blog.privacynerd.de/de/tags/markdown/><meta name=robots content="noindex"><meta charset=utf-8><meta http-equiv=refresh content="0; url=https://blog.privacynerd.de/de/tags/markdown/"></head></html>
|
|
||||||
@@ -1,4 +0,0 @@
|
|||||||
<!doctype html><html lang=de><head><title>Programming :: Privacynerd's blog</title>
|
|
||||||
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/de/tags/programming/><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="Programming"><meta property="og:description" content><meta property="og:url" content="https://blog.privacynerd.de/de/tags/programming/"><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/tags/programming/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>Menu ▾</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=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></li></ul></li></ul><ul class="menu menu--desktop menu--language-selector"><li class=menu__trigger>Deutsch ▾</li><li><ul class=menu__dropdown><li><a href=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></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><h1>Posts for: #Programming</h1><div class=posts><article class="post on-list"><h1 class=post-title><a href=https://blog.privacynerd.de/de/posts/showcase-code/>Varianten von Code-Blöcken</a></h1><div class=post-meta><time class=post-date>2025-04-09</time><span class=post-author>Radek</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/de/tags/programming/>programming</a>
|
|
||||||
#<a href=https://blog.privacynerd.de/de/tags/code/>code</a> </span><div class=post-content><p>Beispielartikel, der die beliebtesten Programmiersprachen zeigt.</p></div><div><a class="read-more button inline" href=/de/posts/showcase-code/>[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>:: <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></span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html>
|
|
||||||
@@ -1,232 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Programming on Privacynerd's blog</title><link>https://blog.privacynerd.de/de/tags/programming/</link><description>Recent content in Programming on Privacynerd's blog</description><generator>Hugo</generator><language>de</language><lastBuildDate>Wed, 09 Apr 2025 07:17:39 +0200</lastBuildDate><atom:link href="https://blog.privacynerd.de/de/tags/programming/index.xml" rel="self" type="application/rss+xml"/><item><title>Varianten von Code-Blöcken</title><link>https://blog.privacynerd.de/de/posts/showcase-code/</link><pubDate>Wed, 09 Apr 2025 07:17:39 +0200</pubDate><guid>https://blog.privacynerd.de/de/posts/showcase-code/</guid><description><p>Seit v4.2.0 verwendet das Terminal-Theme Chroma als Syntax-Highlighter. Wie die Hugo-Dokumentation angibt: &ldquo;Es ist in Go geschrieben und ist wirklich, wirklich schnell.&rdquo;</p>
|
|
||||||
<p>Im Folgenden sehen Sie viele grundlegende Präsentationen der Code-Blöcke, die je nach Bedarf verwendet werden können. Außer dem Beispiel des <code>{{ &lt; code &gt; }}</code> Shortcodes werden alle anderen Blöcke basierend auf der Konfiguration erzeugt, die Sie in der <a href="https://gohugo.io/content-management/syntax-highlighting/">offiziellen Hugo-Dokumentation</a> nachlesen können.</p>
|
|
||||||
<hr>
|
|
||||||
<h2 id="beispiele">Beispiele:</h2>
|
|
||||||
<h3 id="roh-block-ohne-spezifizierte-sprache-und-ohne-syntaxhervorhebung">Roh-Block ohne spezifizierte Sprache (und ohne Syntaxhervorhebung)</h3>
|
|
||||||
<pre tabindex="0"><code>&lt;!doctype html&gt;
|
|
||||||
&lt;html lang=&#34;en&#34;&gt;
|
|
||||||
&lt;head&gt;
|
|
||||||
&lt;meta charset=&#34;utf-8&#34; /&gt;
|
|
||||||
&lt;title&gt;Beispiel HTML5-Dokument&lt;/title&gt;
|
|
||||||
&lt;/head&gt;
|
|
||||||
&lt;body&gt;
|
|
||||||
&lt;p&gt;Test&lt;/p&gt;
|
|
||||||
&lt;/body&gt;
|
|
||||||
&lt;/html&gt;
|
|
||||||
</code></pre><h3 id="mit-spezifizierter-sprache">Mit spezifizierter Sprache</h3>
|
|
||||||
<h4 id="zeilenhervorhebung">Zeilenhervorhebung</h4>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp">&lt;!doctype html&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span> <span class="p">/&gt;</span>
|
|
||||||
</span></span><span class="line hl"><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Beispiel HTML5-Dokument<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span>
|
|
||||||
</span></span></code></pre></div><h4 id="zeilenhervorhebung--tabellenzeilennummern">Zeilenhervorhebung / Tabellenzeilennummern</h4>
|
|
||||||
<div class="highlight"><div class="chroma">
|
|
||||||
<table class="lntable"><tr><td class="lntd">
|
|
||||||
<pre tabindex="0" class="chroma"><code><span class="lnt"> 1
|
|
||||||
</span><span class="lnt"> 2
|
|
||||||
</span><span class="lnt"> 3
|
|
||||||
</span><span class="lnt"> 4
|
|
||||||
</span><span class="hl"><span class="lnt"> 5
|
|
||||||
</span></span><span class="lnt"> 6
|
|
||||||
</span><span class="lnt"> 7
|
|
||||||
</span><span class="lnt"> 8
|
|
||||||
</span><span class="lnt"> 9
|
|
||||||
</span><span class="lnt">10
|
|
||||||
</span></code></pre></td>
|
|
||||||
<td class="lntd">
|
|
||||||
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp">&lt;!doctype html&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span> <span class="p">/&gt;</span>
|
|
||||||
</span></span><span class="line hl"><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Beispiel HTML5-Dokument<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span>
|
|
||||||
</span></span></code></pre></td></tr></table>
|
|
||||||
</div>
|
|
||||||
</div><h4 id="zeilenhervorhebung--inline-zeilennummern">Zeilenhervorhebung / Inline-Zeilennummern</h4>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="ln"> 1</span><span class="cl"><span class="cp">&lt;!doctype html&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 2</span><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 3</span><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 4</span><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span> <span class="p">/&gt;</span>
|
|
||||||
</span></span><span class="line hl"><span class="ln"> 5</span><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Beispiel HTML5-Dokument<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 6</span><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 7</span><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 8</span><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 9</span><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln">10</span><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span>
|
|
||||||
</span></span></code></pre></div><h4 id="hugos-interner---highlight---shortcode">Hugos interner <code>{{ &lt; highlight &gt; }}</code> Shortcode</h4>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp">&lt;!doctype html&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Beispiel HTML5-Dokument<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span></span></span></code></pre></div>
|
|
||||||
<h4 id="benutzerdefinierter-eingebauter---code---shortcode">Benutzerdefinierter eingebauter <code>{{ &lt; code &gt; }}</code> Shortcode</h4>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<details class="collapsable-code" open>
|
|
||||||
<summary title="Click to interact"><span class="collapsable-code__title">Hey, dies ist der Titel eines Code-Blocks</span></summary>
|
|
||||||
<div class="highlight"><div class="chroma">
|
|
||||||
<table class="lntable"><tr><td class="lntd">
|
|
||||||
<pre tabindex="0" class="chroma"><code><span class="lnt"> 1
|
|
||||||
</span><span class="lnt"> 2
|
|
||||||
</span><span class="lnt"> 3
|
|
||||||
</span><span class="lnt"> 4
|
|
||||||
</span><span class="lnt"> 5
|
|
||||||
</span><span class="lnt"> 6
|
|
||||||
</span><span class="lnt"> 7
|
|
||||||
</span><span class="lnt"> 8
|
|
||||||
</span><span class="lnt"> 9
|
|
||||||
</span><span class="lnt">10
|
|
||||||
</span></code></pre></td>
|
|
||||||
<td class="lntd">
|
|
||||||
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp">&lt;!doctype html&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span> <span class="p">/&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Beispiel HTML5-Dokument<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table>
|
|
||||||
</div>
|
|
||||||
</div></details>
|
|
||||||
|
|
||||||
<h2 id="programmiersprachen">Programmiersprachen:</h2>
|
|
||||||
<h3 id="a">A</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-abap" data-lang="abap"><span class="line"><span class="cl"><span class="k">WRITE</span> <span class="s1">&#39;Hello, World!&#39;</span><span class="p">.</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-actionscript" data-lang="actionscript"><span class="line"><span class="cl"><span class="kd">package</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="kd">public</span> <span class="kd">class</span> <span class="nx">HelloWorld</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="kd">public</span> <span class="kd">static</span> <span class="kd">function</span> <span class="nx">main</span><span class="p">()</span><span class="o">:</span><span class="nx">void</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="nf">trace</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-ada" data-lang="ada"><span class="line"><span class="cl"><span class="kn">with</span> <span class="nn">Ada.Text_IO</span><span class="p">;</span> <span class="kn">use</span> <span class="nn">Ada.Text_IO</span><span class="p">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="kd">procedure</span> <span class="nf">Hello</span> <span class="kr">is</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="kr">begin</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">Put_Line</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="kr">end</span> <span class="nf">Hello</span><span class="p">;</span>
|
|
||||||
</span></span></code></pre></div><h3 id="b">B</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello, World!&#34;</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-brainfuck" data-lang="brainfuck"><span class="line"><span class="cl"><span class="nb">+</span><span class="k">[</span><span class="nb">-----</span><span class="nv">&gt;</span><span class="nb">+++</span><span class="nv">&lt;</span><span class="k">]</span><span class="nv">&gt;</span><span class="nt">.</span><span class="nb">++++++++++++</span><span class="nt">..</span><span class="nb">+++</span><span class="nt">.</span><span class="nv">&gt;</span><span class="nb">++++++</span><span class="k">[</span><span class="nb">-</span><span class="nv">&gt;</span><span class="nb">+++++++</span><span class="nv">&lt;</span><span class="k">]</span><span class="nv">&gt;</span><span class="nb">+</span><span class="nt">.</span><span class="nb">------------</span><span class="nt">.</span><span class="nb">---</span><span class="nt">.</span><span class="nb">+++++</span><span class="nt">.</span><span class="c">
|
|
||||||
</span></span></span></code></pre></div><h3 id="c">C</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-c" data-lang="c"><span class="line"><span class="cl"><span class="cp">#include</span> <span class="cpf">&lt;stdio.h&gt;</span><span class="cp">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="cp"></span><span class="kt">int</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="nf">printf</span><span class="p">(</span><span class="s">&#34;Hello, World!</span><span class="se">\n</span><span class="s">&#34;</span><span class="p">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="mi">0</span><span class="p">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-csharp" data-lang="csharp"><span class="line"><span class="cl"><span class="k">using</span> <span class="nn">System</span><span class="p">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="k">class</span> <span class="nc">Program</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="kd">static</span> <span class="k">void</span> <span class="n">Main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">Console</span><span class="p">.</span><span class="n">WriteLine</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-c++" data-lang="c++"><span class="line"><span class="cl"><span class="cp">#include</span> <span class="cpf">&lt;iostream&gt;</span><span class="cp">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="cp"></span><span class="kt">int</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">std</span><span class="o">::</span><span class="n">cout</span> <span class="o">&lt;&lt;</span> <span class="s">&#34;Hello, World!&#34;</span> <span class="o">&lt;&lt;</span> <span class="n">std</span><span class="o">::</span><span class="n">endl</span><span class="p">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="mi">0</span><span class="p">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="d">D</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-d" data-lang="d"><span class="line"><span class="cl"><span class="kn">import</span> <span class="nn">std.stdio</span><span class="o">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="kt">void</span> <span class="nf">main</span><span class="o">()</span> <span class="o">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">writeln</span><span class="o">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="o">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="o">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="e">E</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-elixir" data-lang="elixir"><span class="line"><span class="cl"><span class="nc">IO</span><span class="o">.</span><span class="n">puts</span> <span class="s2">&#34;Hello, World!&#34;</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-erlang" data-lang="erlang"><span class="line"><span class="cl"><span class="p">-</span><span class="ni">module</span><span class="p">(</span><span class="n">hello</span><span class="p">).</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">-</span><span class="ni">export</span><span class="p">([</span><span class="n">world</span><span class="o">/</span><span class="mi">0</span><span class="p">]).</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="nf">world</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="nn">io</span><span class="p">:</span><span class="nf">format</span><span class="p">(</span><span class="s">&#34;Hello, World!</span><span class="si">~n</span><span class="s">&#34;</span><span class="p">).</span>
|
|
||||||
</span></span></code></pre></div><h3 id="f">F</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-fsharp" data-lang="fsharp"><span class="line"><span class="cl"><span class="n">printfn</span> <span class="s">&#34;Hello, World!&#34;</span>
|
|
||||||
</span></span></code></pre></div><h3 id="g">G</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="kn">package</span> <span class="nx">main</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="kn">import</span> <span class="s">&#34;fmt&#34;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="kd">func</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="nx">fmt</span><span class="p">.</span><span class="nf">Println</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">)</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="h">H</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-haskell" data-lang="haskell"><span class="line"><span class="cl"><span class="nf">main</span> <span class="ow">=</span> <span class="n">putStrLn</span> <span class="s">&#34;Hello, World!&#34;</span>
|
|
||||||
</span></span></code></pre></div><h3 id="j">J</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-js" data-lang="js"><span class="line"><span class="cl"><span class="kd">var</span> <span class="nx">x</span><span class="p">,</span> <span class="nx">y</span><span class="p">,</span> <span class="nx">z</span><span class="p">;</span> <span class="c1">// Declare 3 variables
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="nx">x</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span> <span class="c1">// Assign the value 5 to x
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="nx">y</span> <span class="o">=</span> <span class="mi">6</span><span class="p">;</span> <span class="c1">// Assign the value 6 to y
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="nx">z</span> <span class="o">=</span> <span class="nx">x</span> <span class="o">+</span> <span class="nx">y</span><span class="p">;</span> <span class="c1">// Assign the sum of x and y to z
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s2">&#34;demo&#34;</span><span class="p">).</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="s2">&#34;The value of z is &#34;</span> <span class="o">+</span> <span class="nx">z</span> <span class="o">+</span> <span class="s2">&#34;.&#34;</span><span class="p">;</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-jsx" data-lang="jsx"><span class="line"><span class="cl"><span class="kd">function</span> <span class="nx">Video</span><span class="p">({</span> <span class="nx">video</span> <span class="p">})</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="p">(</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">div</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">Thumbnail</span> <span class="na">video</span><span class="o">=</span><span class="p">{</span><span class="nx">video</span><span class="p">}</span> <span class="p">/&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="p">{</span><span class="nx">video</span><span class="p">.</span><span class="nx">url</span><span class="p">}&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">h3</span><span class="p">&gt;{</span><span class="nx">video</span><span class="p">.</span><span class="nx">title</span><span class="p">}&lt;/</span><span class="nt">h3</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;{</span><span class="nx">video</span><span class="p">.</span><span class="nx">description</span><span class="p">}&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">LikeButton</span> <span class="na">video</span><span class="o">=</span><span class="p">{</span><span class="nx">video</span><span class="p">}</span> <span class="p">/&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">div</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-java" data-lang="java"><span class="line"><span class="cl"><span class="kd">public</span><span class="w"> </span><span class="kd">class</span> <span class="nc">HelloWorld</span><span class="w"> </span><span class="p">{</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="kd">public</span><span class="w"> </span><span class="kd">static</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">main</span><span class="p">(</span><span class="n">String</span><span class="o">[]</span><span class="w"> </span><span class="n">args</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="n">System</span><span class="p">.</span><span class="na">out</span><span class="p">.</span><span class="na">println</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">);</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="p">}</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="p">}</span><span class="w">
|
|
||||||
</span></span></span></code></pre></div><h3 id="k">K</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-kotlin" data-lang="kotlin"><span class="line"><span class="cl"><span class="k">fun</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">println</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">)</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="l">L</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-lua" data-lang="lua"><span class="line"><span class="cl"><span class="n">print</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">)</span>
|
|
||||||
</span></span></code></pre></div><h3 id="m">M</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-matlab" data-lang="matlab"><span class="line"><span class="cl"><span class="nb">disp</span><span class="p">(</span><span class="s">&#39;Hello, World!&#39;</span><span class="p">)</span>
|
|
||||||
</span></span></code></pre></div><h3 id="n">N</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-nim" data-lang="nim"><span class="line"><span class="cl"><span class="n">echo</span> <span class="s">&#34;Hello, World!&#34;</span>
|
|
||||||
</span></span></code></pre></div><h3 id="o">O</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-objectivec" data-lang="objectivec"><span class="line"><span class="cl"><span class="cp">#import &lt;Foundation/Foundation.h&gt;
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="cp"></span><span class="kt">int</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="k">@autoreleasepool</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">NSLog</span><span class="p">(</span><span class="s">@&#34;Hello, World!&#34;</span><span class="p">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="mi">0</span><span class="p">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="p">P</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-perl" data-lang="perl"><span class="line"><span class="cl"><span class="k">print</span><span class="p">(</span><span class="s">&#34;Hello, World!\n&#34;</span><span class="p">);</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-php" data-lang="php"><span class="line"><span class="cl"><span class="o">&lt;?</span><span class="nx">php</span> <span class="k">echo</span> <span class="s2">&#34;Hello, World!&#34;</span><span class="p">;</span> <span class="cp">?&gt;</span><span class="err">
|
|
||||||
</span></span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">)</span>
|
|
||||||
</span></span></code></pre></div><h3 id="r">R</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-r" data-lang="r"><span class="line"><span class="cl"><span class="nf">cat</span><span class="p">(</span><span class="s">&#34;Hello, World!\n&#34;</span><span class="p">)</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-ruby" data-lang="ruby"><span class="line"><span class="cl"><span class="nb">puts</span> <span class="s2">&#34;Hello, World!&#34;</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-rust" data-lang="rust"><span class="line"><span class="cl"><span class="k">fn</span> <span class="nf">main</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="fm">println!</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">);</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="p">}</span><span class="w">
|
|
||||||
</span></span></span></code></pre></div><h3 id="s">S</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-scala" data-lang="scala"><span class="line"><span class="cl"><span class="k">object</span> <span class="nc">HelloWorld</span> <span class="k">extends</span> <span class="nc">App</span> <span class="o">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">println</span><span class="o">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="o">)</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="o">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="t">T</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-typescript" data-lang="typescript"><span class="line"><span class="cl"><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">);</span>
|
|
||||||
</span></span></code></pre></div><h3 id="v">V</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-vlang" data-lang="vlang"><span class="line"><span class="cl"><span class="kd">fn</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="nb">println</span><span class="p">(</span><span class="s1">&#39;Hello, World!&#39;</span><span class="p">)</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="z">Z</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-zig" data-lang="zig"><span class="line"><span class="cl"><span class="kr">const</span><span class="w"> </span><span class="n">std</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">@import</span><span class="p">(</span><span class="s">&#34;std&#34;</span><span class="p">);</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="kr">pub</span><span class="w"> </span><span class="k">fn</span><span class="w"> </span><span class="n">main</span><span class="p">()</span><span class="w"> </span><span class="o">!</span><span class="kt">void</span><span class="w"> </span><span class="p">{</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="n">std</span><span class="p">.</span><span class="n">debug</span><span class="p">.</span><span class="n">print</span><span class="p">(</span><span class="s">&#34;Hello, World!</span><span class="se">\n</span><span class="s">&#34;</span><span class="p">,</span><span class="w"> </span><span class="p">.{});</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="p">}</span><span class="w">
|
|
||||||
</span></span></span></code></pre></div></description></item></channel></rss>
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
<!doctype html><html lang=de><head><title>https://blog.privacynerd.de/de/tags/programming/</title>
|
|
||||||
<link rel=canonical href=https://blog.privacynerd.de/de/tags/programming/><meta name=robots content="noindex"><meta charset=utf-8><meta http-equiv=refresh content="0; url=https://blog.privacynerd.de/de/tags/programming/"></head></html>
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
<!doctype html><html lang=de><head><title>Showcase :: Privacynerd's blog</title>
|
|
||||||
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/de/tags/showcase/><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="Showcase"><meta property="og:description" content><meta property="og:url" content="https://blog.privacynerd.de/de/tags/showcase/"><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/tags/showcase/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>Menu ▾</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=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></li></ul></li></ul><ul class="menu menu--desktop menu--language-selector"><li class=menu__trigger>Deutsch ▾</li><li><ul class=menu__dropdown><li><a href=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></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><h1>Posts for: #Showcase</h1><div class=posts><article class="post on-list"><h1 class=post-title><a href=https://blog.privacynerd.de/de/posts/showcase/>Beispielvorführung</a></h1><div class=post-meta><time class=post-date>2025-04-09</time><span class=post-author>Hugo Autoren & Radek</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/de/tags/showcase/>showcase</a>
|
|
||||||
#<a href=https://blog.privacynerd.de/de/tags/markdown/>markdown</a>
|
|
||||||
#<a href=https://blog.privacynerd.de/de/tags/styling/>styling</a> </span><div class=post-content><p>Beispielartikel, der grundlegendes Styling und Formatierungen für HTML-Elemente zeigt.</p></div><div><a class="read-more button inline" href=/de/posts/showcase/>[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>:: <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></span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html>
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Showcase on Privacynerd's blog</title><link>https://blog.privacynerd.de/de/tags/showcase/</link><description>Recent content in Showcase on Privacynerd's blog</description><generator>Hugo</generator><language>de</language><lastBuildDate>Wed, 09 Apr 2025 07:01:12 +0200</lastBuildDate><atom:link href="https://blog.privacynerd.de/de/tags/showcase/index.xml" rel="self" type="application/rss+xml"/><item><title>Beispielvorführung</title><link>https://blog.privacynerd.de/de/posts/showcase/</link><pubDate>Wed, 09 Apr 2025 07:01:12 +0200</pubDate><guid>https://blog.privacynerd.de/de/posts/showcase/</guid><description><p>Dieser Artikel bietet ein Beispiel für grundlegende Markdown-Syntax, die in Hugo-Inhaltsdateien verwendet werden kann. Er zeigt auch, ob grundlegende HTML-Elemente mit CSS in einem Hugo-Theme dekoriert sind.</p></description></item></channel></rss>
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
<!doctype html><html lang=de><head><title>https://blog.privacynerd.de/de/tags/showcase/</title>
|
|
||||||
<link rel=canonical href=https://blog.privacynerd.de/de/tags/showcase/><meta name=robots content="noindex"><meta charset=utf-8><meta http-equiv=refresh content="0; url=https://blog.privacynerd.de/de/tags/showcase/"></head></html>
|
|
||||||
@@ -1,4 +0,0 @@
|
|||||||
<!doctype html><html lang=de><head><title>Story :: Privacynerd's blog</title>
|
|
||||||
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/de/tags/story/><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="Story"><meta property="og:description" content><meta property="og:url" content="https://blog.privacynerd.de/de/tags/story/"><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/tags/story/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>Menu ▾</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=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></li></ul></li></ul><ul class="menu menu--desktop menu--language-selector"><li class=menu__trigger>Deutsch ▾</li><li><ul class=menu__dropdown><li><a href=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></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><h1>Posts for: #Story</h1><div class=posts><article class="post on-list"><h1 class=post-title><a href=https://blog.privacynerd.de/de/posts/random-story/>Eine beliebige Geschichte</a></h1><div class=post-meta><time class=post-date>2025-04-08</time></div><span class=post-tags>#<a href=https://blog.privacynerd.de/de/tags/story/>story</a>
|
|
||||||
#<a href=https://blog.privacynerd.de/de/tags/ai/>ai</a> </span><div class=post-content><p>Kleine Geschichte von ChatGPT, um die Lesezeiten einzustellen.</p></div><div><a class="read-more button inline" href=/de/posts/random-story/>[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>:: <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></span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html>
|
|
||||||
@@ -1,8 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Story on Privacynerd's blog</title><link>https://blog.privacynerd.de/de/tags/story/</link><description>Recent content in Story on Privacynerd's blog</description><generator>Hugo</generator><language>de</language><lastBuildDate>Tue, 08 Apr 2025 17:55:25 +0200</lastBuildDate><atom:link href="https://blog.privacynerd.de/de/tags/story/index.xml" rel="self" type="application/rss+xml"/><item><title>Eine beliebige Geschichte</title><link>https://blog.privacynerd.de/de/posts/random-story/</link><pubDate>Tue, 08 Apr 2025 17:55:25 +0200</pubDate><guid>https://blog.privacynerd.de/de/posts/random-story/</guid><description><p>Dies ist eine beliebige Story, die von ChatGPT zum Testen und Einstellen der Lesezeit auf diesem Blog generiert wurde.</p>
|
|
||||||
<h2 id="prompt">Prompt</h2>
|
|
||||||
<p>Erzähle eine Geschichte mit ca. 200 Wörtern.</p>
|
|
||||||
<h2 id="antwort">Antwort</h2>
|
|
||||||
<p>Es war einmal in einem kleinen Dorf, umgeben von dichten Wäldern und sanften Hügeln. Dort lebte ein neugieriger Junge namens Leo, der von Abenteuern träumte. Eines Tages entdeckte er beim Spielen am Fluss einen geheimnisvollen, glitzernden Stein. Als er ihn aufhob, begann der Stein zu leuchten und eine sanfte Stimme flüsterte: „Folge dem Licht, und du wirst das Unbekannte entdecken.“
|
|
||||||
Neugierig und aufgeregt folgte Leo dem strahlenden Licht, das ihn tief in den Wald führte. Nach einer Weile erreichte er eine versteckte Lichtung, auf der ein wunderschöner, schimmernder Baum stand. Die Blätter funkelten wie Diamanten, und in der Mitte des Baumes hockte ein kleiner, freundlicher Drache namens Fuego.
|
|
||||||
Fuego erzählte Leo von einem magischen Reich, das nur durch Mut und Freundschaft betreten werden konnte. Gemeinsam erlebten sie aufregende Abenteuer, kämpften gegen Schattenwesen und halfen den Waldbewohnern. Leo lernte, dass wahre Stärke im Herzen liegt und dass Freundschaft die größte Magie von allen ist.
|
|
||||||
Als Leo schließlich nach Hause zurückkehrte, wusste er, dass er nie wieder der gleiche Junge sein würde. Der glitzernde Stein blieb bei ihm, ein ständiger Erinnerungsanker an seine unvergesslichen Abenteuer.</p></description></item></channel></rss>
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
<!doctype html><html lang=de><head><title>https://blog.privacynerd.de/de/tags/story/</title>
|
|
||||||
<link rel=canonical href=https://blog.privacynerd.de/de/tags/story/><meta name=robots content="noindex"><meta charset=utf-8><meta http-equiv=refresh content="0; url=https://blog.privacynerd.de/de/tags/story/"></head></html>
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
<!doctype html><html lang=de><head><title>Styling :: Privacynerd's blog</title>
|
|
||||||
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/de/tags/styling/><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="Styling"><meta property="og:description" content><meta property="og:url" content="https://blog.privacynerd.de/de/tags/styling/"><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/tags/styling/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>Menu ▾</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=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></li></ul></li></ul><ul class="menu menu--desktop menu--language-selector"><li class=menu__trigger>Deutsch ▾</li><li><ul class=menu__dropdown><li><a href=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></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><h1>Posts for: #Styling</h1><div class=posts><article class="post on-list"><h1 class=post-title><a href=https://blog.privacynerd.de/de/posts/showcase/>Beispielvorführung</a></h1><div class=post-meta><time class=post-date>2025-04-09</time><span class=post-author>Hugo Autoren & Radek</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/de/tags/showcase/>showcase</a>
|
|
||||||
#<a href=https://blog.privacynerd.de/de/tags/markdown/>markdown</a>
|
|
||||||
#<a href=https://blog.privacynerd.de/de/tags/styling/>styling</a> </span><div class=post-content><p>Beispielartikel, der grundlegendes Styling und Formatierungen für HTML-Elemente zeigt.</p></div><div><a class="read-more button inline" href=/de/posts/showcase/>[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>:: <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></span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html>
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Styling on Privacynerd's blog</title><link>https://blog.privacynerd.de/de/tags/styling/</link><description>Recent content in Styling on Privacynerd's blog</description><generator>Hugo</generator><language>de</language><lastBuildDate>Wed, 09 Apr 2025 07:01:12 +0200</lastBuildDate><atom:link href="https://blog.privacynerd.de/de/tags/styling/index.xml" rel="self" type="application/rss+xml"/><item><title>Beispielvorführung</title><link>https://blog.privacynerd.de/de/posts/showcase/</link><pubDate>Wed, 09 Apr 2025 07:01:12 +0200</pubDate><guid>https://blog.privacynerd.de/de/posts/showcase/</guid><description><p>Dieser Artikel bietet ein Beispiel für grundlegende Markdown-Syntax, die in Hugo-Inhaltsdateien verwendet werden kann. Er zeigt auch, ob grundlegende HTML-Elemente mit CSS in einem Hugo-Theme dekoriert sind.</p></description></item></channel></rss>
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
<!doctype html><html lang=de><head><title>https://blog.privacynerd.de/de/tags/styling/</title>
|
|
||||||
<link rel=canonical href=https://blog.privacynerd.de/de/tags/styling/><meta name=robots content="noindex"><meta charset=utf-8><meta http-equiv=refresh content="0; url=https://blog.privacynerd.de/de/tags/styling/"></head></html>
|
|
||||||
@@ -1,3 +1,300 @@
|
|||||||
<!doctype html><html lang=en><head><title>404 Page not found :: Privacynerd's blog</title>
|
<!DOCTYPE html>
|
||||||
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/en/404.html><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="404 Page not found"><meta property="og:description" content><meta property="og:url" content="https://blog.privacynerd.de/en/404.html"><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"><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><a href=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></li></ul></li></ul><ul class="menu menu--desktop menu--language-selector"><li class=menu__trigger>English ▾</li><li><ul class=menu__dropdown><li><a href=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>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=post><h1 class=post-title>404 — Page not found...</h1><div class=post-content><a href=https://blog.privacynerd.de/>Back to home page →</a></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>
|
<html lang="en">
|
||||||
<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></span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html>
|
<head>
|
||||||
|
|
||||||
|
<title>404 Page not found :: 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/404.html" />
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<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="404 Page not found">
|
||||||
|
<meta property="og:description" content="" />
|
||||||
|
<meta property="og:url" content="https://blog.privacynerd.de/en/404.html" />
|
||||||
|
<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">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<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/404.html">English</a>
|
||||||
|
</b>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<li>
|
||||||
|
|
||||||
|
<a href="/de/404.html">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/404.html">English</a>
|
||||||
|
</b>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<li>
|
||||||
|
|
||||||
|
<a href="/de/404.html">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="post">
|
||||||
|
<h1 class="post-title">404 — Page not found...</h1>
|
||||||
|
|
||||||
|
<div class="post-content">
|
||||||
|
<a href="https://blog.privacynerd.de/">Back to home page →</a>
|
||||||
|
</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%2f404.html">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>
|
||||||
|
|||||||
@@ -1,16 +1,337 @@
|
|||||||
<!doctype html><html lang=en><head><title>About :: Privacynerd's blog</title>
|
<!DOCTYPE html>
|
||||||
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="Hello in a new age You can call me Mirus and I forked the original Terminal theme for Hugo, because Radek, the original creator of the theme stop the maintenance and archived the repo.
|
<html lang="en">
|
||||||
So I already pushed a few improvements that I did for my humble blog and I’m going to add some more features in the future, also any contribution is welcome
|
<head>
|
||||||
Below you can read the original about from Radek
|
|
||||||
"><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/en/about/><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="About"><meta property="og:description" content="Hello in a new age You can call me Mirus and I forked the original Terminal theme for Hugo, because Radek, the original creator of the theme stop the maintenance and archived the repo.
|
<title>About :: Privacynerd's blog</title>
|
||||||
So I already pushed a few improvements that I did for my humble blog and I’m going to add some more features in the future, also any contribution is welcome
|
|
||||||
Below you can read the original about from Radek
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
"><meta property="og:url" content="https://blog.privacynerd.de/en/about/"><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"><meta property="article:published_time" content="2025-04-05 20:14:29 +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><a href=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></li></ul></li></ul><ul class="menu menu--desktop menu--language-selector"><li class=menu__trigger>English ▾</li><li><ul class=menu__dropdown><li><a href=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>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/about/>About</a></h1><div class=post-meta><time class=post-date>2025-04-05</time><span class=post-reading-time>1 min read (190 words)</span></div><div class=post-content><div><h1 id=hello-in-a-new-age>Hello in a new age<a href=#hello-in-a-new-age class=hanchor arialabel=Anchor>#</a></h1><p>You can call me Mirus and I forked the original Terminal theme for Hugo, because Radek, the original creator of the theme stop the maintenance and archived the repo.</p><p>So I already pushed a few improvements that I did for my humble blog and I’m going to add some more features in the future, also any contribution is welcome</p><p>Below you can read the original about from Radek</p><blockquote><p>Hi there</p><p>My name is Radek and I’m the author of this theme.
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
I made it to help you present your ideas easier.</p><p>We all know how hard is to start something on the web,
|
<meta name="description" content="The intention Well, my Name is Benjamin, and I’m mostly known as BlueFox. I love tinkering around with electronics, 3D printing stuff and working with wood, but I also do a bit of programming and am an avid self-hoster.
|
||||||
especially these days. You need to prepare a bunch of stuff,
|
This is my personal blog (driven in my free time, all of this is just a hobby) about all the kinds of things I’m doing DIY-wise. This includes:
|
||||||
configure them and when that’s done — create the content.</p><p>This theme is pretty basic and covers all of the essentials.
|
posts about my DIY projects, about new experiences that I gather while tinkering, also an update here and there on existing projects and libraries of mine, and maybe something completely new! Just have a look around, perhaps you’ll find something interesting!
|
||||||
All you have to do is start typing!</p><p>The theme includes:</p><ul><li><strong>5 duotone themes</strong>,
|
" />
|
||||||
depending on your preferences (orange, red, blue, green, pink)</li><li><a href=https://github.com/tonsky/FiraCode><strong>Fira Code</strong></a>
|
<meta name="keywords" content="" />
|
||||||
as default monospaced font. It’s gorgeous!</li><li><strong>really nice, custom duotone</strong> syntax highlighting based on
|
|
||||||
<a href=https://prismjs.com><strong>PrismJS</strong></a></li><li>mobile friendly layout</li></ul><p>So, there you have it… enjoy!</p></blockquote><p>Blubb.</p></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>
|
<meta name="robots" content="noodp" />
|
||||||
<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></span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html>
|
|
||||||
|
<link rel="canonical" href="https://blog.privacynerd.de/en/about/" />
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<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="About">
|
||||||
|
<meta property="og:description" content="The intention Well, my Name is Benjamin, and I’m mostly known as BlueFox. I love tinkering around with electronics, 3D printing stuff and working with wood, but I also do a bit of programming and am an avid self-hoster.
|
||||||
|
This is my personal blog (driven in my free time, all of this is just a hobby) about all the kinds of things I’m doing DIY-wise. This includes:
|
||||||
|
posts about my DIY projects, about new experiences that I gather while tinkering, also an update here and there on existing projects and libraries of mine, and maybe something completely new! Just have a look around, perhaps you’ll find something interesting!
|
||||||
|
" />
|
||||||
|
<meta property="og:url" content="https://blog.privacynerd.de/en/about/" />
|
||||||
|
<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">
|
||||||
|
|
||||||
|
|
||||||
|
<meta property="article:published_time" content="2025-04-13 13:02: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/about/">English</a>
|
||||||
|
</b>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<li>
|
||||||
|
|
||||||
|
<a href="/de/about/">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/about/">English</a>
|
||||||
|
</b>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<li>
|
||||||
|
|
||||||
|
<a href="/de/about/">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/about/">About</a>
|
||||||
|
</h1>
|
||||||
|
<div class="post-meta"><time class="post-date">2025-04-13</time><span class="post-reading-time">3 minutes to read (244 words)</span></div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="post-content"><div>
|
||||||
|
<h2 id="intention">The intention<a href="#intention" class="hanchor" ariaLabel="Anchor">#</a> </h2>
|
||||||
|
<p>Well, my Name is Benjamin, and I’m mostly known as BlueFox. I love tinkering around with electronics, 3D printing stuff and working with wood, but I also do a bit of programming and am an avid self-hoster.</p>
|
||||||
|
<p>This is my personal blog (driven in my free time, all of this is just a hobby) about all the kinds of things I’m doing DIY-wise. This includes:</p>
|
||||||
|
<ul>
|
||||||
|
<li>posts 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 of mine,</li>
|
||||||
|
<li>and maybe something completely new!</li>
|
||||||
|
</ul>
|
||||||
|
<p>Just have a <a href="/en/">look around</a>, perhaps you’ll find something interesting!</p>
|
||||||
|
<h2 id="the-logo">The Logo<a href="#the-logo" class="hanchor" ariaLabel="Anchor">#</a> </h2>
|
||||||
|
<p>The logo for this blog was created when I was bored at some point. I just loved the look of it and since then, I use it regularly for projects of mine. To be more precise, I drew it when I was maybe 11 years old, and the first time it was used was in a <code>Django + Python</code> project of mine, called “PiFi” - which is now also the name of a high-speed wifi upgrade kit and a hifi system, both based on Raspberry Pi’s (but these are completely unrelated and couldn’t have known my naming). Whatever.</p>
|
||||||
|
<h2 id="the-story-behind-it">The story behind it (and more)<a href="#the-story-behind-it" class="hanchor" ariaLabel="Anchor">#</a> </h2>
|
||||||
|
<p>The first post in this blog reveals a lot about the history and how the idea for this blog came about. If you are interested, you can read it <a href="https://blog.privacynerd.de/en/posts/how-it-all-began/">here</a>.</p>
|
||||||
|
|
||||||
|
</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%2fabout%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>
|
||||||
|
|||||||
@@ -1,3 +1,302 @@
|
|||||||
<!doctype html><html lang=en><head><title>Categories :: Privacynerd's blog</title>
|
<!DOCTYPE html>
|
||||||
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/en/categories/><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="Categories"><meta property="og:description" content><meta property="og:url" content="https://blog.privacynerd.de/en/categories/"><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/categories/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><a href=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></li></ul></li></ul><ul class="menu menu--desktop menu--language-selector"><li class=menu__trigger>English ▾</li><li><ul class=menu__dropdown><li><a href=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>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=terms><h1>Categories</h1><ul></ul></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>
|
<html lang="en">
|
||||||
<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></span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html>
|
<head>
|
||||||
|
|
||||||
|
<title>Categories :: 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/categories/" />
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<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="Categories">
|
||||||
|
<meta property="og:description" content="" />
|
||||||
|
<meta property="og:url" content="https://blog.privacynerd.de/en/categories/" />
|
||||||
|
<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/categories/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/categories/">English</a>
|
||||||
|
</b>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<li>
|
||||||
|
|
||||||
|
<a href="/de/categories/">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/categories/">English</a>
|
||||||
|
</b>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<li>
|
||||||
|
|
||||||
|
<a href="/de/categories/">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="terms">
|
||||||
|
<h1>Categories</h1>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</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%2fcategories%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>
|
||||||
|
|||||||
@@ -1 +1,11 @@
|
|||||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Categories on Privacynerd's blog</title><link>https://blog.privacynerd.de/en/categories/</link><description>Recent content in Categories on Privacynerd's blog</description><generator>Hugo</generator><language>en</language><atom:link href="https://blog.privacynerd.de/en/categories/index.xml" rel="self" type="application/rss+xml"/></channel></rss>
|
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||||
|
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||||
|
<channel>
|
||||||
|
<title>Categories on Privacynerd's blog</title>
|
||||||
|
<link>https://blog.privacynerd.de/en/categories/</link>
|
||||||
|
<description>Recent content in Categories on Privacynerd's blog</description>
|
||||||
|
<generator>Hugo</generator>
|
||||||
|
<language>en</language>
|
||||||
|
<atom:link href="https://blog.privacynerd.de/en/categories/index.xml" rel="self" type="application/rss+xml" />
|
||||||
|
</channel>
|
||||||
|
</rss>
|
||||||
|
|||||||
@@ -1,7 +1,386 @@
|
|||||||
<!doctype html><html lang=en><head><meta name=generator content="Hugo 0.145.0"><title>Privacynerd's blog</title>
|
<!DOCTYPE html>
|
||||||
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="Blog of privacynerd"><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/en/><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="Privacynerd's blog"><meta property="og:description" content="Blog of privacynerd"><meta property="og:url" content="https://blog.privacynerd.de/en/"><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/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><a href=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>Deutsch</a></li></ul></li></ul><ul class="menu menu--desktop menu--language-selector"><li class=menu__trigger>English ▾</li><li><ul class=menu__dropdown><li><a href=https://blog.privacynerd.de/en/>English</a></li><li><a href=https://blog.privacynerd.de/de/>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="index-content framed"><h1 id=hello-there->Hello there! 👋</h1><p>My name is BlueFox. Welcome to this blog, which is currently under construction - anyways, have a look around!</p></div><div class=posts><article class="post on-list"><h2 class=post-title><a href=https://blog.privacynerd.de/en/posts/showcase-code/>Code blocks variants</a></h2><div class=post-meta><time class=post-date>2025-04-09</time><span class=post-author>Radek</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/en/tags/programming/>programming</a>
|
<html lang="en">
|
||||||
#<a href=https://blog.privacynerd.de/en/tags/code/>code</a> </span><div class=post-content><p>Sample article showcasing most popular programming languages.</p></div><div><a class="read-more button inline" href=/en/posts/showcase-code/>[Read more]</a></div></article><article class="post on-list"><h2 class=post-title><a href=https://blog.privacynerd.de/en/posts/showcase/>Showcase</a></h2><div class=post-meta><time class=post-date>2025-04-09</time><span class=post-author>Hugo Authors & Radek</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/en/tags/showcase/>showcase</a>
|
<head>
|
||||||
#<a href=https://blog.privacynerd.de/en/tags/markdown/>markdown</a>
|
<meta name="generator" content="Hugo 0.145.0">
|
||||||
#<a href=https://blog.privacynerd.de/en/tags/styling/>styling</a> </span><div class=post-content><p>Sample article showcasing basic styling and formatting for HTML elements.</p></div><div><a class="read-more button inline" href=/en/posts/showcase/>[Read more]</a></div></article><article class="post on-list"><h2 class=post-title><a href=https://blog.privacynerd.de/en/posts/random-story/>A random story</a></h2><div class=post-meta><time class=post-date>2025-04-08</time></div><span class=post-tags>#<a href=https://blog.privacynerd.de/en/tags/story/>story</a>
|
|
||||||
#<a href=https://blog.privacynerd.de/en/tags/ai/>ai</a> </span><div class=post-content><p>Random story by ChatGPT to test out the perfect reading speed value.</p></div><div><a class="read-more button inline" href=/en/posts/random-story/>[Read more]</a></div></article><article class="post on-list"><h2 class=post-title><a href=https://blog.privacynerd.de/en/posts/one-word/>One Word!</a></h2><div class=post-meta><time class=post-date>2025-04-05</time></div><div class=post-content><h1 id=justoneword>Justoneword</h1></div><div><a class="read-more button inline" href=/en/posts/one-word/>[Read more]</a></div></article><article class="post on-list"><h2 class=post-title><a href=https://blog.privacynerd.de/en/posts/test-post/>English Test Post</a></h2><div class=post-meta><time class=post-date>2025-04-05</time></div><div class=post-content><h1 id=test-post-in-english>Test Post in English</h1><h2 id=lorem-ipsum>Lorem ipsum</h2><h3 id=dolor-sit-amet>dolor sit amet</h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur. Quod idem licet transferre in voluptatem, ut postea variari voluptas distinguique possit, augeri amplificarique non possit. At etiam Athenis, ut e.</p></div><div><a class="read-more button inline" href=/en/posts/test-post/>[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>
|
<title>Privacynerd's blog</title>
|
||||||
<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></span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html>
|
|
||||||
|
<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="Blog of privacynerd" />
|
||||||
|
<meta name="keywords" content="" />
|
||||||
|
|
||||||
|
<meta name="robots" content="noodp" />
|
||||||
|
|
||||||
|
<link rel="canonical" href="https://blog.privacynerd.de/en/" />
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<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="Privacynerd's blog">
|
||||||
|
<meta property="og:description" content="Blog of privacynerd" />
|
||||||
|
<meta property="og:url" content="https://blog.privacynerd.de/en/" />
|
||||||
|
<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">
|
||||||
|
|
||||||
|
|
||||||
|
<meta property="article:published_time" content="2025-04-13 12:54:00 +0200 CEST" />
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<link href="/en/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/">English</a>
|
||||||
|
</b>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<li>
|
||||||
|
|
||||||
|
<a href="/de/">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/">English</a>
|
||||||
|
</b>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<li>
|
||||||
|
|
||||||
|
<a href="/de/">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="index-content framed">
|
||||||
|
<h1 id="hey-there-">Hey there! 👋</h1>
|
||||||
|
<p>My Name is Benjamin, and I’m mostly known as <em>BlueFox</em>.</p>
|
||||||
|
<p>Welcome to this blog! I love tinkering around with electronics, 3D printing stuff and working with wood, but I also do a bit of <code>programming</code> and am an avid self-hoster. This is where I post about my activities from time to time.</p>
|
||||||
|
<p><strong>Just have a look around!</strong></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="posts">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<article class="post on-list">
|
||||||
|
<h2 class="post-title">
|
||||||
|
<a href="https://blog.privacynerd.de/en/posts/diy-uv-pcb-exposure-unit/">Self-built UV exposure unit (LED)</a>
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<div class="post-meta"><time class="post-date">2025-04-14</time></div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<img src="/en/posts/diy-uv-pcb-exposure-unit/cover.jpg"
|
||||||
|
class="post-cover"
|
||||||
|
alt="Self-built UV exposure unit (LED)"
|
||||||
|
title="Cover Image" />
|
||||||
|
|
||||||
|
|
||||||
|
<div class="post-content">
|
||||||
|
|
||||||
|
<p>If you’ve been around the (electronics) DIY scene for a while, at some point you can’t avoid circuit boards (printed circuit boards/PCBs). The main advantages over soldering circuits by hand on perforated or strip-grid boards are that they are easier to replicate (once designed a circuit can theoretically be produced as often as you like) and that space can be used more efficiently (a board is almost always smaller than a soldered perforated grid board with the same circuit). Ultimately, devices with circuit boards also simply look more professional. There are certainly more advantages (and of course also disadvantages!), but I will not list them here for the sake of simplicity.</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<a class="read-more button inline" href="/en/posts/diy-uv-pcb-exposure-unit/">[Read more]</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<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="/en/posts/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%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>
|
||||||
|
|||||||
@@ -1,245 +1,33 @@
|
|||||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Privacynerd's blog</title><link>https://blog.privacynerd.de/en/</link><description>Recent content on Privacynerd's blog</description><generator>Hugo</generator><language>en</language><lastBuildDate>Wed, 09 Apr 2025 07:17:39 +0200</lastBuildDate><atom:link href="https://blog.privacynerd.de/en/index.xml" rel="self" type="application/rss+xml"/><item><title>Code blocks variants</title><link>https://blog.privacynerd.de/en/posts/showcase-code/</link><pubDate>Wed, 09 Apr 2025 07:17:39 +0200</pubDate><guid>https://blog.privacynerd.de/en/posts/showcase-code/</guid><description><p>Since v4.2.0, Terminal Theme uses Chroma as syntax highlighter. As Hugo documentation refers: &ldquo;it is built in Go and is really, really fast&rdquo;.</p>
|
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||||
<p>Below you can see many basic presentations of the code blocks you can use depending on your needs. Except the <code>{{ &lt; code &gt; }}</code> shortcode example, all other blocks are generated based on the configuration you can learn about from the <a href="https://gohugo.io/content-management/syntax-highlighting/">official Hugo docs</a>.</p>
|
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||||
<hr>
|
<channel>
|
||||||
<h2 id="examples">Examples:</h2>
|
<title>Privacynerd's blog</title>
|
||||||
<h3 id="raw-block-with-no-specified-language-and-no-syntax-highlighting">Raw block with no specified language (and no syntax highlighting)</h3>
|
<link>https://blog.privacynerd.de/en/</link>
|
||||||
<pre tabindex="0"><code>&lt;!doctype html&gt;
|
<description>Recent content on Privacynerd's blog</description>
|
||||||
&lt;html lang=&#34;en&#34;&gt;
|
<generator>Hugo</generator>
|
||||||
&lt;head&gt;
|
<language>en</language>
|
||||||
&lt;meta charset=&#34;utf-8&#34; /&gt;
|
<lastBuildDate>Mon, 14 Apr 2025 08:11:20 +0200</lastBuildDate>
|
||||||
&lt;title&gt;Example HTML5 Document&lt;/title&gt;
|
<atom:link href="https://blog.privacynerd.de/en/index.xml" rel="self" type="application/rss+xml" />
|
||||||
&lt;/head&gt;
|
<item>
|
||||||
&lt;body&gt;
|
<title>Self-built UV exposure unit (LED)</title>
|
||||||
&lt;p&gt;Test&lt;/p&gt;
|
<link>https://blog.privacynerd.de/en/posts/diy-uv-pcb-exposure-unit/</link>
|
||||||
&lt;/body&gt;
|
<pubDate>Mon, 14 Apr 2025 08:11:20 +0200</pubDate>
|
||||||
&lt;/html&gt;
|
<guid>https://blog.privacynerd.de/en/posts/diy-uv-pcb-exposure-unit/</guid>
|
||||||
</code></pre><h3 id="with-specified-language">With specified language</h3>
|
<description><p>If you&rsquo;ve been around the (electronics) DIY scene for a while, at some point you can&rsquo;t avoid circuit boards (printed circuit boards/PCBs). The main advantages over soldering circuits by hand on perforated or strip-grid boards are that they are easier to replicate (once designed a circuit can theoretically be produced as often as you like) and that space can be used more efficiently (a board is almost always smaller than a soldered perforated grid board with the same circuit). Ultimately, devices with circuit boards also simply look more professional. There are certainly more advantages (and of course also disadvantages!), but I will not list them here for the sake of simplicity.</p></description>
|
||||||
<h4 id="line-highlighting">Line highlighting</h4>
|
</item>
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp">&lt;!doctype html&gt;</span>
|
<item>
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span>
|
<title>How everything began - or: the first post!</title>
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
|
<link>https://blog.privacynerd.de/en/posts/how-it-all-began/</link>
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span> <span class="p">/&gt;</span>
|
<pubDate>Sun, 13 Apr 2025 15:10:20 +0200</pubDate>
|
||||||
</span></span><span class="line hl"><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Example HTML5 Document<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
|
<guid>https://blog.privacynerd.de/en/posts/how-it-all-began/</guid>
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
|
<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>
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
|
</item>
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
|
<item>
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
|
<title>About</title>
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span>
|
<link>https://blog.privacynerd.de/en/about/</link>
|
||||||
</span></span></code></pre></div><h4 id="line-highlighting--table-line-numbers">Line highlighting / table line numbers</h4>
|
<pubDate>Sun, 13 Apr 2025 13:02:20 +0200</pubDate>
|
||||||
<div class="highlight"><div class="chroma">
|
<guid>https://blog.privacynerd.de/en/about/</guid>
|
||||||
<table class="lntable"><tr><td class="lntd">
|
<description><h2 id="intention">The intention</h2>
<p>Well, my Name is Benjamin, and I’m mostly known as BlueFox. I love tinkering around with electronics, 3D printing stuff and working with wood, but I also do a bit of programming and am an avid self-hoster.</p>
<p>This is my personal blog (driven in my free time, all of this is just a hobby) about all the kinds of things I&rsquo;m doing DIY-wise. This includes:</p>
<ul>
<li>posts 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 of mine,</li>
<li>and maybe something completely new!</li>
</ul>
<p>Just have a <a href="https://blog.privacynerd.de/en/">look around</a>, perhaps you&rsquo;ll find something interesting!</p></description>
|
||||||
<pre tabindex="0" class="chroma"><code><span class="lnt"> 1
|
</item>
|
||||||
</span><span class="lnt"> 2
|
</channel>
|
||||||
</span><span class="lnt"> 3
|
</rss>
|
||||||
</span><span class="lnt"> 4
|
|
||||||
</span><span class="hl"><span class="lnt"> 5
|
|
||||||
</span></span><span class="lnt"> 6
|
|
||||||
</span><span class="lnt"> 7
|
|
||||||
</span><span class="lnt"> 8
|
|
||||||
</span><span class="lnt"> 9
|
|
||||||
</span><span class="lnt">10
|
|
||||||
</span></code></pre></td>
|
|
||||||
<td class="lntd">
|
|
||||||
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp">&lt;!doctype html&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span> <span class="p">/&gt;</span>
|
|
||||||
</span></span><span class="line hl"><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Example HTML5 Document<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span>
|
|
||||||
</span></span></code></pre></td></tr></table>
|
|
||||||
</div>
|
|
||||||
</div><h4 id="line-highlighting--inline-line-numbers">Line highlighting / inline line numbers</h4>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="ln"> 1</span><span class="cl"><span class="cp">&lt;!doctype html&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 2</span><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 3</span><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 4</span><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span> <span class="p">/&gt;</span>
|
|
||||||
</span></span><span class="line hl"><span class="ln"> 5</span><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Example HTML5 Document<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 6</span><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 7</span><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 8</span><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln"> 9</span><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="ln">10</span><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span>
|
|
||||||
</span></span></code></pre></div><h4 id="hugos-internal---highlight---shortcode">Hugo&rsquo;s internal <code>{{ &lt; highlight &gt; }}</code> shortcode</h4>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp">&lt;!doctype html&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Example HTML5 Document<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span></span></span></code></pre></div>
|
|
||||||
<h4 id="custom-built-in---code---shortcode">Custom built-in <code>{{ &lt; code &gt; }}</code> shortcode</h4>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<details class="collapsable-code" open>
|
|
||||||
<summary title="Click to interact"><span class="collapsable-code__title">Hey, this is a code block title</span></summary>
|
|
||||||
<div class="highlight"><div class="chroma">
|
|
||||||
<table class="lntable"><tr><td class="lntd">
|
|
||||||
<pre tabindex="0" class="chroma"><code><span class="lnt"> 1
|
|
||||||
</span><span class="lnt"> 2
|
|
||||||
</span><span class="lnt"> 3
|
|
||||||
</span><span class="lnt"> 4
|
|
||||||
</span><span class="lnt"> 5
|
|
||||||
</span><span class="lnt"> 6
|
|
||||||
</span><span class="lnt"> 7
|
|
||||||
</span><span class="lnt"> 8
|
|
||||||
</span><span class="lnt"> 9
|
|
||||||
</span><span class="lnt">10
|
|
||||||
</span></code></pre></td>
|
|
||||||
<td class="lntd">
|
|
||||||
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp">&lt;!doctype html&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;utf-8&#34;</span> <span class="p">/&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Example HTML5 Document<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>Test<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table>
|
|
||||||
</div>
|
|
||||||
</div></details>
|
|
||||||
|
|
||||||
<h2 id="programming-languages">Programming languages:</h2>
|
|
||||||
<h3 id="a">A</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-abap" data-lang="abap"><span class="line"><span class="cl"><span class="k">WRITE</span> <span class="s1">&#39;Hello, World!&#39;</span><span class="p">.</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-actionscript" data-lang="actionscript"><span class="line"><span class="cl"><span class="kd">package</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="kd">public</span> <span class="kd">class</span> <span class="nx">HelloWorld</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="kd">public</span> <span class="kd">static</span> <span class="kd">function</span> <span class="nx">main</span><span class="p">()</span><span class="o">:</span><span class="nx">void</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="nf">trace</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-ada" data-lang="ada"><span class="line"><span class="cl"><span class="kn">with</span> <span class="nn">Ada.Text_IO</span><span class="p">;</span> <span class="kn">use</span> <span class="nn">Ada.Text_IO</span><span class="p">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="kd">procedure</span> <span class="nf">Hello</span> <span class="kr">is</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="kr">begin</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">Put_Line</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="kr">end</span> <span class="nf">Hello</span><span class="p">;</span>
|
|
||||||
</span></span></code></pre></div><h3 id="b">B</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;Hello, World!&#34;</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-brainfuck" data-lang="brainfuck"><span class="line"><span class="cl"><span class="nb">+</span><span class="k">[</span><span class="nb">-----</span><span class="nv">&gt;</span><span class="nb">+++</span><span class="nv">&lt;</span><span class="k">]</span><span class="nv">&gt;</span><span class="nt">.</span><span class="nb">++++++++++++</span><span class="nt">..</span><span class="nb">+++</span><span class="nt">.</span><span class="nv">&gt;</span><span class="nb">++++++</span><span class="k">[</span><span class="nb">-</span><span class="nv">&gt;</span><span class="nb">+++++++</span><span class="nv">&lt;</span><span class="k">]</span><span class="nv">&gt;</span><span class="nb">+</span><span class="nt">.</span><span class="nb">------------</span><span class="nt">.</span><span class="nb">---</span><span class="nt">.</span><span class="nb">+++++</span><span class="nt">.</span><span class="c">
|
|
||||||
</span></span></span></code></pre></div><h3 id="c">C</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-c" data-lang="c"><span class="line"><span class="cl"><span class="cp">#include</span> <span class="cpf">&lt;stdio.h&gt;</span><span class="cp">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="cp"></span><span class="kt">int</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="nf">printf</span><span class="p">(</span><span class="s">&#34;Hello, World!</span><span class="se">\n</span><span class="s">&#34;</span><span class="p">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="mi">0</span><span class="p">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-csharp" data-lang="csharp"><span class="line"><span class="cl"><span class="k">using</span> <span class="nn">System</span><span class="p">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="k">class</span> <span class="nc">Program</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="kd">static</span> <span class="k">void</span> <span class="n">Main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">Console</span><span class="p">.</span><span class="n">WriteLine</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-c++" data-lang="c++"><span class="line"><span class="cl"><span class="cp">#include</span> <span class="cpf">&lt;iostream&gt;</span><span class="cp">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="cp"></span><span class="kt">int</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">std</span><span class="o">::</span><span class="n">cout</span> <span class="o">&lt;&lt;</span> <span class="s">&#34;Hello, World!&#34;</span> <span class="o">&lt;&lt;</span> <span class="n">std</span><span class="o">::</span><span class="n">endl</span><span class="p">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="mi">0</span><span class="p">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="d">D</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-d" data-lang="d"><span class="line"><span class="cl"><span class="kn">import</span> <span class="nn">std.stdio</span><span class="o">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="kt">void</span> <span class="nf">main</span><span class="o">()</span> <span class="o">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">writeln</span><span class="o">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="o">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="o">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="e">E</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-elixir" data-lang="elixir"><span class="line"><span class="cl"><span class="nc">IO</span><span class="o">.</span><span class="n">puts</span> <span class="s2">&#34;Hello, World!&#34;</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-erlang" data-lang="erlang"><span class="line"><span class="cl"><span class="p">-</span><span class="ni">module</span><span class="p">(</span><span class="n">hello</span><span class="p">).</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">-</span><span class="ni">export</span><span class="p">([</span><span class="n">world</span><span class="o">/</span><span class="mi">0</span><span class="p">]).</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="nf">world</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="nn">io</span><span class="p">:</span><span class="nf">format</span><span class="p">(</span><span class="s">&#34;Hello, World!</span><span class="si">~n</span><span class="s">&#34;</span><span class="p">).</span>
|
|
||||||
</span></span></code></pre></div><h3 id="f">F</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-fsharp" data-lang="fsharp"><span class="line"><span class="cl"><span class="n">printfn</span> <span class="s">&#34;Hello, World!&#34;</span>
|
|
||||||
</span></span></code></pre></div><h3 id="g">G</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="kn">package</span> <span class="nx">main</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="kn">import</span> <span class="s">&#34;fmt&#34;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="kd">func</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="nx">fmt</span><span class="p">.</span><span class="nf">Println</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">)</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="h">H</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-haskell" data-lang="haskell"><span class="line"><span class="cl"><span class="nf">main</span> <span class="ow">=</span> <span class="n">putStrLn</span> <span class="s">&#34;Hello, World!&#34;</span>
|
|
||||||
</span></span></code></pre></div><h3 id="j">J</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-js" data-lang="js"><span class="line"><span class="cl"><span class="kd">var</span> <span class="nx">x</span><span class="p">,</span> <span class="nx">y</span><span class="p">,</span> <span class="nx">z</span><span class="p">;</span> <span class="c1">// Declare 3 variables
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="nx">x</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span> <span class="c1">// Assign the value 5 to x
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="nx">y</span> <span class="o">=</span> <span class="mi">6</span><span class="p">;</span> <span class="c1">// Assign the value 6 to y
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="nx">z</span> <span class="o">=</span> <span class="nx">x</span> <span class="o">+</span> <span class="nx">y</span><span class="p">;</span> <span class="c1">// Assign the sum of x and y to z
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s2">&#34;demo&#34;</span><span class="p">).</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="s2">&#34;The value of z is &#34;</span> <span class="o">+</span> <span class="nx">z</span> <span class="o">+</span> <span class="s2">&#34;.&#34;</span><span class="p">;</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-jsx" data-lang="jsx"><span class="line"><span class="cl"><span class="kd">function</span> <span class="nx">Video</span><span class="p">({</span> <span class="nx">video</span> <span class="p">})</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="p">(</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">div</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">Thumbnail</span> <span class="na">video</span><span class="o">=</span><span class="p">{</span><span class="nx">video</span><span class="p">}</span> <span class="p">/&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="p">{</span><span class="nx">video</span><span class="p">.</span><span class="nx">url</span><span class="p">}&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">h3</span><span class="p">&gt;{</span><span class="nx">video</span><span class="p">.</span><span class="nx">title</span><span class="p">}&lt;/</span><span class="nt">h3</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;{</span><span class="nx">video</span><span class="p">.</span><span class="nx">description</span><span class="p">}&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">LikeButton</span> <span class="na">video</span><span class="o">=</span><span class="p">{</span><span class="nx">video</span><span class="p">}</span> <span class="p">/&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">div</span><span class="p">&gt;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-java" data-lang="java"><span class="line"><span class="cl"><span class="kd">public</span><span class="w"> </span><span class="kd">class</span> <span class="nc">HelloWorld</span><span class="w"> </span><span class="p">{</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="kd">public</span><span class="w"> </span><span class="kd">static</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">main</span><span class="p">(</span><span class="n">String</span><span class="o">[]</span><span class="w"> </span><span class="n">args</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="n">System</span><span class="p">.</span><span class="na">out</span><span class="p">.</span><span class="na">println</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">);</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="p">}</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="p">}</span><span class="w">
|
|
||||||
</span></span></span></code></pre></div><h3 id="k">K</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-kotlin" data-lang="kotlin"><span class="line"><span class="cl"><span class="k">fun</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">println</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">)</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="l">L</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-lua" data-lang="lua"><span class="line"><span class="cl"><span class="n">print</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">)</span>
|
|
||||||
</span></span></code></pre></div><h3 id="m">M</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-matlab" data-lang="matlab"><span class="line"><span class="cl"><span class="nb">disp</span><span class="p">(</span><span class="s">&#39;Hello, World!&#39;</span><span class="p">)</span>
|
|
||||||
</span></span></code></pre></div><h3 id="n">N</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-nim" data-lang="nim"><span class="line"><span class="cl"><span class="n">echo</span> <span class="s">&#34;Hello, World!&#34;</span>
|
|
||||||
</span></span></code></pre></div><h3 id="o">O</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-objectivec" data-lang="objectivec"><span class="line"><span class="cl"><span class="cp">#import &lt;Foundation/Foundation.h&gt;
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="cp"></span><span class="kt">int</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="k">@autoreleasepool</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">NSLog</span><span class="p">(</span><span class="s">@&#34;Hello, World!&#34;</span><span class="p">);</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="mi">0</span><span class="p">;</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="p">P</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-perl" data-lang="perl"><span class="line"><span class="cl"><span class="k">print</span><span class="p">(</span><span class="s">&#34;Hello, World!\n&#34;</span><span class="p">);</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-php" data-lang="php"><span class="line"><span class="cl"><span class="o">&lt;?</span><span class="nx">php</span> <span class="k">echo</span> <span class="s2">&#34;Hello, World!&#34;</span><span class="p">;</span> <span class="cp">?&gt;</span><span class="err">
|
|
||||||
</span></span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">)</span>
|
|
||||||
</span></span></code></pre></div><h3 id="r">R</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-r" data-lang="r"><span class="line"><span class="cl"><span class="nf">cat</span><span class="p">(</span><span class="s">&#34;Hello, World!\n&#34;</span><span class="p">)</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-ruby" data-lang="ruby"><span class="line"><span class="cl"><span class="nb">puts</span> <span class="s2">&#34;Hello, World!&#34;</span>
|
|
||||||
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-rust" data-lang="rust"><span class="line"><span class="cl"><span class="k">fn</span> <span class="nf">main</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="fm">println!</span><span class="p">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="p">);</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="p">}</span><span class="w">
|
|
||||||
</span></span></span></code></pre></div><h3 id="s">S</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-scala" data-lang="scala"><span class="line"><span class="cl"><span class="k">object</span> <span class="nc">HelloWorld</span> <span class="k">extends</span> <span class="nc">App</span> <span class="o">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="n">println</span><span class="o">(</span><span class="s">&#34;Hello, World!&#34;</span><span class="o">)</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="o">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="t">T</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-typescript" data-lang="typescript"><span class="line"><span class="cl"><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&#34;Hello, World!&#34;</span><span class="p">);</span>
|
|
||||||
</span></span></code></pre></div><h3 id="v">V</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-vlang" data-lang="vlang"><span class="line"><span class="cl"><span class="kd">fn</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
|
|
||||||
</span></span><span class="line"><span class="cl"> <span class="nb">println</span><span class="p">(</span><span class="s1">&#39;Hello, World!&#39;</span><span class="p">)</span>
|
|
||||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
|
||||||
</span></span></code></pre></div><h3 id="z">Z</h3>
|
|
||||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-zig" data-lang="zig"><span class="line"><span class="cl"><span class="kr">const</span><span class="w"> </span><span class="n">std</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">@import</span><span class="p">(</span><span class="s">&#34;std&#34;</span><span class="p">);</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="kr">pub</span><span class="w"> </span><span class="k">fn</span><span class="w"> </span><span class="n">main</span><span class="p">()</span><span class="w"> </span><span class="o">!</span><span class="kt">void</span><span class="w"> </span><span class="p">{</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="n">std</span><span class="p">.</span><span class="n">debug</span><span class="p">.</span><span class="n">print</span><span class="p">(</span><span class="s">&#34;Hello, World!</span><span class="se">\n</span><span class="s">&#34;</span><span class="p">,</span><span class="w"> </span><span class="p">.{});</span><span class="w">
|
|
||||||
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="p">}</span><span class="w">
|
|
||||||
</span></span></span></code></pre></div></description></item><item><title>Showcase</title><link>https://blog.privacynerd.de/en/posts/showcase/</link><pubDate>Wed, 09 Apr 2025 07:01:12 +0200</pubDate><guid>https://blog.privacynerd.de/en/posts/showcase/</guid><description><p>This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.</p></description></item><item><title>A random story</title><link>https://blog.privacynerd.de/en/posts/random-story/</link><pubDate>Tue, 08 Apr 2025 17:55:25 +0200</pubDate><guid>https://blog.privacynerd.de/en/posts/random-story/</guid><description><p>This is just a random story, generated by ChatGPT, used to test the reading speed and adjust it to a comfortable value.</p>
|
|
||||||
<h2 id="german-prompt">German prompt</h2>
|
|
||||||
<p>Tell a story with around 200 words.</p>
|
|
||||||
<h2 id="answer-translated-to-english">Answer, translated to english</h2>
|
|
||||||
<p>Once upon a time, in a small village surrounded by dense forests and gentle hills, there lived a curious boy named Leo, who dreamed of adventures. One day, while playing by the river, he discovered a mysterious, glittering stone. As he picked it up, the stone began to glow, and a gentle voice whispered, “Follow the light, and you will discover the unknown.”
|
|
||||||
Curious and excited, Leo followed the shining light, which led him deep into the woods. After a while, he reached a hidden clearing where a beautiful, shimmering tree stood. Its leaves sparkled like diamonds, and in the center of the tree sat a small, friendly dragon named Fuego.
|
|
||||||
Fuego told Leo about a magical realm that could only be entered through courage and friendship. Together, they experienced thrilling adventures, fought against shadow creatures, and helped the forest inhabitants. Leo learned that true strength lies in the heart and that friendship is the greatest magic of all.
|
|
||||||
When Leo finally returned home, he knew he would never be the same boy again. The glittering stone remained with him, a constant reminder of his unforgettable adventures.</p></description></item><item><title>One Word!</title><link>https://blog.privacynerd.de/en/posts/one-word/</link><pubDate>Sat, 05 Apr 2025 22:48:12 +0200</pubDate><guid>https://blog.privacynerd.de/en/posts/one-word/</guid><description><h1 id="justoneword">Justoneword</h1></description></item><item><title>About</title><link>https://blog.privacynerd.de/en/about/</link><pubDate>Sat, 05 Apr 2025 20:14:29 +0200</pubDate><guid>https://blog.privacynerd.de/en/about/</guid><description><h1 id="hello-in-a-new-age">Hello in a new age</h1>
|
|
||||||
<p>You can call me Mirus and I forked the original Terminal theme for Hugo, because Radek, the original creator of the theme stop the maintenance and archived the repo.</p>
|
|
||||||
<p>So I already pushed a few improvements that I did for my humble blog and I&rsquo;m going to add some more features in the future, also any contribution is welcome</p>
|
|
||||||
<p>Below you can read the original about from Radek</p></description></item><item><title>English Test Post</title><link>https://blog.privacynerd.de/en/posts/test-post/</link><pubDate>Sat, 05 Apr 2025 20:14:29 +0200</pubDate><guid>https://blog.privacynerd.de/en/posts/test-post/</guid><description><h1 id="test-post-in-english">Test Post in English</h1>
|
|
||||||
<h2 id="lorem-ipsum">Lorem ipsum</h2>
|
|
||||||
<h3 id="dolor-sit-amet">dolor sit amet</h3>
|
|
||||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur. Quod idem licet transferre in voluptatem, ut postea variari voluptas distinguique possit, augeri amplificarique non possit. At etiam Athenis, ut e.</p></description></item></channel></rss>
|
|
||||||
|
|||||||
@@ -1,2 +1,10 @@
|
|||||||
<!doctype html><html lang=en><head><title>https://blog.privacynerd.de/en/</title>
|
<!DOCTYPE html>
|
||||||
<link rel=canonical href=https://blog.privacynerd.de/en/><meta name=robots content="noindex"><meta charset=utf-8><meta http-equiv=refresh content="0; url=https://blog.privacynerd.de/en/"></head></html>
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<title>https://blog.privacynerd.de/en/</title>
|
||||||
|
<link rel="canonical" href="https://blog.privacynerd.de/en/">
|
||||||
|
<meta name="robots" content="noindex">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="refresh" content="0; url=https://blog.privacynerd.de/en/">
|
||||||
|
</head>
|
||||||
|
</html>
|
||||||
|
|||||||
BIN
public/en/posts/diy-uv-pcb-exposure-unit/blinky-test-pcb.png
Normal file
BIN
public/en/posts/diy-uv-pcb-exposure-unit/blinky-test-pcb.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 462 KiB |
BIN
public/en/posts/diy-uv-pcb-exposure-unit/collage-plans.png
Normal file
BIN
public/en/posts/diy-uv-pcb-exposure-unit/collage-plans.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 646 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 760 KiB |
BIN
public/en/posts/diy-uv-pcb-exposure-unit/cover.jpg
Normal file
BIN
public/en/posts/diy-uv-pcb-exposure-unit/cover.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 360 KiB |
BIN
public/en/posts/diy-uv-pcb-exposure-unit/first-diy-pcbs.jpg
Normal file
BIN
public/en/posts/diy-uv-pcb-exposure-unit/first-diy-pcbs.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 236 KiB |
BIN
public/en/posts/diy-uv-pcb-exposure-unit/front-panel.jpg
Normal file
BIN
public/en/posts/diy-uv-pcb-exposure-unit/front-panel.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 136 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 324 KiB |
435
public/en/posts/diy-uv-pcb-exposure-unit/index.html
Normal file
435
public/en/posts/diy-uv-pcb-exposure-unit/index.html
Normal file
@@ -0,0 +1,435 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<title>Self-built UV exposure unit (LED) :: 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="If you’ve been around the (electronics) DIY scene for a while, at some point you can’t avoid circuit boards (printed circuit boards/PCBs). The main advantages over soldering circuits by hand on perforated or strip-grid boards are that they are easier to replicate (once designed a circuit can theoretically be produced as often as you like) and that space can be used more efficiently (a board is almost always smaller than a soldered perforated grid board with the same circuit). Ultimately, devices with circuit boards also simply look more professional. There are certainly more advantages (and of course also disadvantages!), but I will not list them here for the sake of simplicity.
|
||||||
|
" />
|
||||||
|
<meta name="keywords" content="" />
|
||||||
|
|
||||||
|
<meta name="robots" content="noodp" />
|
||||||
|
|
||||||
|
<link rel="canonical" href="https://blog.privacynerd.de/en/posts/diy-uv-pcb-exposure-unit/" />
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<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="Self-built UV exposure unit (LED)">
|
||||||
|
<meta property="og:description" content="If you’ve been around the (electronics) DIY scene for a while, at some point you can’t avoid circuit boards (printed circuit boards/PCBs). The main advantages over soldering circuits by hand on perforated or strip-grid boards are that they are easier to replicate (once designed a circuit can theoretically be produced as often as you like) and that space can be used more efficiently (a board is almost always smaller than a soldered perforated grid board with the same circuit). Ultimately, devices with circuit boards also simply look more professional. There are certainly more advantages (and of course also disadvantages!), but I will not list them here for the sake of simplicity.
|
||||||
|
" />
|
||||||
|
<meta property="og:url" content="https://blog.privacynerd.de/en/posts/diy-uv-pcb-exposure-unit/" />
|
||||||
|
<meta property="og:site_name" content="Privacynerd's blog" />
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<meta property="og:image" content="https://blog.privacynerd.de/en/posts/diy-uv-pcb-exposure-unit/cover.jpg">
|
||||||
|
|
||||||
|
<meta property="og:image:width" content="1200">
|
||||||
|
<meta property="og:image:height" content="627">
|
||||||
|
|
||||||
|
|
||||||
|
<meta property="article:published_time" content="2025-04-14 08:11: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/diy-uv-pcb-exposure-unit/">English</a>
|
||||||
|
</b>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<li>
|
||||||
|
|
||||||
|
<a href="/de/posts/diy-uv-pcb-exposure-unit/">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/diy-uv-pcb-exposure-unit/">English</a>
|
||||||
|
</b>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<li>
|
||||||
|
|
||||||
|
<a href="/de/posts/diy-uv-pcb-exposure-unit/">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/diy-uv-pcb-exposure-unit/">Self-built UV exposure unit (LED)</a>
|
||||||
|
</h1>
|
||||||
|
<div class="post-meta"><time class="post-date">2025-04-14</time><span class="post-reading-time">11 minutes to read (1122 words)</span></div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<img src="/en/posts/diy-uv-pcb-exposure-unit/cover.jpg"
|
||||||
|
class="post-cover"
|
||||||
|
alt="Self-built UV exposure unit (LED)"
|
||||||
|
title="Cover Image" />
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="table-of-contents">
|
||||||
|
<h2>
|
||||||
|
Table of Contents
|
||||||
|
</h2>
|
||||||
|
<nav id="TableOfContents">
|
||||||
|
<ul>
|
||||||
|
<li><a href="#the-housing">The housing</a></li>
|
||||||
|
<li><a href="#the-leds">The LEDs</a></li>
|
||||||
|
<li><a href="#the-lacquering">The lacquering</a></li>
|
||||||
|
<li><a href="#the-control-unit">The control unit</a></li>
|
||||||
|
<li><a href="#exposure-time">The practical part - Exposure time</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="post-content"><div>
|
||||||
|
<p>If you’ve been around the (electronics) DIY scene for a while, at some point you can’t avoid circuit boards (printed circuit boards/PCBs). The main advantages over soldering circuits by hand on perforated or strip-grid boards are that they are easier to replicate (once designed a circuit can theoretically be produced as often as you like) and that space can be used more efficiently (a board is almost always smaller than a soldered perforated grid board with the same circuit). Ultimately, devices with circuit boards also simply look more professional. There are certainly more advantages (and of course also disadvantages!), but I will not list them here for the sake of simplicity.</p>
|
||||||
|
<p>Nowadays, it is very easy to have (self-)created circuit board designs manufactured, with relevant offers from China you pay no more than €5 for a simple circuit board with 2 sides. However, the price does not include the shipping costs and the time you have to wait for your PCBs. If you are not planning to produce several different designs a year, or only need a special circuit board once, you are well served with such offers. However, if you often need custom-made products, it can quickly become lucrative (even with the Chinese offers) to bring the production in-house. At the end of the day, it’s fun and at least gives you the feeling of a little independence to make your own circuit boards!</p>
|
||||||
|
<p>So after dreaming of making my own circuit boards for some time, I have now gone one step further in the realization. There are various ways to produce printed circuit boards yourself. The cheapest method is probably exposing a blank PCB with a photopositive coating and then developing and finally etching the exposed areas. Building the etching device myself seemed too tricky, so I decided to buy a used <a href="https://gie-tec.de/produkt/aetzgeraete-fuer-platinen/">Ätzgerät 1 from pro-ma</a>, which was very cheap at €50. But what you can certainly build yourself is the <strong>UV exposure unit</strong>. There are different approaches here, I just want to share mine here (see e.g. <a href="https://www.all4hardware4u.de/platinenherstellung/belichtung/belichtungsgeraet-mit-uv-leds/">here</a> or also <a href="http://www.fdm-ware.de/UV-Led/">here</a> for the models where I found inspiration)!</p>
|
||||||
|
<p>So enough of the introduction, here’s the really important stuff!</p>
|
||||||
|
<h2 id="the-housing">The housing<a href="#the-housing" class="hanchor" ariaLabel="Anchor">#</a> </h2>
|
||||||
|
<p>For the housing, I built a simple box from MDF boards with an additional small section at the front, where the control electronics will be located later.</p>
|
||||||
|
<figure><img src="/en/posts/diy-uv-pcb-exposure-unit/housing-raw-finished.jpg"
|
||||||
|
alt="This picture would show the finished housing with acrylic glass pane and some loose components."><figcaption>
|
||||||
|
<p>The finished housing with acrylic glass pane</p>
|
||||||
|
</figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<p>In order for the UV light to reach the coated circuit board, the holder must be transparent. An acrylic glass pane does the job here. Important here: this <strong>must</strong> be UV-permeable, which is not necessarily the case with panes for the garden area! DIY store staff were unable to help in my case (it’s a very specific requirement ;), but thanks to the internet you can find out more here. Sometimes it helps to look on the website of the DIY store of your choice for UV-permeable acrylic glass panes.</p>
|
||||||
|
<p>This pane must have a certain distance to the LEDs so that the light from the LEDs can be distributed evenly. You can of course calculate a perfect distance at - using the beam angle of the LEDs and the distance between the individual LEDs. However, I decided to use the simpler (and sometimes very inaccurate) rule of thumb here - but it worked.</p>
|
||||||
|
<figure><img src="/en/posts/diy-uv-pcb-exposure-unit/collage-plans.png"
|
||||||
|
alt="This picture shows sketches for the individual sides of the wooden box"><figcaption>
|
||||||
|
<p>Sketches of the box</p>
|
||||||
|
</figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<h2 id="the-leds">The LEDs<a href="#the-leds" class="hanchor" ariaLabel="Anchor">#</a> </h2>
|
||||||
|
<p>UV LEDs are quite easy to obtain from electronics suppliers. For this DIY project, I decided to use 48 LEDs in 6 rows of 8 LEDs each on two 160x100mm perforated grid boards (yes, a strip grid is also possible and would have been easier :). Since UV LEDs have an operating voltage of about 3.0 to 3.3V and I wanted to use a 12V power supply, you need a resistor of 470 Ohm for each LED, which drops about 9V at 20mA (there are several good tutorials on the Internet for calculating LED series resistors).</p>
|
||||||
|
<p>As far as the exposure time is concerned, see below in the section <a href="/en/posts/diy-uv-pcb-exposure-unit/#exposure-time">“The practical part - Exposure time”</a>.</p>
|
||||||
|
<figure><img src="/en/posts/diy-uv-pcb-exposure-unit/led-distribution.png"
|
||||||
|
alt="Links: Sketch of the distribution of the LEDs, right: view of the LEDs from above"><figcaption>
|
||||||
|
<p>left: Sketch of the distribution of the LEDs; right: view of the LEDs from above</p>
|
||||||
|
</figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<h2 id="the-lacquering">The lacquering<a href="#the-lacquering" class="hanchor" ariaLabel="Anchor">#</a> </h2>
|
||||||
|
<p>Chrome-effect paint was the paint of choice for the exposure area. So, I masked everything except for the exposure area (and of course
|
||||||
|
the LEDs!) and painted it several times according to the instructions on the spray can and left it to dry overnight.</p>
|
||||||
|
<figure><img src="/en/posts/diy-uv-pcb-exposure-unit/masked_for_painting.jpg"
|
||||||
|
alt="Picture of the box masked for painting"><figcaption>
|
||||||
|
<p>Box is masked, about to be painted!</p>
|
||||||
|
</figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<figure><img src="/en/posts/diy-uv-pcb-exposure-unit/painted_inside.jpg"
|
||||||
|
alt="Picture of the inside of the painted box"><figcaption>
|
||||||
|
<p>It’s shiny!</p>
|
||||||
|
</figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<h2 id="the-control-unit">The control unit<a href="#the-control-unit" class="hanchor" ariaLabel="Anchor">#</a> </h2>
|
||||||
|
<p>Here I was faced with a choice: install a simple switch or a more complex logic with a timer function? The idea of the built-in timer seemed appealing - finally programming something hardware-related again. So I assembled a breadboard (perhaps the last one ever?!) with a Raspberry Pi Pico, relays, a connection for an LCD display and some control elements, programmed a small interface with my existing libraries and the electronics were ready! To be installed in the housing, it still needed a cover. All the necessary information can be found in the corresponding <a href="https://git.privacynerd.de/BlueFox/uv-belichter-software">git repository</a>!</p>
|
||||||
|
<figure><img src="/en/posts/diy-uv-pcb-exposure-unit/controller-on-dividing-wall.jpg"
|
||||||
|
alt="Picture of the control unit"><figcaption>
|
||||||
|
<p>The control unit</p>
|
||||||
|
</figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<figure><img src="/en/posts/diy-uv-pcb-exposure-unit/front-panel.jpg"
|
||||||
|
alt="Image of the front panel with the LCD and control elements in operation"><figcaption>
|
||||||
|
<p>Front panel with LCD and control elements in operation</p>
|
||||||
|
</figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<h2 id="exposure-time">The practical part - Exposure time<a href="#exposure-time" class="hanchor" ariaLabel="Anchor">#</a> </h2>
|
||||||
|
<p>So what does it look like in practice - the crucial question at the end. I would like to say that this is my first experience with manual PCB production. I used a simple blinky circuit (which was also my first completely self-made PCB design) for the tests.</p>
|
||||||
|
<figure><img src="/en/posts/diy-uv-pcb-exposure-unit/blinky-test-pcb.png"
|
||||||
|
alt="Side-by-side view of the printed circuit and the view on the computer with all layers"><figcaption>
|
||||||
|
<p>The test object…</p>
|
||||||
|
</figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<p>So, my first experiences with the self-built exposure unit were mixed. The first attempt with 3 minutes exposure time went somewhat wrong. Specifically, no contours were visible even after 10-20 minutes in the developer at room temperature, and nothing happened even after 20-30 minutes etching. The second attempt was more promising, after 30 minutes of exposure the first contours could be seen after about 15 minutes of development, which actually disappeared during etching. After a few more attempts, I finally came up with the idea of working with two overlapping films instead of one, which meant that much less light came through the printed areas. The results were suddenly improving, and after a short time the circuit board was of sufficient quality for the circuit to function!</p>
|
||||||
|
<figure><img src="/en/posts/diy-uv-pcb-exposure-unit/first-diy-pcbs.jpg"
|
||||||
|
alt="Collage of the first manufacturing attempts up to the first functional PCB"><figcaption>
|
||||||
|
<p>…and the results</p>
|
||||||
|
</figcaption>
|
||||||
|
</figure>
|
||||||
|
|
||||||
|
<p>So: The exposure time for successful results is between 40 and 45 minutes. Admittedly, that’s quite a long time, but it’s sufficient for my first attempts and more than acceptable considering the price of a finished exposure unit (which can easily run into the hundreds) (the exposure unit costs around €30-50 in total - and building it was a lot of fun!). For shorter exposure times, I am considering increasing the number of LEDs afterwards. But that’s a story for another time.</p>
|
||||||
|
|
||||||
|
</div></div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="pagination">
|
||||||
|
<div class="pagination__title">
|
||||||
|
<span class="pagination__title-h">Read other posts</span>
|
||||||
|
<hr />
|
||||||
|
</div>
|
||||||
|
<div class="pagination__buttons">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a href="https://blog.privacynerd.de/en/posts/how-it-all-began/" class="button inline next">
|
||||||
|
[<span class="button__text">How everything began - or: the first post!</span>] >
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</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%2fdiy-uv-pcb-exposure-unit%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>
|
||||||
BIN
public/en/posts/diy-uv-pcb-exposure-unit/led-distribution.png
Normal file
BIN
public/en/posts/diy-uv-pcb-exposure-unit/led-distribution.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 714 KiB |
BIN
public/en/posts/diy-uv-pcb-exposure-unit/masked_for_painting.jpg
Normal file
BIN
public/en/posts/diy-uv-pcb-exposure-unit/masked_for_painting.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 425 KiB |
BIN
public/en/posts/diy-uv-pcb-exposure-unit/painted_inside.jpg
Normal file
BIN
public/en/posts/diy-uv-pcb-exposure-unit/painted_inside.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 556 KiB |
BIN
public/en/posts/how-it-all-began/cover.png
Normal file
BIN
public/en/posts/how-it-all-began/cover.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
BIN
public/en/posts/how-it-all-began/esafep.jpg
Normal file
BIN
public/en/posts/how-it-all-began/esafep.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 309 KiB |
BIN
public/en/posts/how-it-all-began/etching-station.jpg
Normal file
BIN
public/en/posts/how-it-all-began/etching-station.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 386 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user