git.privacynerd.de/blog.privacynerd.de
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Removed all the demo stuff

Browse Source
This commit is contained in:
BlueFox 2025-04-13 14:02:04 +02:00
parent 41eeb387c4
commit 6121e876c7
Signed by: BlueFox
GPG Key ID: 327233DA85435270
79 changed files with 26 additions and 12927 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
content/_index.en.md
View File

@ -8,6 +8,6 @@ framed = true
My Name is Benjamin, and I'm mostly known as _BlueFox_. 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 also do a bit of `programming` and are am an avid self-hoster. This is where I post about my activities from time to time. 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!** **Just have a look around!**

8
content/posts/one-word.de.md
View File

@ -1,8 +0,0 @@
+++
title = 'Ein Wort!'
date = 2025-04-05T22:48:12+02:00
draft = false
toc = false
+++
# Nureinwort

8
content/posts/one-word.en.md
View File

@ -1,8 +0,0 @@
+++
title = 'One Word!'
date = 2025-04-05T22:48:12+02:00
draft = false
toc = false
+++
# Justoneword

22
content/posts/random-story.de.md
View File

@ -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.

21
content/posts/random-story.en.md
View File

@ -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.

349
content/posts/showcase-code.de.md
View File

@ -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", .{});
}
```

349
content/posts/showcase-code.en.md
View File

@ -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", .{});
}
```

193
content/posts/showcase.de.md
View File

@ -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
![Terminal Theme Preview](/img/terminal-theme.png)
### 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.

193
content/posts/showcase.en.md
View File

@ -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
![Terminal Theme Preview](/img/terminal-theme.png)
### 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.

33
content/posts/test-post.de.md
View File

@ -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.

33
content/posts/test-post.en.md
View File

@ -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.

154
public/de/index.html
View File

@ -262,160 +262,6 @@
<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>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/code/">code</a>&nbsp;
</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 &amp; Radek</span></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/de/tags/showcase/">showcase</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/markdown/">markdown</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/styling/">styling</a>&nbsp;
</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>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/ai/">ai</a>&nbsp;
</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">
<div class="pagination__buttons"> <div class="pagination__buttons">

35
public/de/index.xml
View File

File diff suppressed because one or more lines are too long

456
public/de/posts/index.html
View File

@ -1,456 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Posts :: Privacynerd&#39;s blog</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://blog.privacynerd.de/de/posts/" />
<link rel="stylesheet" href="https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/terminal.css">
<link rel="shortcut icon" href="https://blog.privacynerd.de/favicon.png">
<link rel="apple-touch-icon" href="https://blog.privacynerd.de/apple-touch-icon.png">
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="" />
<meta name="twitter:creator" content="" />
<meta property="og:locale" content="de" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Posts">
<meta property="og:description" content="" />
<meta property="og:url" content="https://blog.privacynerd.de/de/posts/" />
<meta property="og:site_name" content="Privacynerd&#39;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&#39;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&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;▾</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&nbsp;▾</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/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>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/code/">code</a>&nbsp;
</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 &amp; Radek</span></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/de/tags/showcase/">showcase</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/markdown/">markdown</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/styling/">styling</a>&nbsp;
</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>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/ai/">ai</a>&nbsp;
</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 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>

47
public/de/posts/index.xml
View File

File diff suppressed because one or more lines are too long

343
public/de/posts/one-word/index.html
View File

@ -1,343 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Ein Wort! :: Privacynerd&#39;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="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&#39;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 &#43;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&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;▾</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/one-word/">English</a>
</li>
<li>
<b>
<a href="/de/posts/one-word/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">de&nbsp;▾</li>
<li>
<ul class="menu__dropdown">
<li>
<a href="/en/posts/one-word/">English</a>
</li>
<li>
<b>
<a href="/de/posts/one-word/">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/one-word/">Ein Wort!</a>
</h1>
<div class="post-meta"><time class="post-date">2025-04-05</time><span class="post-reading-time">1 Minute Lesezeit (1 Wort)</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">
&lt; [<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>] &gt;
</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%2fone-word%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>

10
public/de/posts/page/1/index.html
View File

@ -1,10 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>https://blog.privacynerd.de/de/posts/</title>
<link rel="canonical" href="https://blog.privacynerd.de/de/posts/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=https://blog.privacynerd.de/de/posts/">
</head>
</html>

370
public/de/posts/random-story/index.html
View File

@ -1,370 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Eine beliebige Geschichte :: Privacynerd&#39;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="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&#39;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 &#43;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&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;▾</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/random-story/">English</a>
</li>
<li>
<b>
<a href="/de/posts/random-story/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">de&nbsp;▾</li>
<li>
<ul class="menu__dropdown">
<li>
<a href="/en/posts/random-story/">English</a>
</li>
<li>
<b>
<a href="/de/posts/random-story/">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/random-story/">Eine beliebige Geschichte</a>
</h1>
<div class="post-meta"><time class="post-date">2025-04-08</time><span class="post-reading-time">2 Minuten Lesezeit (211 Wörter)</span></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/de/tags/story/">story</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/ai/">ai</a>&nbsp;
</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">
&lt; [<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>] &gt;
</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%2frandom-story%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>

615
public/de/posts/showcase-code/index.html
View File

@ -1,615 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Varianten von Code-Blöcken :: Privacynerd&#39;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="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&#39;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 &#43;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&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;▾</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/showcase-code/">English</a>
</li>
<li>
<b>
<a href="/de/posts/showcase-code/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">de&nbsp;▾</li>
<li>
<ul class="menu__dropdown">
<li>
<a href="/en/posts/showcase-code/">English</a>
</li>
<li>
<b>
<a href="/de/posts/showcase-code/">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/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">5 Minuten Lesezeit (516 Wörter)</span></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/de/tags/programming/">programming</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/code/">code</a>&nbsp;
</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: &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:<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>&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<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">&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<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">&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<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">&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<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">&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<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">&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:<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">&#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<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">&#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<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">&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<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">&#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<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">&#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<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">&#34;Hello, World!&#34;</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">&#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<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">&#34;Hello, World!&#34;</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">&#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<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">&#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<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">&#34;Hello, World!&#34;</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">&#39;Hello, World!&#39;</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">&#34;Hello, World!&#34;</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 &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<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">&#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<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">&#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<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">&#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<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">&#34;Hello, World!&#34;</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">&#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<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">&#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>
</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>] &gt;
</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%2fshowcase-code%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>

584
public/de/posts/showcase/index.html
View File

@ -1,584 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Beispielvorführung :: Privacynerd&#39;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="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 &amp; 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&#39;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 &#43;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&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;▾</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/showcase/">English</a>
</li>
<li>
<b>
<a href="/de/posts/showcase/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">de&nbsp;▾</li>
<li>
<ul class="menu__dropdown">
<li>
<a href="/en/posts/showcase/">English</a>
</li>
<li>
<b>
<a href="/de/posts/showcase/">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/showcase/">Beispielvorführung</a>
</h1>
<div class="post-meta"><time class="post-date">2025-04-09</time><span class="post-author">Hugo Autoren &amp; Radek</span><span class="post-reading-time">5 Minuten Lesezeit (488 Wörter)</span></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/de/tags/showcase/">showcase</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/markdown/">markdown</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/styling/">styling</a>&nbsp;
</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>{{ &lt; code &gt; }}</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>&lt;h1&gt;</code>—<code>&lt;h6&gt;</code> repräsentieren sechs Ebenen von Abschnittsüberschriften. <code>&lt;h1&gt;</code> ist die höchste Abschnittsebene, während <code>&lt;h6&gt;</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.<!-- raw HTML omitted -->
— <!-- raw HTML omitted -->Rob Pike<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup><!-- raw HTML omitted --></p></blockquote>
<h2 id="buttons-und-links">Buttons und Links<a href="#buttons-und-links" class="hanchor" ariaLabel="Anchor">#</a> </h2>
<p><!-- raw HTML omitted -->Button<!-- raw HTML omitted -->
<!-- raw HTML omitted -->Link<!-- raw HTML omitted -->
<!-- raw HTML omitted -->Link<!-- raw HTML omitted --></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>
<!-- raw HTML omitted -->
<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">&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;de&#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><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>&lt;!doctype html&gt;
&lt;html lang=&quot;de&quot;&gt;
&lt;head&gt;
&lt;meta charset=&quot;utf-8&quot;&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="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">&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;de&#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>
<h3 id="code-block-mit-benutzerdefiniertem-eingebautem---code---shortcode">Code-Block mit benutzerdefiniertem eingebautem <code>{{ &lt; code &gt; }}</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><!-- raw HTML omitted -->GIF<!-- raw HTML omitted --> ist ein Bitmap-Bildformat.</p>
<p>H<!-- raw HTML omitted -->2<!-- raw HTML omitted -->O</p>
<p>X<!-- raw HTML omitted -->n<!-- raw HTML omitted --> + Y<!-- raw HTML omitted -->n<!-- raw HTML omitted --> = Z<!-- raw HTML omitted -->n<!-- raw HTML omitted --></p>
<p>Drücke <!-- raw HTML omitted -->CTRL<!-- raw HTML omitted -->+<!-- raw HTML omitted -->ALT<!-- raw HTML omitted -->+<!-- raw HTML omitted -->Entf<!-- raw HTML omitted -->, um die Sitzung zu beenden.</p>
<p>Die meisten <!-- raw HTML omitted -->Salamander<!-- raw HTML omitted --> 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.&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</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">
&lt; [<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>] &gt;
</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%2fshowcase%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>

367
public/de/posts/test-post/index.html
View File

@ -1,367 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Deutscher Test Post :: Privacynerd&#39;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="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.
" />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://blog.privacynerd.de/de/posts/test-post/" />
<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="Deutscher Test Post">
<meta property="og:description" content="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.
" />
<meta property="og:url" content="https://blog.privacynerd.de/de/posts/test-post/" />
<meta property="og:site_name" content="Privacynerd&#39;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 &#43;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&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;▾</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/test-post/">English</a>
</li>
<li>
<b>
<a href="/de/posts/test-post/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">de&nbsp;▾</li>
<li>
<ul class="menu__dropdown">
<li>
<a href="/en/posts/test-post/">English</a>
</li>
<li>
<b>
<a href="/de/posts/test-post/">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/test-post/">Deutscher Test Post</a>
</h1>
<div class="post-meta"><time class="post-date">2025-04-05</time><span class="post-reading-time">4 Minuten Lesezeit (369 Wörter)</span></div>
<div class="table-of-contents">
<h2>
Inhaltsverzeichnis
</h2>
<nav id="TableOfContents">
<ul>
<li><a href="#lorem-ipsum">Lorem ipsum</a>
<ul>
<li><a href="#dolor-sit-amet">dolor sit amet</a></li>
<li><a href="#consectetur-adipiscing">Consectetur adipiscing</a></li>
</ul>
</li>
<li><a href="#delorean-ipsum">DeLorean ipsum</a></li>
</ul>
</nav>
</div>
<div class="post-content"><div>
<h1 id="test-post-in-german">Test Post in German<a href="#test-post-in-german" class="hanchor" ariaLabel="Anchor">#</a> </h1>
<h2 id="lorem-ipsum">Lorem ipsum<a href="#lorem-ipsum" class="hanchor" ariaLabel="Anchor">#</a> </h2>
<h3 id="dolor-sit-amet">dolor sit amet<a href="#dolor-sit-amet" class="hanchor" ariaLabel="Anchor">#</a> </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>
<h3 id="consectetur-adipiscing">Consectetur adipiscing<a href="#consectetur-adipiscing" class="hanchor" ariaLabel="Anchor">#</a> </h3>
<p>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.</p>
<p>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.</p>
<p>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.</p>
<h2 id="delorean-ipsum">DeLorean ipsum<a href="#delorean-ipsum" class="hanchor" ariaLabel="Anchor">#</a> </h2>
<p>That&rsquo;s right. Huh? Go. Here you go, lady. There&rsquo;s a quarter. Good morning.</p>
<p>Marty, I always wear a suit to the office. You alright? It&rsquo;s a board with wheels. Yeah. What the hell is this? Marty, you&rsquo;re acting like you haven&rsquo;t seen me in a week.</p>
<p>Yes, yes, I&rsquo;m George, George McFly, and I&rsquo;m your density. I mean, I&rsquo;m your destiny. It works, ha ha ha ha, it works. I finally invent something that works. Where the hell are they. That&rsquo;s Strickland. Jesus, didn&rsquo;t that guy ever have hair? Alright, alright, okay McFly, get a grip on yourself. It&rsquo;s all a dream. Just a very intense dream. Woh, hey, listen, you gotta help me.</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/one-word/" class="button inline prev">
&lt; [<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 style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fde%2fposts%2ftest-post%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>

194
public/de/sitemap.xml
View File

@ -27,188 +27,6 @@
hreflang="de" hreflang="de"
href="https://blog.privacynerd.de/de/" href="https://blog.privacynerd.de/de/"
/> />
</url><url>
<loc>https://blog.privacynerd.de/de/tags/code/</loc>
<lastmod>2025-04-09T07:17:39+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/tags/code/"
/>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/tags/code/"
/>
</url><url>
<loc>https://blog.privacynerd.de/de/posts/</loc>
<lastmod>2025-04-09T07:17:39+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/posts/"
/>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/posts/"
/>
</url><url>
<loc>https://blog.privacynerd.de/de/tags/programming/</loc>
<lastmod>2025-04-09T07:17:39+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/tags/programming/"
/>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/tags/programming/"
/>
</url><url>
<loc>https://blog.privacynerd.de/de/tags/</loc>
<lastmod>2025-04-09T07:17:39+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/tags/"
/>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/tags/"
/>
</url><url>
<loc>https://blog.privacynerd.de/de/posts/showcase-code/</loc>
<lastmod>2025-04-09T07:17:39+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/posts/showcase-code/"
/>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/posts/showcase-code/"
/>
</url><url>
<loc>https://blog.privacynerd.de/de/posts/showcase/</loc>
<lastmod>2025-04-09T07:01:12+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/posts/showcase/"
/>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/posts/showcase/"
/>
</url><url>
<loc>https://blog.privacynerd.de/de/tags/markdown/</loc>
<lastmod>2025-04-09T07:01:12+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/tags/markdown/"
/>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/tags/markdown/"
/>
</url><url>
<loc>https://blog.privacynerd.de/de/tags/showcase/</loc>
<lastmod>2025-04-09T07:01:12+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/tags/showcase/"
/>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/tags/showcase/"
/>
</url><url>
<loc>https://blog.privacynerd.de/de/tags/styling/</loc>
<lastmod>2025-04-09T07:01:12+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/tags/styling/"
/>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/tags/styling/"
/>
</url><url>
<loc>https://blog.privacynerd.de/de/tags/ai/</loc>
<lastmod>2025-04-08T17:55:25+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/tags/ai/"
/>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/tags/ai/"
/>
</url><url>
<loc>https://blog.privacynerd.de/de/posts/random-story/</loc>
<lastmod>2025-04-08T17:55:25+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/posts/random-story/"
/>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/posts/random-story/"
/>
</url><url>
<loc>https://blog.privacynerd.de/de/tags/story/</loc>
<lastmod>2025-04-08T17:55:25+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/tags/story/"
/>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/tags/story/"
/>
</url><url>
<loc>https://blog.privacynerd.de/de/posts/one-word/</loc>
<lastmod>2025-04-05T22:48:12+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/posts/one-word/"
/>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/posts/one-word/"
/>
</url><url>
<loc>https://blog.privacynerd.de/de/posts/test-post/</loc>
<lastmod>2025-04-05T20:14:29+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/posts/test-post/"
/>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/posts/test-post/"
/>
</url><url> </url><url>
<loc>https://blog.privacynerd.de/de/categories/</loc> <loc>https://blog.privacynerd.de/de/categories/</loc>
<xhtml:link <xhtml:link
@ -221,5 +39,17 @@
hreflang="de" hreflang="de"
href="https://blog.privacynerd.de/de/categories/" href="https://blog.privacynerd.de/de/categories/"
/> />
</url><url>
<loc>https://blog.privacynerd.de/de/tags/</loc>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/tags/"
/>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/tags/"
/>
</url> </url>
</urlset> </urlset>

340
public/de/tags/ai/index.html
View File

@ -1,340 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Ai :: Privacynerd&#39;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/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&#39;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&#39;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&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;▾</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/tags/ai/">English</a>
</li>
<li>
<b>
<a href="/de/tags/ai/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">de&nbsp;▾</li>
<li>
<ul class="menu__dropdown">
<li>
<a href="/en/tags/ai/">English</a>
</li>
<li>
<b>
<a href="/de/tags/ai/">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">
<h1>Posts für: <b style="opacity: 0.5;">#ai</b></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>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/ai/">ai</a>&nbsp;
</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 style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fde%2ftags%2fai%2f">Impressum</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> erstellt von <a href="https://github.com/panr" target="_blank">panr</a> (angepasst)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
<script src="https://swetrix.privacynerd.de/script.js" defer=""></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
swetrix.init('GyBjobBbBEEC', {apiURL: 'https://swetrix.privacynerd.de/api/log',})
swetrix.trackViews()
swetrix.trackErrors({
sampleRate: 1,
callback: undefined,
})
})
</script>
<noscript>
<img
src="https://swetrix.privacynerd.de/api/log/noscript?pid=GyBjobBbBEEC"
alt=""
referrerpolicy="no-referrer-when-downgrade"
/>
</noscript>
</div>
</body>
</html>

19
public/de/tags/ai/index.xml
View File

@ -1,19 +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&#39;s blog</title>
<link>https://blog.privacynerd.de/de/tags/ai/</link>
<description>Recent content in Ai on Privacynerd&#39;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>&lt;p&gt;Dies ist eine beliebige Story, die von ChatGPT zum Testen und Einstellen der Lesezeit auf diesem Blog generiert wurde.&lt;/p&gt;&#xA;&lt;h2 id=&#34;prompt&#34;&gt;Prompt&lt;/h2&gt;&#xA;&lt;p&gt;Erzähle eine Geschichte mit ca. 200 Wörtern.&lt;/p&gt;&#xA;&lt;h2 id=&#34;antwort&#34;&gt;Antwort&lt;/h2&gt;&#xA;&lt;p&gt;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.“&#xA;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.&#xA;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.&#xA;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.&lt;/p&gt;</description>
</item>
</channel>
</rss>

10
public/de/tags/ai/page/1/index.html
View File

@ -1,10 +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>

340
public/de/tags/code/index.html
View File

@ -1,340 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Code :: Privacynerd&#39;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/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&#39;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&#39;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&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;▾</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/tags/code/">English</a>
</li>
<li>
<b>
<a href="/de/tags/code/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">de&nbsp;▾</li>
<li>
<ul class="menu__dropdown">
<li>
<a href="/en/tags/code/">English</a>
</li>
<li>
<b>
<a href="/de/tags/code/">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">
<h1>Posts für: <b style="opacity: 0.5;">#code</b></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>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/code/">code</a>&nbsp;
</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 style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fde%2ftags%2fcode%2f">Impressum</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> erstellt von <a href="https://github.com/panr" target="_blank">panr</a> (angepasst)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
<script src="https://swetrix.privacynerd.de/script.js" defer=""></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
swetrix.init('GyBjobBbBEEC', {apiURL: 'https://swetrix.privacynerd.de/api/log',})
swetrix.trackViews()
swetrix.trackErrors({
sampleRate: 1,
callback: undefined,
})
})
</script>
<noscript>
<img
src="https://swetrix.privacynerd.de/api/log/noscript?pid=GyBjobBbBEEC"
alt=""
referrerpolicy="no-referrer-when-downgrade"
/>
</noscript>
</div>
</body>
</html>

19
public/de/tags/code/index.xml
View File

File diff suppressed because one or more lines are too long

10
public/de/tags/code/page/1/index.html
View File

@ -1,10 +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>

56
public/de/tags/index.html
View File

@ -245,62 +245,6 @@
<ul> <ul>
<li>
<a class="terms-title" href="https://blog.privacynerd.de/de/tags/ai/">ai [1]</a>
</li>
<li>
<a class="terms-title" href="https://blog.privacynerd.de/de/tags/code/">code [1]</a>
</li>
<li>
<a class="terms-title" href="https://blog.privacynerd.de/de/tags/markdown/">markdown [1]</a>
</li>
<li>
<a class="terms-title" href="https://blog.privacynerd.de/de/tags/programming/">programming [1]</a>
</li>
<li>
<a class="terms-title" href="https://blog.privacynerd.de/de/tags/showcase/">showcase [1]</a>
</li>
<li>
<a class="terms-title" href="https://blog.privacynerd.de/de/tags/story/">story [1]</a>
</li>
<li>
<a class="terms-title" href="https://blog.privacynerd.de/de/tags/styling/">styling [1]</a>
</li>
</ul> </ul>
</div> </div>

50
public/de/tags/index.xml
View File

@ -6,56 +6,6 @@
<description>Recent content in Tags on Privacynerd&#39;s blog</description> <description>Recent content in Tags on Privacynerd&#39;s blog</description>
<generator>Hugo</generator> <generator>Hugo</generator>
<language>de</language> <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" /> <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></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></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></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></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></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></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></description>
</item>
</channel> </channel>
</rss> </rss>

342
public/de/tags/markdown/index.html
View File

@ -1,342 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Markdown :: Privacynerd&#39;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/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&#39;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&#39;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&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;▾</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/tags/markdown/">English</a>
</li>
<li>
<b>
<a href="/de/tags/markdown/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">de&nbsp;▾</li>
<li>
<ul class="menu__dropdown">
<li>
<a href="/en/tags/markdown/">English</a>
</li>
<li>
<b>
<a href="/de/tags/markdown/">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">
<h1>Posts für: <b style="opacity: 0.5;">#markdown</b></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 &amp; Radek</span></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/de/tags/showcase/">showcase</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/markdown/">markdown</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/styling/">styling</a>&nbsp;
</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 style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fde%2ftags%2fmarkdown%2f">Impressum</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> erstellt von <a href="https://github.com/panr" target="_blank">panr</a> (angepasst)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
<script src="https://swetrix.privacynerd.de/script.js" defer=""></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
swetrix.init('GyBjobBbBEEC', {apiURL: 'https://swetrix.privacynerd.de/api/log',})
swetrix.trackViews()
swetrix.trackErrors({
sampleRate: 1,
callback: undefined,
})
})
</script>
<noscript>
<img
src="https://swetrix.privacynerd.de/api/log/noscript?pid=GyBjobBbBEEC"
alt=""
referrerpolicy="no-referrer-when-downgrade"
/>
</noscript>
</div>
</body>
</html>

19
public/de/tags/markdown/index.xml
View File

@ -1,19 +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&#39;s blog</title>
<link>https://blog.privacynerd.de/de/tags/markdown/</link>
<description>Recent content in Markdown on Privacynerd&#39;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>&lt;p&gt;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.&lt;/p&gt;</description>
</item>
</channel>
</rss>

10
public/de/tags/markdown/page/1/index.html
View File

@ -1,10 +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>

340
public/de/tags/programming/index.html
View File

@ -1,340 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Programming :: Privacynerd&#39;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/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&#39;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&#39;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&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;▾</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/tags/programming/">English</a>
</li>
<li>
<b>
<a href="/de/tags/programming/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">de&nbsp;▾</li>
<li>
<ul class="menu__dropdown">
<li>
<a href="/en/tags/programming/">English</a>
</li>
<li>
<b>
<a href="/de/tags/programming/">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">
<h1>Posts für: <b style="opacity: 0.5;">#programming</b></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>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/code/">code</a>&nbsp;
</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 style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fde%2ftags%2fprogramming%2f">Impressum</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> erstellt von <a href="https://github.com/panr" target="_blank">panr</a> (angepasst)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
<script src="https://swetrix.privacynerd.de/script.js" defer=""></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
swetrix.init('GyBjobBbBEEC', {apiURL: 'https://swetrix.privacynerd.de/api/log',})
swetrix.trackViews()
swetrix.trackErrors({
sampleRate: 1,
callback: undefined,
})
})
</script>
<noscript>
<img
src="https://swetrix.privacynerd.de/api/log/noscript?pid=GyBjobBbBEEC"
alt=""
referrerpolicy="no-referrer-when-downgrade"
/>
</noscript>
</div>
</body>
</html>

19
public/de/tags/programming/index.xml
View File

File diff suppressed because one or more lines are too long

10
public/de/tags/programming/page/1/index.html
View File

@ -1,10 +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>

342
public/de/tags/showcase/index.html
View File

@ -1,342 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Showcase :: Privacynerd&#39;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/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&#39;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&#39;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&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;▾</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/tags/showcase/">English</a>
</li>
<li>
<b>
<a href="/de/tags/showcase/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">de&nbsp;▾</li>
<li>
<ul class="menu__dropdown">
<li>
<a href="/en/tags/showcase/">English</a>
</li>
<li>
<b>
<a href="/de/tags/showcase/">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">
<h1>Posts für: <b style="opacity: 0.5;">#showcase</b></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 &amp; Radek</span></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/de/tags/showcase/">showcase</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/markdown/">markdown</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/styling/">styling</a>&nbsp;
</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 style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fde%2ftags%2fshowcase%2f">Impressum</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> erstellt von <a href="https://github.com/panr" target="_blank">panr</a> (angepasst)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
<script src="https://swetrix.privacynerd.de/script.js" defer=""></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
swetrix.init('GyBjobBbBEEC', {apiURL: 'https://swetrix.privacynerd.de/api/log',})
swetrix.trackViews()
swetrix.trackErrors({
sampleRate: 1,
callback: undefined,
})
})
</script>
<noscript>
<img
src="https://swetrix.privacynerd.de/api/log/noscript?pid=GyBjobBbBEEC"
alt=""
referrerpolicy="no-referrer-when-downgrade"
/>
</noscript>
</div>
</body>
</html>

19
public/de/tags/showcase/index.xml
View File

@ -1,19 +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&#39;s blog</title>
<link>https://blog.privacynerd.de/de/tags/showcase/</link>
<description>Recent content in Showcase on Privacynerd&#39;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>&lt;p&gt;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.&lt;/p&gt;</description>
</item>
</channel>
</rss>

10
public/de/tags/showcase/page/1/index.html
View File

@ -1,10 +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>

340
public/de/tags/story/index.html
View File

@ -1,340 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Story :: Privacynerd&#39;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/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&#39;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&#39;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&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;▾</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/tags/story/">English</a>
</li>
<li>
<b>
<a href="/de/tags/story/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">de&nbsp;▾</li>
<li>
<ul class="menu__dropdown">
<li>
<a href="/en/tags/story/">English</a>
</li>
<li>
<b>
<a href="/de/tags/story/">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">
<h1>Posts für: <b style="opacity: 0.5;">#story</b></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>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/ai/">ai</a>&nbsp;
</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 style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fde%2ftags%2fstory%2f">Impressum</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> erstellt von <a href="https://github.com/panr" target="_blank">panr</a> (angepasst)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
<script src="https://swetrix.privacynerd.de/script.js" defer=""></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
swetrix.init('GyBjobBbBEEC', {apiURL: 'https://swetrix.privacynerd.de/api/log',})
swetrix.trackViews()
swetrix.trackErrors({
sampleRate: 1,
callback: undefined,
})
})
</script>
<noscript>
<img
src="https://swetrix.privacynerd.de/api/log/noscript?pid=GyBjobBbBEEC"
alt=""
referrerpolicy="no-referrer-when-downgrade"
/>
</noscript>
</div>
</body>
</html>

19
public/de/tags/story/index.xml
View File

@ -1,19 +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&#39;s blog</title>
<link>https://blog.privacynerd.de/de/tags/story/</link>
<description>Recent content in Story on Privacynerd&#39;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>&lt;p&gt;Dies ist eine beliebige Story, die von ChatGPT zum Testen und Einstellen der Lesezeit auf diesem Blog generiert wurde.&lt;/p&gt;&#xA;&lt;h2 id=&#34;prompt&#34;&gt;Prompt&lt;/h2&gt;&#xA;&lt;p&gt;Erzähle eine Geschichte mit ca. 200 Wörtern.&lt;/p&gt;&#xA;&lt;h2 id=&#34;antwort&#34;&gt;Antwort&lt;/h2&gt;&#xA;&lt;p&gt;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.“&#xA;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.&#xA;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.&#xA;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.&lt;/p&gt;</description>
</item>
</channel>
</rss>

10
public/de/tags/story/page/1/index.html
View File

@ -1,10 +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>

342
public/de/tags/styling/index.html
View File

@ -1,342 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Styling :: Privacynerd&#39;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/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&#39;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&#39;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&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;▾</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/tags/styling/">English</a>
</li>
<li>
<b>
<a href="/de/tags/styling/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">de&nbsp;▾</li>
<li>
<ul class="menu__dropdown">
<li>
<a href="/en/tags/styling/">English</a>
</li>
<li>
<b>
<a href="/de/tags/styling/">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">
<h1>Posts für: <b style="opacity: 0.5;">#styling</b></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 &amp; Radek</span></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/de/tags/showcase/">showcase</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/markdown/">markdown</a>&nbsp;
#<a href="https://blog.privacynerd.de/de/tags/styling/">styling</a>&nbsp;
</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 style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fde%2ftags%2fstyling%2f">Impressum</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> erstellt von <a href="https://github.com/panr" target="_blank">panr</a> (angepasst)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
<script src="https://swetrix.privacynerd.de/script.js" defer=""></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
swetrix.init('GyBjobBbBEEC', {apiURL: 'https://swetrix.privacynerd.de/api/log',})
swetrix.trackViews()
swetrix.trackErrors({
sampleRate: 1,
callback: undefined,
})
})
</script>
<noscript>
<img
src="https://swetrix.privacynerd.de/api/log/noscript?pid=GyBjobBbBEEC"
alt=""
referrerpolicy="no-referrer-when-downgrade"
/>
</noscript>
</div>
</body>
</html>

19
public/de/tags/styling/index.xml
View File

@ -1,19 +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&#39;s blog</title>
<link>https://blog.privacynerd.de/de/tags/styling/</link>
<description>Recent content in Styling on Privacynerd&#39;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>&lt;p&gt;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.&lt;/p&gt;</description>
</item>
</channel>
</rss>

10
public/de/tags/styling/page/1/index.html
View File

@ -1,10 +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>

156
public/en/index.html
View File

@ -246,7 +246,7 @@
<div class="index-content framed"> <div class="index-content framed">
<h1 id="hey-there-">Hey there! 👋</h1> <h1 id="hey-there-">Hey there! 👋</h1>
<p>My Name is Benjamin, and I&rsquo;m mostly known as <em>BlueFox</em>.</p> <p>My Name is Benjamin, and I&rsquo;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 also do a bit of <code>programming</code> and are am an avid self-hoster. This is where I post about my activities from time to time.</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> <p><strong>Just have a look around!</strong></p>
</div> </div>
@ -262,160 +262,6 @@
<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>&nbsp;
#<a href="https://blog.privacynerd.de/en/tags/code/">code</a>&nbsp;
</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 &amp; Radek</span></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/en/tags/showcase/">showcase</a>&nbsp;
#<a href="https://blog.privacynerd.de/en/tags/markdown/">markdown</a>&nbsp;
#<a href="https://blog.privacynerd.de/en/tags/styling/">styling</a>&nbsp;
</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>&nbsp;
#<a href="https://blog.privacynerd.de/en/tags/ai/">ai</a>&nbsp;
</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">
<div class="pagination__buttons"> <div class="pagination__buttons">

35
public/en/index.xml
View File

File diff suppressed because one or more lines are too long

456
public/en/posts/index.html
View File

@ -1,456 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Posts :: Privacynerd&#39;s blog</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://blog.privacynerd.de/en/posts/" />
<link rel="stylesheet" href="https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/terminal.css">
<link rel="shortcut icon" href="https://blog.privacynerd.de/favicon.png">
<link rel="apple-touch-icon" href="https://blog.privacynerd.de/apple-touch-icon.png">
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="" />
<meta name="twitter:creator" content="" />
<meta property="og:locale" content="en" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Posts">
<meta property="og:description" content="" />
<meta property="og:url" content="https://blog.privacynerd.de/en/posts/" />
<meta property="og:site_name" content="Privacynerd&#39;s blog" />
<meta property="og:image" content="https://blog.privacynerd.de/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="627">
<link href="/en/posts/index.xml" rel="alternate" type="application/rss+xml" title="Privacynerd&#39;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&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;▾</li>
<li>
<ul class="menu__dropdown">
<li><a href="/en/about">About</a></li>
<li><a href="/en/tags">Tags</a></li>
<hr />
<li>
<b>
<a href="/en/posts/">English</a>
</b>
</li>
<li>
<a href="/de/posts/">Deutsch</a>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">en&nbsp;▾</li>
<li>
<ul class="menu__dropdown">
<li>
<b>
<a href="/en/posts/">English</a>
</b>
</li>
<li>
<a href="/de/posts/">Deutsch</a>
</li>
</ul>
</li>
</ul>
</div>
<nav class="navigation-menu">
<ul class="navigation-menu__inner menu--desktop">
<li><a href="/en/about" >About</a></li>
<li><a href="/en/tags" >Tags</a></li>
</ul>
</nav>
</header>
<div class="content">
<div class="posts">
<article class="post on-list">
<h2 class="post-title">
<a href="https://blog.privacynerd.de/en/posts/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>&nbsp;
#<a href="https://blog.privacynerd.de/en/tags/code/">code</a>&nbsp;
</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 &amp; Radek</span></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/en/tags/showcase/">showcase</a>&nbsp;
#<a href="https://blog.privacynerd.de/en/tags/markdown/">markdown</a>&nbsp;
#<a href="https://blog.privacynerd.de/en/tags/styling/">styling</a>&nbsp;
</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>&nbsp;
#<a href="https://blog.privacynerd.de/en/tags/ai/">ai</a>&nbsp;
</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>
<span style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fen%2fposts%2f">Imprint</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> made by <a href="https://github.com/panr" target="_blank">panr</a> (customized)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
<script src="https://swetrix.privacynerd.de/script.js" defer=""></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
swetrix.init('GyBjobBbBEEC', {apiURL: 'https://swetrix.privacynerd.de/api/log',})
swetrix.trackViews()
swetrix.trackErrors({
sampleRate: 1,
callback: undefined,
})
})
</script>
<noscript>
<img
src="https://swetrix.privacynerd.de/api/log/noscript?pid=GyBjobBbBEEC"
alt=""
referrerpolicy="no-referrer-when-downgrade"
/>
</noscript>
</div>
</body>
</html>

47
public/en/posts/index.xml
View File

File diff suppressed because one or more lines are too long

343
public/en/posts/one-word/index.html
View File

@ -1,343 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>One Word! :: Privacynerd&#39;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="Justoneword" />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://blog.privacynerd.de/en/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="en" />
<meta property="og:type" content="article" />
<meta property="og:title" content="One Word!">
<meta property="og:description" content="Justoneword" />
<meta property="og:url" content="https://blog.privacynerd.de/en/posts/one-word/" />
<meta property="og:site_name" content="Privacynerd&#39;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 &#43;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&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;▾</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/one-word/">English</a>
</b>
</li>
<li>
<a href="/de/posts/one-word/">Deutsch</a>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">en&nbsp;▾</li>
<li>
<ul class="menu__dropdown">
<li>
<b>
<a href="/en/posts/one-word/">English</a>
</b>
</li>
<li>
<a href="/de/posts/one-word/">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/one-word/">One Word!</a>
</h1>
<div class="post-meta"><time class="post-date">2025-04-05</time><span class="post-reading-time">1 minute to read (1 word)</span></div>
<div class="post-content"><div>
<h1 id="justoneword">Justoneword<a href="#justoneword" class="hanchor" ariaLabel="Anchor">#</a> </h1>
</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/random-story/" class="button inline prev">
&lt; [<span class="button__text">A random story</span>]
</a>
::
<a href="https://blog.privacynerd.de/en/posts/test-post/" class="button inline next">
[<span class="button__text">English Test Post</span>] &gt;
</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%2fone-word%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>

10
public/en/posts/page/1/index.html
View File

@ -1,10 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>https://blog.privacynerd.de/en/posts/</title>
<link rel="canonical" href="https://blog.privacynerd.de/en/posts/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=https://blog.privacynerd.de/en/posts/">
</head>
</html>

370
public/en/posts/random-story/index.html
View File

@ -1,370 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>A random story :: Privacynerd&#39;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="Random story by ChatGPT to test out the perfect reading speed value." />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://blog.privacynerd.de/en/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="en" />
<meta property="og:type" content="article" />
<meta property="og:title" content="A random story">
<meta property="og:description" content="Random story by ChatGPT to test out the perfect reading speed value." />
<meta property="og:url" content="https://blog.privacynerd.de/en/posts/random-story/" />
<meta property="og:site_name" content="Privacynerd&#39;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 &#43;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&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;▾</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/random-story/">English</a>
</b>
</li>
<li>
<a href="/de/posts/random-story/">Deutsch</a>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">en&nbsp;▾</li>
<li>
<ul class="menu__dropdown">
<li>
<b>
<a href="/en/posts/random-story/">English</a>
</b>
</li>
<li>
<a href="/de/posts/random-story/">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/random-story/">A random story</a>
</h1>
<div class="post-meta"><time class="post-date">2025-04-08</time><span class="post-reading-time">3 minutes to read (222 words)</span></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/en/tags/story/">story</a>&nbsp;
#<a href="https://blog.privacynerd.de/en/tags/ai/">ai</a>&nbsp;
</span>
<div class="table-of-contents">
<h2>
Table of Contents
</h2>
<nav id="TableOfContents">
<ul>
<li><a href="#german-prompt">German prompt</a></li>
<li><a href="#answer-translated-to-english">Answer, translated to english</a></li>
</ul>
</nav>
</div>
<div class="post-content"><div>
<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<a href="#german-prompt" class="hanchor" ariaLabel="Anchor">#</a> </h2>
<p>Tell a story with around 200 words.</p>
<h2 id="answer-translated-to-english">Answer, translated to english<a href="#answer-translated-to-english" class="hanchor" ariaLabel="Anchor">#</a> </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>
</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/showcase/" class="button inline prev">
&lt; [<span class="button__text">Showcase</span>]
</a>
::
<a href="https://blog.privacynerd.de/en/posts/one-word/" class="button inline next">
[<span class="button__text">One Word!</span>] &gt;
</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%2frandom-story%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>

615
public/en/posts/showcase-code/index.html
View File

@ -1,615 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Code blocks variants :: Privacynerd&#39;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="Sample article showcasing most popular programming languages." />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://blog.privacynerd.de/en/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="en" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Code blocks variants">
<meta property="og:description" content="Sample article showcasing most popular programming languages." />
<meta property="og:url" content="https://blog.privacynerd.de/en/posts/showcase-code/" />
<meta property="og:site_name" content="Privacynerd&#39;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 &#43;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&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;▾</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/showcase-code/">English</a>
</b>
</li>
<li>
<a href="/de/posts/showcase-code/">Deutsch</a>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">en&nbsp;▾</li>
<li>
<ul class="menu__dropdown">
<li>
<b>
<a href="/en/posts/showcase-code/">English</a>
</b>
</li>
<li>
<a href="/de/posts/showcase-code/">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/showcase-code/">Code blocks variants</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">5 minutes to read (536 words)</span></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/en/tags/programming/">programming</a>&nbsp;
#<a href="https://blog.privacynerd.de/en/tags/code/">code</a>&nbsp;
</span>
<div class="table-of-contents">
<h2>
Table of Contents
</h2>
<nav id="TableOfContents">
<ul>
<li><a href="#examples">Examples:</a>
<ul>
<li><a href="#raw-block-with-no-specified-language-and-no-syntax-highlighting">Raw block with no specified language (and no syntax highlighting)</a></li>
<li><a href="#with-specified-language">With specified language</a></li>
</ul>
</li>
<li><a href="#programming-languages">Programming languages:</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>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>
<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>
<hr>
<h2 id="examples">Examples:<a href="#examples" class="hanchor" ariaLabel="Anchor">#</a> </h2>
<h3 id="raw-block-with-no-specified-language-and-no-syntax-highlighting">Raw block with no specified language (and no syntax highlighting)<a href="#raw-block-with-no-specified-language-and-no-syntax-highlighting" class="hanchor" ariaLabel="Anchor">#</a> </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;Example HTML5 Document&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="with-specified-language">With specified language<a href="#with-specified-language" class="hanchor" ariaLabel="Anchor">#</a> </h3>
<h4 id="line-highlighting">Line highlighting<a href="#line-highlighting" 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">&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></div><h4 id="line-highlighting--table-line-numbers">Line highlighting / table line numbers<a href="#line-highlighting--table-line-numbers" 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">&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<a href="#line-highlighting--inline-line-numbers" 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">&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<a href="#hugos-internal---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">&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<a href="#custom-built-in---code---shortcode" class="hanchor" ariaLabel="Anchor">#</a> </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:<a href="#programming-languages" 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">&#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<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">&#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<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">&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<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">&#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<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">&#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<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">&#34;Hello, World!&#34;</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">&#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<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">&#34;Hello, World!&#34;</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">&#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<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">&#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<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">&#34;Hello, World!&#34;</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">&#39;Hello, World!&#39;</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">&#34;Hello, World!&#34;</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 &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<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">&#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<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">&#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<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">&#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<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">&#34;Hello, World!&#34;</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">&#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<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">&#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>
</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/showcase/" class="button inline next">
[<span class="button__text">Showcase</span>] &gt;
</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%2fshowcase-code%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>

584
public/en/posts/showcase/index.html
View File

@ -1,584 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Showcase :: Privacynerd&#39;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="Sample article showcasing basic styling and formatting for HTML elements." />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://blog.privacynerd.de/en/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 Authors &amp; Radek" />
<meta property="og:locale" content="en" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Showcase">
<meta property="og:description" content="Sample article showcasing basic styling and formatting for HTML elements." />
<meta property="og:url" content="https://blog.privacynerd.de/en/posts/showcase/" />
<meta property="og:site_name" content="Privacynerd&#39;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 &#43;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&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;▾</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/showcase/">English</a>
</b>
</li>
<li>
<a href="/de/posts/showcase/">Deutsch</a>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">en&nbsp;▾</li>
<li>
<ul class="menu__dropdown">
<li>
<b>
<a href="/en/posts/showcase/">English</a>
</b>
</li>
<li>
<a href="/de/posts/showcase/">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/showcase/">Showcase</a>
</h1>
<div class="post-meta"><time class="post-date">2025-04-09</time><span class="post-author">Hugo Authors &amp; Radek</span><span class="post-reading-time">5 minutes to read (510 words)</span></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/en/tags/showcase/">showcase</a>&nbsp;
#<a href="https://blog.privacynerd.de/en/tags/markdown/">markdown</a>&nbsp;
#<a href="https://blog.privacynerd.de/en/tags/styling/">styling</a>&nbsp;
</span>
<div class="table-of-contents">
<h2>
Table of Contents
</h2>
<nav id="TableOfContents">
<ul>
<li><a href="#headings">Headings</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="#paragraph">Paragraph</a></li>
<li><a href="#images">Images</a>
<ul>
<li><a href="#figure-with-a-caption">Figure with a caption</a></li>
</ul>
</li>
<li><a href="#blockquotes">Blockquotes</a>
<ul>
<li><a href="#blockquote-without-attribution">Blockquote without attribution</a></li>
<li><a href="#blockquote-with-attribution">Blockquote with attribution</a></li>
</ul>
</li>
<li><a href="#buttons-and-links">Buttons and links</a></li>
<li><a href="#tables">Tables</a>
<ul>
<li><a href="#inline-markdown-within-tables">Inline Markdown within tables</a></li>
</ul>
</li>
<li><a href="#forms">Forms</a></li>
<li><a href="#code-blocks">Code Blocks</a>
<ul>
<li><a href="#code-block-with-backticks">Code block with backticks</a></li>
<li><a href="#code-block-indented-with-four-spaces">Code block indented with four spaces</a></li>
<li><a href="#code-block-with-hugos-internal-highlight-shortcode">Code block with Hugo&rsquo;s internal highlight shortcode</a></li>
<li><a href="#code-block-with-custom-built-in---code---shortcode">Code block with custom built-in <code>{{ &lt; code &gt; }}</code> shortcode</a></li>
</ul>
</li>
<li><a href="#list-types">List Types</a>
<ul>
<li><a href="#ordered-list">Ordered List</a></li>
<li><a href="#unordered-list">Unordered List</a></li>
<li><a href="#nested-list">Nested list</a></li>
</ul>
</li>
<li><a href="#other-elements--abbr-sub-sup-kbd-mark">Other Elements — abbr, sub, sup, kbd, mark</a></li>
</ul>
</nav>
</div>
<div class="post-content"><div>
<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>
<h2 id="headings">Headings<a href="#headings" class="hanchor" ariaLabel="Anchor">#</a> </h2>
<p>The following HTML <code>&lt;h1&gt;</code>—<code>&lt;h6&gt;</code> elements represent six levels of section headings. <code>&lt;h1&gt;</code> is the highest section level while <code>&lt;h6&gt;</code> is the lowest.</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="paragraph">Paragraph<a href="#paragraph" 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="images">Images<a href="#images" class="hanchor" ariaLabel="Anchor">#</a> </h2>
<p><img src="/img/terminal-theme.png" alt="Terminal Theme Preview"></p>
<h3 id="figure-with-a-caption">Figure with a caption<a href="#figure-with-a-caption" 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="blockquotes">Blockquotes<a href="#blockquotes" class="hanchor" ariaLabel="Anchor">#</a> </h2>
<p>The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a <code>footer</code> or <code>cite</code> element, and optionally with in-line changes such as annotations and abbreviations.</p>
<h3 id="blockquote-without-attribution">Blockquote without attribution<a href="#blockquote-without-attribution" class="hanchor" ariaLabel="Anchor">#</a> </h3>
<blockquote>
<p>Tiam, ad mint andaepu dandae nostion secatur sequo quae.
<strong>Note</strong> that you can use <em>Markdown syntax</em> within a blockquote.</p></blockquote>
<h3 id="blockquote-with-attribution">Blockquote with attribution<a href="#blockquote-with-attribution" class="hanchor" ariaLabel="Anchor">#</a> </h3>
<blockquote>
<p>Don&rsquo;t communicate by sharing memory, share memory by communicating.<!-- raw HTML omitted -->
— <!-- raw HTML omitted -->Rob Pike<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup><!-- raw HTML omitted --></p></blockquote>
<h2 id="buttons-and-links">Buttons and links<a href="#buttons-and-links" class="hanchor" ariaLabel="Anchor">#</a> </h2>
<p><!-- raw HTML omitted -->Button<!-- raw HTML omitted -->
<!-- raw HTML omitted -->Link<!-- raw HTML omitted -->
<!-- raw HTML omitted -->Link<!-- raw HTML omitted --></p>
<h2 id="tables">Tables<a href="#tables" class="hanchor" ariaLabel="Anchor">#</a> </h2>
<p>Tables aren&rsquo;t part of the core Markdown spec, but Hugo supports supports them out-of-the-box.</p>
<table>
<thead>
<tr>
<th>Name</th>
<th>Age</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-within-tables">Inline Markdown within tables<a href="#inline-markdown-within-tables" class="hanchor" ariaLabel="Anchor">#</a> </h3>
<table>
<thead>
<tr>
<th>Italics</th>
<th>Bold</th>
<th>Code</th>
</tr>
</thead>
<tbody>
<tr>
<td><em>italics</em></td>
<td><strong>bold</strong></td>
<td><code>code</code></td>
</tr>
</tbody>
</table>
<h2 id="forms">Forms<a href="#forms" class="hanchor" ariaLabel="Anchor">#</a> </h2>
<!-- raw HTML omitted -->
<h2 id="code-blocks">Code Blocks<a href="#code-blocks" class="hanchor" ariaLabel="Anchor">#</a> </h2>
<h3 id="code-block-with-backticks">Code block with backticks<a href="#code-block-with-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">&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><h3 id="code-block-indented-with-four-spaces">Code block indented with four spaces<a href="#code-block-indented-with-four-spaces" class="hanchor" ariaLabel="Anchor">#</a> </h3>
<pre><code>&lt;!doctype html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
&lt;meta charset=&quot;utf-8&quot;&gt;
&lt;title&gt;Example HTML5 Document&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="code-block-with-hugos-internal-highlight-shortcode">Code block with Hugo&rsquo;s internal highlight shortcode<a href="#code-block-with-hugos-internal-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">&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>
<h3 id="code-block-with-custom-built-in---code---shortcode">Code block with custom built-in <code>{{ &lt; code &gt; }}</code> shortcode<a href="#code-block-with-custom-built-in---code---shortcode" class="hanchor" ariaLabel="Anchor">#</a> </h3>
<details class="collapsable-code" >
<summary title="Click to interact"><span class="collapsable-code__title">Hey, this is a code block title</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="list-types">List Types<a href="#list-types" class="hanchor" ariaLabel="Anchor">#</a> </h2>
<h3 id="ordered-list">Ordered List<a href="#ordered-list" class="hanchor" ariaLabel="Anchor">#</a> </h3>
<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ol>
<h3 id="unordered-list">Unordered List<a href="#unordered-list" class="hanchor" ariaLabel="Anchor">#</a> </h3>
<ul>
<li>List item</li>
<li>Another item</li>
<li>And another item</li>
</ul>
<h3 id="nested-list">Nested list<a href="#nested-list" class="hanchor" ariaLabel="Anchor">#</a> </h3>
<ul>
<li>Fruit
<ul>
<li>Apple</li>
<li>Orange</li>
<li>Banana</li>
</ul>
</li>
<li>Dairy
<ul>
<li>Milk</li>
<li>Cheese</li>
</ul>
</li>
</ul>
<h2 id="other-elements--abbr-sub-sup-kbd-mark">Other Elements — abbr, sub, sup, kbd, mark<a href="#other-elements--abbr-sub-sup-kbd-mark" class="hanchor" ariaLabel="Anchor">#</a> </h2>
<p><!-- raw HTML omitted -->GIF<!-- raw HTML omitted --> is a bitmap image format.</p>
<p>H<!-- raw HTML omitted -->2<!-- raw HTML omitted -->O</p>
<p>X<!-- raw HTML omitted -->n<!-- raw HTML omitted --> + Y<!-- raw HTML omitted -->n<!-- raw HTML omitted --> = Z<!-- raw HTML omitted -->n<!-- raw HTML omitted --></p>
<p>Press <!-- raw HTML omitted -->CTRL<!-- raw HTML omitted -->+<!-- raw HTML omitted -->ALT<!-- raw HTML omitted -->+<!-- raw HTML omitted -->Delete<!-- raw HTML omitted --> to end the session.</p>
<p>Most <!-- raw HTML omitted -->salamanders<!-- raw HTML omitted --> are nocturnal, and hunt for insects, worms, and other small creatures.</p>
<div class="footnotes" role="doc-endnotes">
<hr>
<ol>
<li id="fn:1">
<p>The above quote is excerpted from Rob Pike&rsquo;s <a href="https://www.youtube.com/watch?v=PAAkCSZUG1c">talk</a> during Gopherfest, November 18, 2015.&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>
</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/showcase-code/" class="button inline prev">
&lt; [<span class="button__text">Code blocks variants</span>]
</a>
::
<a href="https://blog.privacynerd.de/en/posts/random-story/" class="button inline next">
[<span class="button__text">A random story</span>] &gt;
</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%2fshowcase%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>

367
public/en/posts/test-post/index.html
View File

@ -1,367 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>English Test Post :: Privacynerd&#39;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="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.
" />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://blog.privacynerd.de/en/posts/test-post/" />
<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="English Test Post">
<meta property="og:description" content="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.
" />
<meta property="og:url" content="https://blog.privacynerd.de/en/posts/test-post/" />
<meta property="og:site_name" content="Privacynerd&#39;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 &#43;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&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;▾</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/test-post/">English</a>
</b>
</li>
<li>
<a href="/de/posts/test-post/">Deutsch</a>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">en&nbsp;▾</li>
<li>
<ul class="menu__dropdown">
<li>
<b>
<a href="/en/posts/test-post/">English</a>
</b>
</li>
<li>
<a href="/de/posts/test-post/">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/test-post/">English Test Post</a>
</h1>
<div class="post-meta"><time class="post-date">2025-04-05</time><span class="post-reading-time">4 minutes to read (369 words)</span></div>
<div class="table-of-contents">
<h2>
Table of Contents
</h2>
<nav id="TableOfContents">
<ul>
<li><a href="#lorem-ipsum">Lorem ipsum</a>
<ul>
<li><a href="#dolor-sit-amet">dolor sit amet</a></li>
<li><a href="#consectetur-adipiscing">Consectetur adipiscing</a></li>
</ul>
</li>
<li><a href="#delorean-ipsum">DeLorean ipsum</a></li>
</ul>
</nav>
</div>
<div class="post-content"><div>
<h1 id="test-post-in-english">Test Post in English<a href="#test-post-in-english" class="hanchor" ariaLabel="Anchor">#</a> </h1>
<h2 id="lorem-ipsum">Lorem ipsum<a href="#lorem-ipsum" class="hanchor" ariaLabel="Anchor">#</a> </h2>
<h3 id="dolor-sit-amet">dolor sit amet<a href="#dolor-sit-amet" class="hanchor" ariaLabel="Anchor">#</a> </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>
<h3 id="consectetur-adipiscing">Consectetur adipiscing<a href="#consectetur-adipiscing" class="hanchor" ariaLabel="Anchor">#</a> </h3>
<p>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.</p>
<p>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.</p>
<p>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.</p>
<h2 id="delorean-ipsum">DeLorean ipsum<a href="#delorean-ipsum" class="hanchor" ariaLabel="Anchor">#</a> </h2>
<p>That&rsquo;s right. Huh? Go. Here you go, lady. There&rsquo;s a quarter. Good morning.</p>
<p>Marty, I always wear a suit to the office. You alright? It&rsquo;s a board with wheels. Yeah. What the hell is this? Marty, you&rsquo;re acting like you haven&rsquo;t seen me in a week.</p>
<p>Yes, yes, I&rsquo;m George, George McFly, and I&rsquo;m your density. I mean, I&rsquo;m your destiny. It works, ha ha ha ha, it works. I finally invent something that works. Where the hell are they. That&rsquo;s Strickland. Jesus, didn&rsquo;t that guy ever have hair? Alright, alright, okay McFly, get a grip on yourself. It&rsquo;s all a dream. Just a very intense dream. Woh, hey, listen, you gotta help me.</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/one-word/" class="button inline prev">
&lt; [<span class="button__text">One Word!</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%2ftest-post%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>

194
public/en/sitemap.xml
View File

@ -27,188 +27,6 @@
hreflang="en" hreflang="en"
href="https://blog.privacynerd.de/en/" href="https://blog.privacynerd.de/en/"
/> />
</url><url>
<loc>https://blog.privacynerd.de/en/tags/code/</loc>
<lastmod>2025-04-09T07:17:39+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/tags/code/"
/>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/tags/code/"
/>
</url><url>
<loc>https://blog.privacynerd.de/en/posts/showcase-code/</loc>
<lastmod>2025-04-09T07:17:39+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/posts/showcase-code/"
/>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/posts/showcase-code/"
/>
</url><url>
<loc>https://blog.privacynerd.de/en/posts/</loc>
<lastmod>2025-04-09T07:17:39+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/posts/"
/>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/posts/"
/>
</url><url>
<loc>https://blog.privacynerd.de/en/tags/programming/</loc>
<lastmod>2025-04-09T07:17:39+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/tags/programming/"
/>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/tags/programming/"
/>
</url><url>
<loc>https://blog.privacynerd.de/en/tags/</loc>
<lastmod>2025-04-09T07:17:39+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/tags/"
/>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/tags/"
/>
</url><url>
<loc>https://blog.privacynerd.de/en/tags/markdown/</loc>
<lastmod>2025-04-09T07:01:12+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/tags/markdown/"
/>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/tags/markdown/"
/>
</url><url>
<loc>https://blog.privacynerd.de/en/posts/showcase/</loc>
<lastmod>2025-04-09T07:01:12+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/posts/showcase/"
/>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/posts/showcase/"
/>
</url><url>
<loc>https://blog.privacynerd.de/en/tags/showcase/</loc>
<lastmod>2025-04-09T07:01:12+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/tags/showcase/"
/>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/tags/showcase/"
/>
</url><url>
<loc>https://blog.privacynerd.de/en/tags/styling/</loc>
<lastmod>2025-04-09T07:01:12+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/tags/styling/"
/>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/tags/styling/"
/>
</url><url>
<loc>https://blog.privacynerd.de/en/posts/random-story/</loc>
<lastmod>2025-04-08T17:55:25+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/posts/random-story/"
/>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/posts/random-story/"
/>
</url><url>
<loc>https://blog.privacynerd.de/en/tags/ai/</loc>
<lastmod>2025-04-08T17:55:25+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/tags/ai/"
/>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/tags/ai/"
/>
</url><url>
<loc>https://blog.privacynerd.de/en/tags/story/</loc>
<lastmod>2025-04-08T17:55:25+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/tags/story/"
/>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/tags/story/"
/>
</url><url>
<loc>https://blog.privacynerd.de/en/posts/one-word/</loc>
<lastmod>2025-04-05T22:48:12+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/posts/one-word/"
/>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/posts/one-word/"
/>
</url><url>
<loc>https://blog.privacynerd.de/en/posts/test-post/</loc>
<lastmod>2025-04-05T20:14:29+02:00</lastmod>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/posts/test-post/"
/>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/posts/test-post/"
/>
</url><url> </url><url>
<loc>https://blog.privacynerd.de/en/categories/</loc> <loc>https://blog.privacynerd.de/en/categories/</loc>
<xhtml:link <xhtml:link
@ -221,5 +39,17 @@
hreflang="en" hreflang="en"
href="https://blog.privacynerd.de/en/categories/" href="https://blog.privacynerd.de/en/categories/"
/> />
</url><url>
<loc>https://blog.privacynerd.de/en/tags/</loc>
<xhtml:link
rel="alternate"
hreflang="de"
href="https://blog.privacynerd.de/de/tags/"
/>
<xhtml:link
rel="alternate"
hreflang="en"
href="https://blog.privacynerd.de/en/tags/"
/>
</url> </url>
</urlset> </urlset>

340
public/en/tags/ai/index.html
View File

@ -1,340 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Ai :: Privacynerd&#39;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/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="en" />
<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/en/tags/ai/" />
<meta property="og:site_name" content="Privacynerd&#39;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/tags/ai/index.xml" rel="alternate" type="application/rss+xml" title="Privacynerd&#39;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&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;▾</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/tags/ai/">English</a>
</b>
</li>
<li>
<a href="/de/tags/ai/">Deutsch</a>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">en&nbsp;▾</li>
<li>
<ul class="menu__dropdown">
<li>
<b>
<a href="/en/tags/ai/">English</a>
</b>
</li>
<li>
<a href="/de/tags/ai/">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">
<h1>Posts for: <b style="opacity: 0.5;">#ai</b></h1>
<div class="posts">
<article class="post on-list">
<h1 class="post-title">
<a href="https://blog.privacynerd.de/en/posts/random-story/">A random story</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/en/tags/story/">story</a>&nbsp;
#<a href="https://blog.privacynerd.de/en/tags/ai/">ai</a>&nbsp;
</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>
<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%2ftags%2fai%2f">Imprint</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> made by <a href="https://github.com/panr" target="_blank">panr</a> (customized)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
<script src="https://swetrix.privacynerd.de/script.js" defer=""></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
swetrix.init('GyBjobBbBEEC', {apiURL: 'https://swetrix.privacynerd.de/api/log',})
swetrix.trackViews()
swetrix.trackErrors({
sampleRate: 1,
callback: undefined,
})
})
</script>
<noscript>
<img
src="https://swetrix.privacynerd.de/api/log/noscript?pid=GyBjobBbBEEC"
alt=""
referrerpolicy="no-referrer-when-downgrade"
/>
</noscript>
</div>
</body>
</html>

19
public/en/tags/ai/index.xml
View File

@ -1,19 +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&#39;s blog</title>
<link>https://blog.privacynerd.de/en/tags/ai/</link>
<description>Recent content in Ai on Privacynerd&#39;s blog</description>
<generator>Hugo</generator>
<language>en</language>
<lastBuildDate>Tue, 08 Apr 2025 17:55:25 +0200</lastBuildDate>
<atom:link href="https://blog.privacynerd.de/en/tags/ai/index.xml" rel="self" type="application/rss+xml" />
<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>&lt;p&gt;This is just a random story, generated by ChatGPT, used to test the reading speed and adjust it to a comfortable value.&lt;/p&gt;&#xA;&lt;h2 id=&#34;german-prompt&#34;&gt;German prompt&lt;/h2&gt;&#xA;&lt;p&gt;Tell a story with around 200 words.&lt;/p&gt;&#xA;&lt;h2 id=&#34;answer-translated-to-english&#34;&gt;Answer, translated to english&lt;/h2&gt;&#xA;&lt;p&gt;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.”&#xA;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.&#xA;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.&#xA;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.&lt;/p&gt;</description>
</item>
</channel>
</rss>

10
public/en/tags/ai/page/1/index.html
View File

@ -1,10 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>https://blog.privacynerd.de/en/tags/ai/</title>
<link rel="canonical" href="https://blog.privacynerd.de/en/tags/ai/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=https://blog.privacynerd.de/en/tags/ai/">
</head>
</html>

340
public/en/tags/code/index.html
View File

@ -1,340 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Code :: Privacynerd&#39;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/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="en" />
<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/en/tags/code/" />
<meta property="og:site_name" content="Privacynerd&#39;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/tags/code/index.xml" rel="alternate" type="application/rss+xml" title="Privacynerd&#39;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&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;▾</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/tags/code/">English</a>
</b>
</li>
<li>
<a href="/de/tags/code/">Deutsch</a>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">en&nbsp;▾</li>
<li>
<ul class="menu__dropdown">
<li>
<b>
<a href="/en/tags/code/">English</a>
</b>
</li>
<li>
<a href="/de/tags/code/">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">
<h1>Posts for: <b style="opacity: 0.5;">#code</b></h1>
<div class="posts">
<article class="post on-list">
<h1 class="post-title">
<a href="https://blog.privacynerd.de/en/posts/showcase-code/">Code blocks variants</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/en/tags/programming/">programming</a>&nbsp;
#<a href="https://blog.privacynerd.de/en/tags/code/">code</a>&nbsp;
</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>
<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%2ftags%2fcode%2f">Imprint</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> made by <a href="https://github.com/panr" target="_blank">panr</a> (customized)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
<script src="https://swetrix.privacynerd.de/script.js" defer=""></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
swetrix.init('GyBjobBbBEEC', {apiURL: 'https://swetrix.privacynerd.de/api/log',})
swetrix.trackViews()
swetrix.trackErrors({
sampleRate: 1,
callback: undefined,
})
})
</script>
<noscript>
<img
src="https://swetrix.privacynerd.de/api/log/noscript?pid=GyBjobBbBEEC"
alt=""
referrerpolicy="no-referrer-when-downgrade"
/>
</noscript>
</div>
</body>
</html>

19
public/en/tags/code/index.xml
View File

File diff suppressed because one or more lines are too long

10
public/en/tags/code/page/1/index.html
View File

@ -1,10 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>https://blog.privacynerd.de/en/tags/code/</title>
<link rel="canonical" href="https://blog.privacynerd.de/en/tags/code/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=https://blog.privacynerd.de/en/tags/code/">
</head>
</html>

56
public/en/tags/index.html
View File

@ -245,62 +245,6 @@
<ul> <ul>
<li>
<a class="terms-title" href="https://blog.privacynerd.de/en/tags/ai/">ai [1]</a>
</li>
<li>
<a class="terms-title" href="https://blog.privacynerd.de/en/tags/code/">code [1]</a>
</li>
<li>
<a class="terms-title" href="https://blog.privacynerd.de/en/tags/markdown/">markdown [1]</a>
</li>
<li>
<a class="terms-title" href="https://blog.privacynerd.de/en/tags/programming/">programming [1]</a>
</li>
<li>
<a class="terms-title" href="https://blog.privacynerd.de/en/tags/showcase/">showcase [1]</a>
</li>
<li>
<a class="terms-title" href="https://blog.privacynerd.de/en/tags/story/">story [1]</a>
</li>
<li>
<a class="terms-title" href="https://blog.privacynerd.de/en/tags/styling/">styling [1]</a>
</li>
</ul> </ul>
</div> </div>

50
public/en/tags/index.xml
View File

@ -6,56 +6,6 @@
<description>Recent content in Tags on Privacynerd&#39;s blog</description> <description>Recent content in Tags on Privacynerd&#39;s blog</description>
<generator>Hugo</generator> <generator>Hugo</generator>
<language>en</language> <language>en</language>
<lastBuildDate>Wed, 09 Apr 2025 07:17:39 +0200</lastBuildDate>
<atom:link href="https://blog.privacynerd.de/en/tags/index.xml" rel="self" type="application/rss+xml" /> <atom:link href="https://blog.privacynerd.de/en/tags/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Code</title>
<link>https://blog.privacynerd.de/en/tags/code/</link>
<pubDate>Wed, 09 Apr 2025 07:17:39 +0200</pubDate>
<guid>https://blog.privacynerd.de/en/tags/code/</guid>
<description></description>
</item>
<item>
<title>Programming</title>
<link>https://blog.privacynerd.de/en/tags/programming/</link>
<pubDate>Wed, 09 Apr 2025 07:17:39 +0200</pubDate>
<guid>https://blog.privacynerd.de/en/tags/programming/</guid>
<description></description>
</item>
<item>
<title>Markdown</title>
<link>https://blog.privacynerd.de/en/tags/markdown/</link>
<pubDate>Wed, 09 Apr 2025 07:01:12 +0200</pubDate>
<guid>https://blog.privacynerd.de/en/tags/markdown/</guid>
<description></description>
</item>
<item>
<title>Showcase</title>
<link>https://blog.privacynerd.de/en/tags/showcase/</link>
<pubDate>Wed, 09 Apr 2025 07:01:12 +0200</pubDate>
<guid>https://blog.privacynerd.de/en/tags/showcase/</guid>
<description></description>
</item>
<item>
<title>Styling</title>
<link>https://blog.privacynerd.de/en/tags/styling/</link>
<pubDate>Wed, 09 Apr 2025 07:01:12 +0200</pubDate>
<guid>https://blog.privacynerd.de/en/tags/styling/</guid>
<description></description>
</item>
<item>
<title>Ai</title>
<link>https://blog.privacynerd.de/en/tags/ai/</link>
<pubDate>Tue, 08 Apr 2025 17:55:25 +0200</pubDate>
<guid>https://blog.privacynerd.de/en/tags/ai/</guid>
<description></description>
</item>
<item>
<title>Story</title>
<link>https://blog.privacynerd.de/en/tags/story/</link>
<pubDate>Tue, 08 Apr 2025 17:55:25 +0200</pubDate>
<guid>https://blog.privacynerd.de/en/tags/story/</guid>
<description></description>
</item>
</channel> </channel>
</rss> </rss>

342
public/en/tags/markdown/index.html
View File

@ -1,342 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Markdown :: Privacynerd&#39;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/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="en" />
<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/en/tags/markdown/" />
<meta property="og:site_name" content="Privacynerd&#39;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/tags/markdown/index.xml" rel="alternate" type="application/rss+xml" title="Privacynerd&#39;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&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;▾</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/tags/markdown/">English</a>
</b>
</li>
<li>
<a href="/de/tags/markdown/">Deutsch</a>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">en&nbsp;▾</li>
<li>
<ul class="menu__dropdown">
<li>
<b>
<a href="/en/tags/markdown/">English</a>
</b>
</li>
<li>
<a href="/de/tags/markdown/">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">
<h1>Posts for: <b style="opacity: 0.5;">#markdown</b></h1>
<div class="posts">
<article class="post on-list">
<h1 class="post-title">
<a href="https://blog.privacynerd.de/en/posts/showcase/">Showcase</a>
</h1>
<div class="post-meta"><time class="post-date">2025-04-09</time><span class="post-author">Hugo Authors &amp; Radek</span></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/en/tags/showcase/">showcase</a>&nbsp;
#<a href="https://blog.privacynerd.de/en/tags/markdown/">markdown</a>&nbsp;
#<a href="https://blog.privacynerd.de/en/tags/styling/">styling</a>&nbsp;
</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>
<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%2ftags%2fmarkdown%2f">Imprint</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> made by <a href="https://github.com/panr" target="_blank">panr</a> (customized)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
<script src="https://swetrix.privacynerd.de/script.js" defer=""></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
swetrix.init('GyBjobBbBEEC', {apiURL: 'https://swetrix.privacynerd.de/api/log',})
swetrix.trackViews()
swetrix.trackErrors({
sampleRate: 1,
callback: undefined,
})
})
</script>
<noscript>
<img
src="https://swetrix.privacynerd.de/api/log/noscript?pid=GyBjobBbBEEC"
alt=""
referrerpolicy="no-referrer-when-downgrade"
/>
</noscript>
</div>
</body>
</html>

19
public/en/tags/markdown/index.xml
View File

@ -1,19 +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&#39;s blog</title>
<link>https://blog.privacynerd.de/en/tags/markdown/</link>
<description>Recent content in Markdown on Privacynerd&#39;s blog</description>
<generator>Hugo</generator>
<language>en</language>
<lastBuildDate>Wed, 09 Apr 2025 07:01:12 +0200</lastBuildDate>
<atom:link href="https://blog.privacynerd.de/en/tags/markdown/index.xml" rel="self" type="application/rss+xml" />
<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>&lt;p&gt;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.&lt;/p&gt;</description>
</item>
</channel>
</rss>

10
public/en/tags/markdown/page/1/index.html
View File

@ -1,10 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>https://blog.privacynerd.de/en/tags/markdown/</title>
<link rel="canonical" href="https://blog.privacynerd.de/en/tags/markdown/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=https://blog.privacynerd.de/en/tags/markdown/">
</head>
</html>

340
public/en/tags/programming/index.html
View File

@ -1,340 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Programming :: Privacynerd&#39;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/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="en" />
<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/en/tags/programming/" />
<meta property="og:site_name" content="Privacynerd&#39;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/tags/programming/index.xml" rel="alternate" type="application/rss+xml" title="Privacynerd&#39;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&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;▾</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/tags/programming/">English</a>
</b>
</li>
<li>
<a href="/de/tags/programming/">Deutsch</a>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">en&nbsp;▾</li>
<li>
<ul class="menu__dropdown">
<li>
<b>
<a href="/en/tags/programming/">English</a>
</b>
</li>
<li>
<a href="/de/tags/programming/">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">
<h1>Posts for: <b style="opacity: 0.5;">#programming</b></h1>
<div class="posts">
<article class="post on-list">
<h1 class="post-title">
<a href="https://blog.privacynerd.de/en/posts/showcase-code/">Code blocks variants</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/en/tags/programming/">programming</a>&nbsp;
#<a href="https://blog.privacynerd.de/en/tags/code/">code</a>&nbsp;
</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>
<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%2ftags%2fprogramming%2f">Imprint</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> made by <a href="https://github.com/panr" target="_blank">panr</a> (customized)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
<script src="https://swetrix.privacynerd.de/script.js" defer=""></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
swetrix.init('GyBjobBbBEEC', {apiURL: 'https://swetrix.privacynerd.de/api/log',})
swetrix.trackViews()
swetrix.trackErrors({
sampleRate: 1,
callback: undefined,
})
})
</script>
<noscript>
<img
src="https://swetrix.privacynerd.de/api/log/noscript?pid=GyBjobBbBEEC"
alt=""
referrerpolicy="no-referrer-when-downgrade"
/>
</noscript>
</div>
</body>
</html>

19
public/en/tags/programming/index.xml
View File

File diff suppressed because one or more lines are too long

10
public/en/tags/programming/page/1/index.html
View File

@ -1,10 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>https://blog.privacynerd.de/en/tags/programming/</title>
<link rel="canonical" href="https://blog.privacynerd.de/en/tags/programming/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=https://blog.privacynerd.de/en/tags/programming/">
</head>
</html>

342
public/en/tags/showcase/index.html
View File

@ -1,342 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Showcase :: Privacynerd&#39;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/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="en" />
<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/en/tags/showcase/" />
<meta property="og:site_name" content="Privacynerd&#39;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/tags/showcase/index.xml" rel="alternate" type="application/rss+xml" title="Privacynerd&#39;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&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;▾</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/tags/showcase/">English</a>
</b>
</li>
<li>
<a href="/de/tags/showcase/">Deutsch</a>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">en&nbsp;▾</li>
<li>
<ul class="menu__dropdown">
<li>
<b>
<a href="/en/tags/showcase/">English</a>
</b>
</li>
<li>
<a href="/de/tags/showcase/">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">
<h1>Posts for: <b style="opacity: 0.5;">#showcase</b></h1>
<div class="posts">
<article class="post on-list">
<h1 class="post-title">
<a href="https://blog.privacynerd.de/en/posts/showcase/">Showcase</a>
</h1>
<div class="post-meta"><time class="post-date">2025-04-09</time><span class="post-author">Hugo Authors &amp; Radek</span></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/en/tags/showcase/">showcase</a>&nbsp;
#<a href="https://blog.privacynerd.de/en/tags/markdown/">markdown</a>&nbsp;
#<a href="https://blog.privacynerd.de/en/tags/styling/">styling</a>&nbsp;
</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>
<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%2ftags%2fshowcase%2f">Imprint</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> made by <a href="https://github.com/panr" target="_blank">panr</a> (customized)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
<script src="https://swetrix.privacynerd.de/script.js" defer=""></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
swetrix.init('GyBjobBbBEEC', {apiURL: 'https://swetrix.privacynerd.de/api/log',})
swetrix.trackViews()
swetrix.trackErrors({
sampleRate: 1,
callback: undefined,
})
})
</script>
<noscript>
<img
src="https://swetrix.privacynerd.de/api/log/noscript?pid=GyBjobBbBEEC"
alt=""
referrerpolicy="no-referrer-when-downgrade"
/>
</noscript>
</div>
</body>
</html>

19
public/en/tags/showcase/index.xml
View File

@ -1,19 +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&#39;s blog</title>
<link>https://blog.privacynerd.de/en/tags/showcase/</link>
<description>Recent content in Showcase on Privacynerd&#39;s blog</description>
<generator>Hugo</generator>
<language>en</language>
<lastBuildDate>Wed, 09 Apr 2025 07:01:12 +0200</lastBuildDate>
<atom:link href="https://blog.privacynerd.de/en/tags/showcase/index.xml" rel="self" type="application/rss+xml" />
<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>&lt;p&gt;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.&lt;/p&gt;</description>
</item>
</channel>
</rss>

10
public/en/tags/showcase/page/1/index.html
View File

@ -1,10 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>https://blog.privacynerd.de/en/tags/showcase/</title>
<link rel="canonical" href="https://blog.privacynerd.de/en/tags/showcase/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=https://blog.privacynerd.de/en/tags/showcase/">
</head>
</html>

340
public/en/tags/story/index.html
View File

@ -1,340 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Story :: Privacynerd&#39;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/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="en" />
<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/en/tags/story/" />
<meta property="og:site_name" content="Privacynerd&#39;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/tags/story/index.xml" rel="alternate" type="application/rss+xml" title="Privacynerd&#39;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&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;▾</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/tags/story/">English</a>
</b>
</li>
<li>
<a href="/de/tags/story/">Deutsch</a>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">en&nbsp;▾</li>
<li>
<ul class="menu__dropdown">
<li>
<b>
<a href="/en/tags/story/">English</a>
</b>
</li>
<li>
<a href="/de/tags/story/">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">
<h1>Posts for: <b style="opacity: 0.5;">#story</b></h1>
<div class="posts">
<article class="post on-list">
<h1 class="post-title">
<a href="https://blog.privacynerd.de/en/posts/random-story/">A random story</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/en/tags/story/">story</a>&nbsp;
#<a href="https://blog.privacynerd.de/en/tags/ai/">ai</a>&nbsp;
</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>
<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%2ftags%2fstory%2f">Imprint</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> made by <a href="https://github.com/panr" target="_blank">panr</a> (customized)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
<script src="https://swetrix.privacynerd.de/script.js" defer=""></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
swetrix.init('GyBjobBbBEEC', {apiURL: 'https://swetrix.privacynerd.de/api/log',})
swetrix.trackViews()
swetrix.trackErrors({
sampleRate: 1,
callback: undefined,
})
})
</script>
<noscript>
<img
src="https://swetrix.privacynerd.de/api/log/noscript?pid=GyBjobBbBEEC"
alt=""
referrerpolicy="no-referrer-when-downgrade"
/>
</noscript>
</div>
</body>
</html>

19
public/en/tags/story/index.xml
View File

@ -1,19 +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&#39;s blog</title>
<link>https://blog.privacynerd.de/en/tags/story/</link>
<description>Recent content in Story on Privacynerd&#39;s blog</description>
<generator>Hugo</generator>
<language>en</language>
<lastBuildDate>Tue, 08 Apr 2025 17:55:25 +0200</lastBuildDate>
<atom:link href="https://blog.privacynerd.de/en/tags/story/index.xml" rel="self" type="application/rss+xml" />
<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>&lt;p&gt;This is just a random story, generated by ChatGPT, used to test the reading speed and adjust it to a comfortable value.&lt;/p&gt;&#xA;&lt;h2 id=&#34;german-prompt&#34;&gt;German prompt&lt;/h2&gt;&#xA;&lt;p&gt;Tell a story with around 200 words.&lt;/p&gt;&#xA;&lt;h2 id=&#34;answer-translated-to-english&#34;&gt;Answer, translated to english&lt;/h2&gt;&#xA;&lt;p&gt;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.”&#xA;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.&#xA;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.&#xA;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.&lt;/p&gt;</description>
</item>
</channel>
</rss>

10
public/en/tags/story/page/1/index.html
View File

@ -1,10 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>https://blog.privacynerd.de/en/tags/story/</title>
<link rel="canonical" href="https://blog.privacynerd.de/en/tags/story/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=https://blog.privacynerd.de/en/tags/story/">
</head>
</html>

342
public/en/tags/styling/index.html
View File

@ -1,342 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Styling :: Privacynerd&#39;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/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="en" />
<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/en/tags/styling/" />
<meta property="og:site_name" content="Privacynerd&#39;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/tags/styling/index.xml" rel="alternate" type="application/rss+xml" title="Privacynerd&#39;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&#39;s blog
</div>
</a>
</div>
<ul class="menu menu--mobile">
<li class="menu__trigger">Menu&nbsp;▾</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/tags/styling/">English</a>
</b>
</li>
<li>
<a href="/de/tags/styling/">Deutsch</a>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">en&nbsp;▾</li>
<li>
<ul class="menu__dropdown">
<li>
<b>
<a href="/en/tags/styling/">English</a>
</b>
</li>
<li>
<a href="/de/tags/styling/">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">
<h1>Posts for: <b style="opacity: 0.5;">#styling</b></h1>
<div class="posts">
<article class="post on-list">
<h1 class="post-title">
<a href="https://blog.privacynerd.de/en/posts/showcase/">Showcase</a>
</h1>
<div class="post-meta"><time class="post-date">2025-04-09</time><span class="post-author">Hugo Authors &amp; Radek</span></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/en/tags/showcase/">showcase</a>&nbsp;
#<a href="https://blog.privacynerd.de/en/tags/markdown/">markdown</a>&nbsp;
#<a href="https://blog.privacynerd.de/en/tags/styling/">styling</a>&nbsp;
</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>
<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%2ftags%2fstyling%2f">Imprint</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> made by <a href="https://github.com/panr" target="_blank">panr</a> (customized)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
<script src="https://swetrix.privacynerd.de/script.js" defer=""></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
swetrix.init('GyBjobBbBEEC', {apiURL: 'https://swetrix.privacynerd.de/api/log',})
swetrix.trackViews()
swetrix.trackErrors({
sampleRate: 1,
callback: undefined,
})
})
</script>
<noscript>
<img
src="https://swetrix.privacynerd.de/api/log/noscript?pid=GyBjobBbBEEC"
alt=""
referrerpolicy="no-referrer-when-downgrade"
/>
</noscript>
</div>
</body>
</html>

19
public/en/tags/styling/index.xml
View File

@ -1,19 +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&#39;s blog</title>
<link>https://blog.privacynerd.de/en/tags/styling/</link>
<description>Recent content in Styling on Privacynerd&#39;s blog</description>
<generator>Hugo</generator>
<language>en</language>
<lastBuildDate>Wed, 09 Apr 2025 07:01:12 +0200</lastBuildDate>
<atom:link href="https://blog.privacynerd.de/en/tags/styling/index.xml" rel="self" type="application/rss+xml" />
<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>&lt;p&gt;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.&lt;/p&gt;</description>
</item>
</channel>
</rss>

10
public/en/tags/styling/page/1/index.html
View File

@ -1,10 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>https://blog.privacynerd.de/en/tags/styling/</title>
<link rel="canonical" href="https://blog.privacynerd.de/en/tags/styling/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=https://blog.privacynerd.de/en/tags/styling/">
</head>
</html>