Also showing the reading time now; with custom reading speeds for each language

This commit is contained in:
BlueFox 2025-04-09 18:35:53 +02:00
parent 2e5953b288
commit c2a2b128b5
Signed by: BlueFox
GPG Key ID: 327233DA85435270
83 changed files with 14410 additions and 2647 deletions

View File

@ -28,6 +28,7 @@ pagination.pagerSize = 5
# show selector to switch language # show selector to switch language
showLanguageSelector = true # (default: false) showLanguageSelector = true # (default: false)
# ↓ currently in a PR (and in my fork in the my-master branch)
# the language selector always links... # the language selector always links...
# - true: the translated content equivalent (e.g. /en/posts/some-post directly → /de/posts/some-post), # - true: the translated content equivalent (e.g. /en/posts/some-post directly → /de/posts/some-post),
# - false: just to the translated root (e.g. /en/posts/some-post → /de) # - false: just to the translated root (e.g. /en/posts/some-post → /de)
@ -82,7 +83,7 @@ pagination.pagerSize = 5
languageName = "English" languageName = "English"
weight = 1 weight = 1
[languages.en.params] [languages.en.params]
readingSpeed = 108 readingSpeed = 108 # currently in a PR (and in my fork in the my-master branch)
subtitle = "Blog of privacynerd" subtitle = "Blog of privacynerd"
owner = "" owner = ""
keywords = "" keywords = ""
@ -97,16 +98,20 @@ pagination.pagerSize = 5
# set title for the table of contents # set title for the table of contents
# can be overridden in a page's front-matter # can be overridden in a page's front-matter
TocTitle = "Table of Contents" # default TocTitle = "Table of Contents" # default
words = "words" # (default: words)
# below are items added by BlueFox (me)
_menu = "Menu" _menu = "Menu"
_minute = "minute"
_minutes = "minutes"
_readingTime = "to read"
_word = "word"
_words = "words"
_imprint = "Imprint" _imprint = "Imprint"
_by = "by" _made_by = "made by"
_customized = "customized" _customized = "customized"
# and the following are currently in a PR (and in my fork in the my-master branch)
minute = "minute"
minutes = "minutes"
to_read = "to read"
word = "word"
[languages.en.params.logo] [languages.en.params.logo]
logoText = "Privacynerd's blog" logoText = "Privacynerd's blog"
logoHomeLink = "/en" logoHomeLink = "/en"
@ -133,7 +138,7 @@ pagination.pagerSize = 5
languageName = "Deutsch" languageName = "Deutsch"
weight = 2 weight = 2
[languages.de.params] [languages.de.params]
readingSpeed = 111 readingSpeed = 111 # currently in a PR (and in my fork in the my-master branch)
subtitle = "Blog von privacynerd" subtitle = "Blog von privacynerd"
owner = "" owner = ""
keywords = "" keywords = ""
@ -148,16 +153,21 @@ pagination.pagerSize = 5
# set title for the table of contents # set title for the table of contents
# can be overridden in a page's front-matter # can be overridden in a page's front-matter
TocTitle = "Inhaltsverzeichnis" # default TocTitle = "Inhaltsverzeichnis" # default
words = "Wörter"
# below are items added by BlueFox (me)
_menu = "Menü" _menu = "Menü"
_minute = "Minute"
_minutes = "Minuten"
_readingTime = "Lesezeit"
_word = "Wort"
_words = "Wörter"
_imprint = "Impressum" _imprint = "Impressum"
_by = "von" _made_by = "erstellt von"
_customized = "angepasst" _customized = "angepasst"
# and the following are currently in a PR (and in my fork in the my-master branch)
minute = "Minute"
minutes = "Minuten"
to_read = "Lesezeit"
word = "Wort"
[languages.de.params.logo] [languages.de.params.logo]
logoText = "Privacynerd's blog" logoText = "Privacynerd's blog"
logoHomeLink = "/de" logoHomeLink = "/de"

View File

@ -11,7 +11,7 @@
<span>© {{ now.Year }} Powered by <a href="https://gohugo.io">Hugo</a></span> <span>© {{ now.Year }} Powered by <a href="https://gohugo.io">Hugo</a></span>
{{ end }} {{ end }}
<span style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer={{ $.Page.Permalink }}">{{ $.Site.Params._Imprint }}</a></span> <span style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer={{ $.Page.Permalink }}">{{ $.Site.Params._Imprint }}</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> made by <a href="https://github.com/panr" target="_blank">panr</a> ({{ $.Site.Params._Customized }})</span> <span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> {{ $.Site.Params._made_by }} <a href="https://github.com/panr" target="_blank">panr</a> ({{ $.Site.Params._Customized }})</span>
</div> </div>
</div> </div>
</footer> </footer>

View File

@ -1,4 +1,282 @@
<!doctype html><html lang=de><head><title>404 Page not found :: Privacynerd's blog</title> <!DOCTYPE html>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/de/404.html><link rel=stylesheet href=https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css><link rel=stylesheet href=https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css><link rel=stylesheet href=https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css><link rel=stylesheet href=https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css><link rel=stylesheet href=https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css><link rel=stylesheet href=https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css><link rel=stylesheet href=https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css><link rel=stylesheet href=https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css><link rel=stylesheet href=https://blog.privacynerd.de/terminal.css><link rel="shortcut icon" href=https://blog.privacynerd.de/favicon.png><link rel=apple-touch-icon href=https://blog.privacynerd.de/apple-touch-icon.png><meta name=twitter:card content="summary"><meta name=twitter:site content><meta name=twitter:creator content><meta property="og:locale" content="de"><meta property="og:type" content="website"><meta property="og:title" content="404 Page not found"><meta property="og:description" content><meta property="og:url" content="https://blog.privacynerd.de/de/404.html"><meta property="og:site_name" content="Privacynerd's blog"><meta property="og:image" content="https://blog.privacynerd.de/og-image.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="627"><style>#banner{width:100%;height:2rem;display:grid;grid-template-columns:1fr auto;background:var(--accent)}#banner span{display:flex;align-items:center;justify-content:center}#banner a{color:var(--background);display:inline}#banner>button{padding:0 5px 0 0;margin:0}</style><div id=banner><span><a href=https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de>Baustelle 🚧 | laufende Arbeiten</a></span></div></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/de><div class=logo>Privacynerd's blog</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu&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/404.html>English</a></li><li><b><a href=/de/404.html>Deutsch</a></b></li></ul></li></ul><ul class="menu menu--desktop menu--language-selector"><li class=menu__trigger>de&nbsp;</li><li><ul class=menu__dropdown><li><a href=/en/404.html>English</a></li><li><b><a href=/de/404.html>Deutsch</a></b></li></ul></li></ul></div><nav class=navigation-menu><ul class="navigation-menu__inner menu--desktop"><li><a href=/de/about>Über</a></li><li><a href=/de/tags>Tags</a></li></ul></nav></header><div class=content><div class=post><h1 class=post-title>404 — Seite konnte nicht gefunden werden...</h1><div class=post-content><a href=https://blog.privacynerd.de/>Zurück zur Startseite&nbsp;</a></div></div></div><footer class=footer><style>.antidiscovery i{display:none}</style><div class=footer__inner><div class="copyright copyright--user"><span class=antidiscovery>© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span> <html lang="de">
<span style=margin-right:10px>:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fde%2f404.html">Impressum</a></span> <head>
<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> (angepasst)</span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html>
<title>404 Page not found :: 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/404.html" />
<link rel="stylesheet" href="https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/terminal.css">
<link rel="shortcut icon" href="https://blog.privacynerd.de/favicon.png">
<link rel="apple-touch-icon" href="https://blog.privacynerd.de/apple-touch-icon.png">
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="" />
<meta name="twitter:creator" content="" />
<meta property="og:locale" content="de" />
<meta property="og:type" content="website" />
<meta property="og:title" content="404 Page not found">
<meta property="og:description" content="" />
<meta property="og:url" content="https://blog.privacynerd.de/de/404.html" />
<meta property="og:site_name" content="Privacynerd&#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">
<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/404.html">English</a>
</li>
<li>
<b>
<a href="/de/404.html">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">de&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li>
<a href="/en/404.html">English</a>
</li>
<li>
<b>
<a href="/de/404.html">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
</div>
<nav class="navigation-menu">
<ul class="navigation-menu__inner menu--desktop">
<li><a href="/de/about" >Über</a></li>
<li><a href="/de/tags" >Tags</a></li>
</ul>
</nav>
</header>
<div class="content">
<div class="post">
<h1 class="post-title">404 — Seite konnte nicht gefunden werden...</h1>
<div class="post-content">
<a href="https://blog.privacynerd.de/">Zurück zur Startseite&nbsp;</a>
</div>
</div>
</div>
<footer class="footer">
<style>
.antidiscovery i { display: none; }
</style>
<div class="footer__inner">
<div class="copyright copyright--user">
<span class="antidiscovery">© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span>
<span style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fde%2f404.html">Impressum</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> erstellt von <a href="https://github.com/panr" target="_blank">panr</a> (angepasst)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
</div>
</body>
</html>

View File

@ -1,17 +1,330 @@
<!doctype html><html lang=de><head><title>Über :: Privacynerd's blog</title> <!DOCTYPE html>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="Hallo in a new age You can call me Mirus and I forked the original Terminal theme for Hugo, because Radek, the original creator of the theme stop the maintenance and archived the repo. <html lang="de">
<head>
<title>Über :: 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="Hallo in a new age You can call me Mirus and I forked the original Terminal theme for Hugo, because Radek, the original creator of the theme stop the maintenance and archived the repo.
So I already pushed a few improvements that I did for my humble blog and I&rsquo;m going to add some more features in the future, also any contribution is welcome So I already pushed a few improvements that I did for my humble blog and I&rsquo;m going to add some more features in the future, also any contribution is welcome
Below you can read the original about from Radek Below you can read the original about from Radek
"><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/de/about/><link rel=stylesheet href=https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css><link rel=stylesheet href=https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css><link rel=stylesheet href=https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css><link rel=stylesheet href=https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css><link rel=stylesheet href=https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css><link rel=stylesheet href=https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css><link rel=stylesheet href=https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css><link rel=stylesheet href=https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css><link rel=stylesheet href=https://blog.privacynerd.de/terminal.css><link rel="shortcut icon" href=https://blog.privacynerd.de/favicon.png><link rel=apple-touch-icon href=https://blog.privacynerd.de/apple-touch-icon.png><meta name=twitter:card content="summary"><meta name=twitter:site content><meta name=twitter:creator content><meta property="og:locale" content="de"><meta property="og:type" content="article"><meta property="og:title" content="Über"><meta property="og:description" content="Hallo in a new age You can call me Mirus and I forked the original Terminal theme for Hugo, because Radek, the original creator of the theme stop the maintenance and archived the repo. " />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://blog.privacynerd.de/de/about/" />
<link rel="stylesheet" href="https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/terminal.css">
<link rel="shortcut icon" href="https://blog.privacynerd.de/favicon.png">
<link rel="apple-touch-icon" href="https://blog.privacynerd.de/apple-touch-icon.png">
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="" />
<meta name="twitter:creator" content="" />
<meta property="og:locale" content="de" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Über">
<meta property="og:description" content="Hallo in a new age You can call me Mirus and I forked the original Terminal theme for Hugo, because Radek, the original creator of the theme stop the maintenance and archived the repo.
So I already pushed a few improvements that I did for my humble blog and I&rsquo;m going to add some more features in the future, also any contribution is welcome So I already pushed a few improvements that I did for my humble blog and I&rsquo;m going to add some more features in the future, also any contribution is welcome
Below you can read the original about from Radek Below you can read the original about from Radek
"><meta property="og:url" content="https://blog.privacynerd.de/de/about/"><meta property="og:site_name" content="Privacynerd's blog"><meta property="og:image" content="https://blog.privacynerd.de/og-image.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="627"><meta property="article:published_time" content="2025-04-05 20:14:29 +0200 CEST"><style>#banner{width:100%;height:2rem;display:grid;grid-template-columns:1fr auto;background:var(--accent)}#banner span{display:flex;align-items:center;justify-content:center}#banner a{color:var(--background);display:inline}#banner>button{padding:0 5px 0 0;margin:0}</style><div id=banner><span><a href=https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de>Baustelle 🚧 | laufende Arbeiten</a></span></div></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/de><div class=logo>Privacynerd's blog</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu&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/about/>English</a></li><li><b><a href=/de/about/>Deutsch</a></b></li></ul></li></ul><ul class="menu menu--desktop menu--language-selector"><li class=menu__trigger>de&nbsp;</li><li><ul class=menu__dropdown><li><a href=/en/about/>English</a></li><li><b><a href=/de/about/>Deutsch</a></b></li></ul></li></ul></div><nav class=navigation-menu><ul class="navigation-menu__inner menu--desktop"><li><a href=/de/about>Über</a></li><li><a href=/de/tags>Tags</a></li></ul></nav></header><div class=content><article class=post><h1 class=post-title><a href=https://blog.privacynerd.de/de/about/>Über</a></h1><div class=post-meta><time class=post-date>2025-04-05</time><span class=post-reading-time>1 min read (190 words)</span></div><div class=post-content><div><h1 id=hallo-in-a-new-age>Hallo in a new age<a href=#hallo-in-a-new-age class=hanchor arialabel=Anchor>#</a></h1><p>You can call me Mirus and I forked the original Terminal theme for Hugo, because Radek, the original creator of the theme stop the maintenance and archived the repo.</p><p>So I already pushed a few improvements that I did for my humble blog and I&rsquo;m going to add some more features in the future, also any contribution is welcome</p><p>Below you can read the original about from Radek</p><blockquote><p>Hi there</p><p>My name is Radek and I&rsquo;m the author of this theme. " />
I made it to help you present your ideas easier.</p><p>We all know how hard is to start something on the web, <meta property="og:url" content="https://blog.privacynerd.de/de/about/" />
<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/about/">English</a>
</li>
<li>
<b>
<a href="/de/about/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">de&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li>
<a href="/en/about/">English</a>
</li>
<li>
<b>
<a href="/de/about/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
</div>
<nav class="navigation-menu">
<ul class="navigation-menu__inner menu--desktop">
<li><a href="/de/about" >Über</a></li>
<li><a href="/de/tags" >Tags</a></li>
</ul>
</nav>
</header>
<div class="content">
<article class="post">
<h1 class="post-title">
<a href="https://blog.privacynerd.de/de/about/">Über</a>
</h1>
<div class="post-meta"><time class="post-date">2025-04-05</time><span class="post-reading-time">2 Minuten Lesezeit (190 Wörter)</span></div>
<div class="post-content"><div>
<h1 id="hallo-in-a-new-age">Hallo in a new age<a href="#hallo-in-a-new-age" class="hanchor" ariaLabel="Anchor">#</a> </h1>
<p>You can call me Mirus and I forked the original Terminal theme for Hugo, because Radek, the original creator of the theme stop the maintenance and archived the repo.</p>
<p>So I already pushed a few improvements that I did for my humble blog and I&rsquo;m going to add some more features in the future, also any contribution is welcome</p>
<p>Below you can read the original about from Radek</p>
<blockquote>
<p>Hi there</p>
<p>My name is Radek and I&rsquo;m the author of this theme.
I made it to help you present your ideas easier.</p>
<p>We all know how hard is to start something on the web,
especially these days. You need to prepare a bunch of stuff, especially these days. You need to prepare a bunch of stuff,
configure them and when thats done — create the content.</p><p>This theme is pretty basic and covers all of the essentials. configure them and when thats done — create the content.</p>
All you have to do is start typing!</p><p>The theme includes:</p><ul><li><strong>5 duotone themes</strong>, <p>This theme is pretty basic and covers all of the essentials.
depending on your preferences (orange, red, blue, green, pink)</li><li><a href=https://github.com/tonsky/FiraCode><strong>Fira Code</strong></a> All you have to do is start typing!</p>
as default monospaced font. It&rsquo;s gorgeous!</li><li><strong>really nice, custom duotone</strong> syntax highlighting based on <p>The theme includes:</p>
<a href=https://prismjs.com><strong>PrismJS</strong></a></li><li>mobile friendly layout</li></ul><p>So, there you have it&mldr; enjoy!</p></blockquote><p>Blubb.</p></div></div></article></div><footer class=footer><style>.antidiscovery i{display:none}</style><div class=footer__inner><div class="copyright copyright--user"><span class=antidiscovery>© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span> <ul>
<span style=margin-right:10px>:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fde%2fabout%2f">Impressum</a></span> <li><strong>5 duotone themes</strong>,
<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> (angepasst)</span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html> depending on your preferences (orange, red, blue, green, pink)</li>
<li><a href="https://github.com/tonsky/FiraCode"><strong>Fira Code</strong></a>
as default monospaced font. It&rsquo;s gorgeous!</li>
<li><strong>really nice, custom duotone</strong> syntax highlighting based on
<a href="https://prismjs.com"><strong>PrismJS</strong></a></li>
<li>mobile friendly layout</li>
</ul>
<p>So, there you have it&hellip; enjoy!</p></blockquote>
<p>Blubb.</p>
</div></div>
</article>
</div>
<footer class="footer">
<style>
.antidiscovery i { display: none; }
</style>
<div class="footer__inner">
<div class="copyright copyright--user">
<span class="antidiscovery">© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span>
<span style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fde%2fabout%2f">Impressum</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> erstellt von <a href="https://github.com/panr" target="_blank">panr</a> (angepasst)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
</div>
</body>
</html>

View File

@ -1,4 +1,284 @@
<!doctype html><html lang=de><head><title>Categories :: Privacynerd's blog</title> <!DOCTYPE html>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/de/categories/><link rel=stylesheet href=https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css><link rel=stylesheet href=https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css><link rel=stylesheet href=https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css><link rel=stylesheet href=https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css><link rel=stylesheet href=https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css><link rel=stylesheet href=https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css><link rel=stylesheet href=https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css><link rel=stylesheet href=https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css><link rel=stylesheet href=https://blog.privacynerd.de/terminal.css><link rel="shortcut icon" href=https://blog.privacynerd.de/favicon.png><link rel=apple-touch-icon href=https://blog.privacynerd.de/apple-touch-icon.png><meta name=twitter:card content="summary"><meta name=twitter:site content><meta name=twitter:creator content><meta property="og:locale" content="de"><meta property="og:type" content="website"><meta property="og:title" content="Categories"><meta property="og:description" content><meta property="og:url" content="https://blog.privacynerd.de/de/categories/"><meta property="og:site_name" content="Privacynerd's blog"><meta property="og:image" content="https://blog.privacynerd.de/og-image.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="627"><link href=/de/categories/index.xml rel=alternate type=application/rss+xml title="Privacynerd's blog"><style>#banner{width:100%;height:2rem;display:grid;grid-template-columns:1fr auto;background:var(--accent)}#banner span{display:flex;align-items:center;justify-content:center}#banner a{color:var(--background);display:inline}#banner>button{padding:0 5px 0 0;margin:0}</style><div id=banner><span><a href=https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de>Baustelle 🚧 | laufende Arbeiten</a></span></div></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/de><div class=logo>Privacynerd's blog</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu&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/categories/>English</a></li><li><b><a href=/de/categories/>Deutsch</a></b></li></ul></li></ul><ul class="menu menu--desktop menu--language-selector"><li class=menu__trigger>de&nbsp;</li><li><ul class=menu__dropdown><li><a href=/en/categories/>English</a></li><li><b><a href=/de/categories/>Deutsch</a></b></li></ul></li></ul></div><nav class=navigation-menu><ul class="navigation-menu__inner menu--desktop"><li><a href=/de/about>Über</a></li><li><a href=/de/tags>Tags</a></li></ul></nav></header><div class=content><div class=terms><h1>Categories</h1><ul></ul></div></div><footer class=footer><style>.antidiscovery i{display:none}</style><div class=footer__inner><div class="copyright copyright--user"><span class=antidiscovery>© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span> <html lang="de">
<span style=margin-right:10px>:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fde%2fcategories%2f">Impressum</a></span> <head>
<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> (angepasst)</span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html>
<title>Categories :: 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/categories/" />
<link rel="stylesheet" href="https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/terminal.css">
<link rel="shortcut icon" href="https://blog.privacynerd.de/favicon.png">
<link rel="apple-touch-icon" href="https://blog.privacynerd.de/apple-touch-icon.png">
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="" />
<meta name="twitter:creator" content="" />
<meta property="og:locale" content="de" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Categories">
<meta property="og:description" content="" />
<meta property="og:url" content="https://blog.privacynerd.de/de/categories/" />
<meta property="og:site_name" content="Privacynerd&#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/categories/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/categories/">English</a>
</li>
<li>
<b>
<a href="/de/categories/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">de&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li>
<a href="/en/categories/">English</a>
</li>
<li>
<b>
<a href="/de/categories/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
</div>
<nav class="navigation-menu">
<ul class="navigation-menu__inner menu--desktop">
<li><a href="/de/about" >Über</a></li>
<li><a href="/de/tags" >Tags</a></li>
</ul>
</nav>
</header>
<div class="content">
<div class="terms">
<h1>Categories</h1>
<ul>
</ul>
</div>
</div>
<footer class="footer">
<style>
.antidiscovery i { display: none; }
</style>
<div class="footer__inner">
<div class="copyright copyright--user">
<span class="antidiscovery">© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span>
<span style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fde%2fcategories%2f">Impressum</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> erstellt von <a href="https://github.com/panr" target="_blank">panr</a> (angepasst)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
</div>
</body>
</html>

View File

@ -1 +1,11 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Categories on Privacynerd's blog</title><link>https://blog.privacynerd.de/de/categories/</link><description>Recent content in Categories on Privacynerd's blog</description><generator>Hugo</generator><language>de</language><atom:link href="https://blog.privacynerd.de/de/categories/index.xml" rel="self" type="application/rss+xml"/></channel></rss> <?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Categories on Privacynerd&#39;s blog</title>
<link>https://blog.privacynerd.de/de/categories/</link>
<description>Recent content in Categories on Privacynerd&#39;s blog</description>
<generator>Hugo</generator>
<language>de</language>
<atom:link href="https://blog.privacynerd.de/de/categories/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>

View File

@ -1,8 +1,459 @@
<!doctype html><html lang=de><head><meta name=generator content="Hugo 0.145.0"><title>Privacynerd's blog</title> <!DOCTYPE html>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="Blog von privacynerd"><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/de/><link rel=stylesheet href=https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css><link rel=stylesheet href=https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css><link rel=stylesheet href=https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css><link rel=stylesheet href=https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css><link rel=stylesheet href=https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css><link rel=stylesheet href=https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css><link rel=stylesheet href=https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css><link rel=stylesheet href=https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css><link rel=stylesheet href=https://blog.privacynerd.de/terminal.css><link rel="shortcut icon" href=https://blog.privacynerd.de/favicon.png><link rel=apple-touch-icon href=https://blog.privacynerd.de/apple-touch-icon.png><meta name=twitter:card content="summary"><meta name=twitter:site content><meta name=twitter:creator content><meta property="og:locale" content="de"><meta property="og:type" content="website"><meta property="og:title" content="Privacynerd's blog"><meta property="og:description" content="Blog von privacynerd"><meta property="og:url" content="https://blog.privacynerd.de/de/"><meta property="og:site_name" content="Privacynerd's blog"><meta property="og:image" content="https://blog.privacynerd.de/og-image.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="627"><link href=/de/index.xml rel=alternate type=application/rss+xml title="Privacynerd's blog"><style>#banner{width:100%;height:2rem;display:grid;grid-template-columns:1fr auto;background:var(--accent)}#banner span{display:flex;align-items:center;justify-content:center}#banner a{color:var(--background);display:inline}#banner>button{padding:0 5px 0 0;margin:0}</style><div id=banner><span><a href=https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de>Baustelle 🚧 | laufende Arbeiten</a></span></div></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/de><div class=logo>Privacynerd's blog</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu&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/>English</a></li><li><b><a href=/de/>Deutsch</a></b></li></ul></li></ul><ul class="menu menu--desktop menu--language-selector"><li class=menu__trigger>de&nbsp;</li><li><ul class=menu__dropdown><li><a href=/en/>English</a></li><li><b><a href=/de/>Deutsch</a></b></li></ul></li></ul></div><nav class=navigation-menu><ul class="navigation-menu__inner menu--desktop"><li><a href=/de/about>Über</a></li><li><a href=/de/tags>Tags</a></li></ul></nav></header><div class=content><div class="index-content framed"><h1 id=heda->Heda! 👋</h1><p>Mein Name ist BlueFox. Willkommen auf diesem Blog, der zwar aktuell noch im Aufbau ist. Aber schau dich ruhig um!</p></div><div class=posts><article class="post on-list"><h2 class=post-title><a href=https://blog.privacynerd.de/de/posts/showcase-code/>Varianten von Code-Blöcken</a></h2><div class=post-meta><time class=post-date>2025-04-09</time><span class=post-author>Radek</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/de/tags/programming/>programming</a>&nbsp; <html lang="de">
#<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 & Radek</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/de/tags/showcase/>showcase</a>&nbsp; <head>
#<a href=https://blog.privacynerd.de/de/tags/markdown/>markdown</a>&nbsp; <meta name="generator" content="Hugo 0.145.0">
#<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> <title>Privacynerd&#39;s blog</title>
<span style=margin-right:10px>:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fde%2f">Impressum</a></span>
<span>:: <a href=https://github.com/panr/hugo-theme-terminal target=_blank>Theme</a> made by <a href=https://github.com/panr target=_blank>panr</a> (angepasst)</span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html> <meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Blog von privacynerd" />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://blog.privacynerd.de/de/" />
<link rel="stylesheet" href="https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/terminal.css">
<link rel="shortcut icon" href="https://blog.privacynerd.de/favicon.png">
<link rel="apple-touch-icon" href="https://blog.privacynerd.de/apple-touch-icon.png">
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="" />
<meta name="twitter:creator" content="" />
<meta property="og:locale" content="de" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Privacynerd&#39;s blog">
<meta property="og:description" content="Blog von privacynerd" />
<meta property="og:url" content="https://blog.privacynerd.de/de/" />
<meta property="og:site_name" content="Privacynerd&#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/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/">English</a>
</li>
<li>
<b>
<a href="/de/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">de&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li>
<a href="/en/">English</a>
</li>
<li>
<b>
<a href="/de/">Deutsch</a>
</b>
</li>
</ul>
</li>
</ul>
</div>
<nav class="navigation-menu">
<ul class="navigation-menu__inner menu--desktop">
<li><a href="/de/about" >Über</a></li>
<li><a href="/de/tags" >Tags</a></li>
</ul>
</nav>
</header>
<div class="content">
<div class="index-content framed">
<h1 id="heda-">Heda! 👋</h1>
<p>Mein Name ist BlueFox. Willkommen auf diesem Blog, der zwar aktuell noch im Aufbau ist. Aber schau dich ruhig um!</p>
</div>
<div class="posts">
<article class="post on-list">
<h2 class="post-title">
<a href="https://blog.privacynerd.de/de/posts/showcase-code/">Varianten von Code-Blöcken</a>
</h2>
<div class="post-meta"><time class="post-date">2025-04-09</time><span class="post-author">Radek</span></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/de/tags/programming/">programming</a>&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%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>
</div>
</body>
</html>

File diff suppressed because one or more lines are too long

View File

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

View File

@ -1,8 +1,438 @@
<!doctype html><html lang=de><head><title>Posts :: Privacynerd's blog</title> <!DOCTYPE html>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/de/posts/><link rel=stylesheet href=https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css><link rel=stylesheet href=https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css><link rel=stylesheet href=https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css><link rel=stylesheet href=https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css><link rel=stylesheet href=https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css><link rel=stylesheet href=https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css><link rel=stylesheet href=https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css><link rel=stylesheet href=https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css><link rel=stylesheet href=https://blog.privacynerd.de/terminal.css><link rel="shortcut icon" href=https://blog.privacynerd.de/favicon.png><link rel=apple-touch-icon href=https://blog.privacynerd.de/apple-touch-icon.png><meta name=twitter:card content="summary"><meta name=twitter:site content><meta name=twitter:creator content><meta property="og:locale" content="de"><meta property="og:type" content="website"><meta property="og:title" content="Posts"><meta property="og:description" content><meta property="og:url" content="https://blog.privacynerd.de/de/posts/"><meta property="og:site_name" content="Privacynerd's blog"><meta property="og:image" content="https://blog.privacynerd.de/og-image.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="627"><link href=/de/posts/index.xml rel=alternate type=application/rss+xml title="Privacynerd's blog"><style>#banner{width:100%;height:2rem;display:grid;grid-template-columns:1fr auto;background:var(--accent)}#banner span{display:flex;align-items:center;justify-content:center}#banner a{color:var(--background);display:inline}#banner>button{padding:0 5px 0 0;margin:0}</style><div id=banner><span><a href=https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de>Baustelle 🚧 | laufende Arbeiten</a></span></div></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/de><div class=logo>Privacynerd's blog</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu&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; <html lang="de">
#<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 & Radek</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/de/tags/showcase/>showcase</a>&nbsp; <head>
#<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; <title>Posts :: Privacynerd&#39;s blog</title>
#<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> <meta http-equiv="content-type" content="text/html; charset=utf-8">
<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> (angepasst)</span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html> <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>
</div>
</body>
</html>

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,325 @@
<!doctype html><html lang=de><head><title>Ein Wort! :: Privacynerd's blog</title> <!DOCTYPE html>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="Nureinwort"><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/de/posts/one-word/><link rel=stylesheet href=https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css><link rel=stylesheet href=https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css><link rel=stylesheet href=https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css><link rel=stylesheet href=https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css><link rel=stylesheet href=https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css><link rel=stylesheet href=https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css><link rel=stylesheet href=https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css><link rel=stylesheet href=https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css><link rel=stylesheet href=https://blog.privacynerd.de/terminal.css><link rel="shortcut icon" href=https://blog.privacynerd.de/favicon.png><link rel=apple-touch-icon href=https://blog.privacynerd.de/apple-touch-icon.png><meta name=twitter:card content="summary"><meta name=twitter:site content><meta name=twitter:creator content><meta property="og:locale" content="de"><meta property="og:type" content="article"><meta property="og:title" content="Ein Wort!"><meta property="og:description" content="Nureinwort"><meta property="og:url" content="https://blog.privacynerd.de/de/posts/one-word/"><meta property="og:site_name" content="Privacynerd's blog"><meta property="og:image" content="https://blog.privacynerd.de/og-image.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="627"><meta property="article:published_time" content="2025-04-05 22:48:12 +0200 CEST"><style>#banner{width:100%;height:2rem;display:grid;grid-template-columns:1fr auto;background:var(--accent)}#banner span{display:flex;align-items:center;justify-content:center}#banner a{color:var(--background);display:inline}#banner>button{padding:0 5px 0 0;margin:0}</style><div id=banner><span><a href=https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de>Baustelle 🚧 | laufende Arbeiten</a></span></div></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/de><div class=logo>Privacynerd's blog</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu&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 min read (1 words)</span></div><div class=post-content><div><h1 id=nureinwort>Nureinwort<a href=#nureinwort class=hanchor arialabel=Anchor>#</a></h1></div></div><div class=pagination><div class=pagination__title><span class=pagination__title-h>Andere Posts lesen</span><hr></div><div class=pagination__buttons><a href=https://blog.privacynerd.de/de/posts/random-story/ class="button inline prev">&lt; [<span class=button__text>Eine beliebige Geschichte</span>] <html lang="de">
</a>:: <head>
<a href=https://blog.privacynerd.de/de/posts/test-post/ class="button inline next">[<span class=button__text>Deutscher Test Post</span>] ></a></div></div></article></div><footer class=footer><style>.antidiscovery i{display:none}</style><div class=footer__inner><div class="copyright copyright--user"><span class=antidiscovery>© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span>
<span 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> <title>Ein Wort! :: Privacynerd&#39;s blog</title>
<span>:: <a href=https://github.com/panr/hugo-theme-terminal target=_blank>Theme</a> made by <a href=https://github.com/panr target=_blank>panr</a> (angepasst)</span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="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>
</div>
</body>
</html>

View File

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

View File

@ -1,10 +1,352 @@
<!doctype html><html lang=de><head><title>Eine beliebige Geschichte :: Privacynerd's blog</title> <!DOCTYPE html>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="Kleine Geschichte von ChatGPT, um die Lesezeiten einzustellen."><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/de/posts/random-story/><link rel=stylesheet href=https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css><link rel=stylesheet href=https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css><link rel=stylesheet href=https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css><link rel=stylesheet href=https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css><link rel=stylesheet href=https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css><link rel=stylesheet href=https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css><link rel=stylesheet href=https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css><link rel=stylesheet href=https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css><link rel=stylesheet href=https://blog.privacynerd.de/terminal.css><link rel="shortcut icon" href=https://blog.privacynerd.de/favicon.png><link rel=apple-touch-icon href=https://blog.privacynerd.de/apple-touch-icon.png><meta name=twitter:card content="summary"><meta name=twitter:site content><meta name=twitter:creator content><meta property="og:locale" content="de"><meta property="og:type" content="article"><meta property="og:title" content="Eine beliebige Geschichte"><meta property="og:description" content="Kleine Geschichte von ChatGPT, um die Lesezeiten einzustellen."><meta property="og:url" content="https://blog.privacynerd.de/de/posts/random-story/"><meta property="og:site_name" content="Privacynerd's blog"><meta property="og:image" content="https://blog.privacynerd.de/og-image.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="627"><meta property="article:published_time" content="2025-04-08 17:55:25 +0200 CEST"><style>#banner{width:100%;height:2rem;display:grid;grid-template-columns:1fr auto;background:var(--accent)}#banner span{display:flex;align-items:center;justify-content:center}#banner a{color:var(--background);display:inline}#banner>button{padding:0 5px 0 0;margin:0}</style><div id=banner><span><a href=https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de>Baustelle 🚧 | laufende Arbeiten</a></span></div></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/de><div class=logo>Privacynerd's blog</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu&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>1 min read (211 words)</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/de/tags/story/>story</a>&nbsp; <html lang="de">
#<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.“ <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. 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. 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>] 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>
</a>::
<a href=https://blog.privacynerd.de/de/posts/one-word/ class="button inline next">[<span class=button__text>Ein Wort!</span>] ></a></div></div></article></div><footer class=footer><style>.antidiscovery i{display:none}</style><div class=footer__inner><div class="copyright copyright--user"><span class=antidiscovery>© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span> </div></div>
<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> made by <a href=https://github.com/panr target=_blank>panr</a> (angepasst)</span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html>
<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>
</div>
</body>
</html>

View File

@ -1,6 +1,311 @@
<!doctype html><html lang=de><head><title>Varianten von Code-Blöcken :: Privacynerd's blog</title> <!DOCTYPE html>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="Beispielartikel, der die beliebtesten Programmiersprachen zeigt."><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/de/posts/showcase-code/><link rel=stylesheet href=https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css><link rel=stylesheet href=https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css><link rel=stylesheet href=https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css><link rel=stylesheet href=https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css><link rel=stylesheet href=https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css><link rel=stylesheet href=https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css><link rel=stylesheet href=https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css><link rel=stylesheet href=https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css><link rel=stylesheet href=https://blog.privacynerd.de/terminal.css><link rel="shortcut icon" href=https://blog.privacynerd.de/favicon.png><link rel=apple-touch-icon href=https://blog.privacynerd.de/apple-touch-icon.png><meta name=twitter:card content="summary"><meta name=twitter:site content><meta name=twitter:creator content="Radek"><meta property="og:locale" content="de"><meta property="og:type" content="article"><meta property="og:title" content="Varianten von Code-Blöcken"><meta property="og:description" content="Beispielartikel, der die beliebtesten Programmiersprachen zeigt."><meta property="og:url" content="https://blog.privacynerd.de/de/posts/showcase-code/"><meta property="og:site_name" content="Privacynerd's blog"><meta property="og:image" content="https://blog.privacynerd.de/og-image.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="627"><meta property="article:published_time" content="2025-04-09 07:17:39 +0200 CEST"><style>#banner{width:100%;height:2rem;display:grid;grid-template-columns:1fr auto;background:var(--accent)}#banner span{display:flex;align-items:center;justify-content:center}#banner a{color:var(--background);display:inline}#banner>button{padding:0 5px 0 0;margin:0}</style><div id=banner><span><a href=https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de>Baustelle 🚧 | laufende Arbeiten</a></span></div></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/de><div class=logo>Privacynerd's blog</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu&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>3 min read (516 words)</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/de/tags/programming/>programming</a>&nbsp; <html lang="de">
#<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 > }}</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; <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;html lang=&#34;en&#34;&gt;
&lt;head&gt; &lt;head&gt;
&lt;meta charset=&#34;utf-8&#34; /&gt; &lt;meta charset=&#34;utf-8&#34; /&gt;
@ -10,175 +315,283 @@
&lt;p&gt;Test&lt;/p&gt; &lt;p&gt;Test&lt;/p&gt;
&lt;/body&gt; &lt;/body&gt;
&lt;/html&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> </code></pre><h3 id="mit-spezifizierter-sprache">Mit spezifizierter Sprache<a href="#mit-spezifizierter-sprache" class="hanchor" ariaLabel="Anchor">#</a> </h3>
</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> <h4 id="zeilenhervorhebung">Zeilenhervorhebung<a href="#zeilenhervorhebung" class="hanchor" ariaLabel="Anchor">#</a> </h4>
</span></span><span class=line><span class=cl> <span class=p>&lt;</span><span class=nt>head</span><span class=p>&gt;</span> <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>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">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 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>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>body</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>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">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">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><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></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><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
</span><span class=lnt> 2 </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 class=lnt> 3 </span></span></code></pre></div><h4 id="zeilenhervorhebung--tabellenzeilennummern">Zeilenhervorhebung / Tabellenzeilennummern<a href="#zeilenhervorhebung--tabellenzeilennummern" class="hanchor" ariaLabel="Anchor">#</a> </h4>
</span><span class=lnt> 4 <div class="highlight"><div class="chroma">
</span><span class=hl><span class=lnt> 5 <table class="lntable"><tr><td class="lntd">
</span></span><span class=lnt> 6 <pre tabindex="0" class="chroma"><code><span class="lnt"> 1
</span><span class=lnt> 7 </span><span class="lnt"> 2
</span><span class=lnt> 8 </span><span class="lnt"> 3
</span><span class=lnt> 9 </span><span class="lnt"> 4
</span><span class=lnt>10 </span><span class="hl"><span class="lnt"> 5
</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="lnt"> 6
</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 class="lnt"> 7
</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 class="lnt"> 8
</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 class="lnt"> 9
</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 class="lnt">10
</span></span><span class=line><span class=cl> <span class=p>&lt;/</span><span class=nt>head</span><span class=p>&gt;</span> </span></code></pre></td>
</span></span><span class=line><span class=cl> <span class=p>&lt;</span><span class=nt>body</span><span class=p>&gt;</span> <td class="lntd">
</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> <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>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="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>html</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></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="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=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 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=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="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"><span class="cl"> <span class="p">&lt;</span><span class="nt">body</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="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> 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="cl"> <span class="p">&lt;/</span><span class="nt">body</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="cl"><span class="p">&lt;/</span><span class="nt">html</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></code></pre></td></tr></table>
</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> </div>
</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> </div><h4 id="zeilenhervorhebung--inline-zeilennummern">Zeilenhervorhebung / Inline-Zeilennummern<a href="#zeilenhervorhebung--inline-zeilennummern" class="hanchor" ariaLabel="Anchor">#</a> </h4>
</span></span></code></pre></div><h4 id=hugos-interner---highlight---shortcode>Hugos interner <code>{{ &lt; highlight > }}</code> Shortcode<a href=#hugos-interner---highlight---shortcode class=hanchor arialabel=Anchor>#</a></h4><div class=highlight><pre tabindex=0 class=chroma><code class=language-html data-lang=html><span class=line><span class=cl><span class=cp>&lt;!doctype html&gt;</span> <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=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"> 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=cl> <span class=p>&lt;</span><span class=nt>head</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=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="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><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 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=cl> <span class=p>&lt;/</span><span class=nt>head</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=cl> <span class=p>&lt;</span><span class=nt>body</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=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"> 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=cl> <span class=p>&lt;/</span><span class=nt>body</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=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 > }}</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><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 class=lnt> 2 </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>
</span><span class=lnt> 3 <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 class=lnt> 4 </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 class=lnt> 5 </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 class=lnt> 6 </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 class=lnt> 7 </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 class=lnt> 8 </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 class=lnt> 9 </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 class=lnt>10 </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></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">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=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">html</span><span class="p">&gt;</span></span></span></code></pre></div>
</span></span><span class=line><span class=cl> <span class=p>&lt;</span><span class=nt>head</span><span class=p>&gt;</span> <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>
</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> <details class="collapsable-code" open>
</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> <summary title="Click to interact"><span class="collapsable-code__title">Hey, dies ist der Titel eines Code-Blocks</span></summary>
</span></span><span class=line><span class=cl> <span class=p>&lt;/</span><span class=nt>body</span><span class=p>&gt;</span> <div class="highlight"><div class="chroma">
</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> <table class="lntable"><tr><td class="lntd">
</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> <pre tabindex="0" class="chroma"><code><span class="lnt"> 1
</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 class="lnt"> 2
</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 class="lnt"> 3
</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 class="lnt"> 4
</span></span><span class=line><span class=cl> <span class=p>}</span> </span><span class="lnt"> 5
</span></span><span class=line><span class=cl> <span class=p>}</span> </span><span class="lnt"> 6
</span></span><span class=line><span class=cl><span class=p>}</span> </span><span class="lnt"> 7
</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 class="lnt"> 8
</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 class="lnt"> 9
</span></span><span class=line><span class=cl><span class=kr>begin</span> </span><span class="lnt">10
</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></code></pre></td>
</span></span><span class=line><span class=cl><span class=kr>end</span> <span class=nf>Hello</span><span class=p>;</span> <td class="lntd">
</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> <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></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 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></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 class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
</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="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=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="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=k>return</span> <span class=mi>0</span><span class=p>;</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>}</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></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="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=k>class</span> <span class=nc>Program</span> <span class=p>{</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=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="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table>
</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> </div>
</span></span><span class=line><span class=cl> <span class=p>}</span> </div></details>
</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> <h2 id="programmiersprachen">Programmiersprachen:<a href="#programmiersprachen" class="hanchor" ariaLabel="Anchor">#</a> </h2>
</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> <h3 id="a">A<a href="#a" class="hanchor" ariaLabel="Anchor">#</a> </h3>
</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> <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><span class=line><span class=cl> <span class=k>return</span> <span class=mi>0</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=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></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="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=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="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=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="p">}</span>
</span></span><span class=line><span class=cl><span class=o>}</span> </span></span><span class="line"><span class="cl"> <span class="p">}</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><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-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></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=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="kd">procedure</span> <span class="nf">Hello</span> <span class="kr">is</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><span class="line"><span class="cl"><span class="kr">begin</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><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></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="kr">end</span> <span class="nf">Hello</span><span class="p">;</span>
</span></span><span class=line><span class=cl><span class=kn>import</span> <span class=s>&#34;fmt&#34;</span> </span></span></code></pre></div><h3 id="b">B<a href="#b" class="hanchor" ariaLabel="Anchor">#</a> </h3>
</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> <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><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></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 class=line><span class=cl><span class=p>}</span> </span></span></span></code></pre></div><h3 id="c">C<a href="#c" class="hanchor" ariaLabel="Anchor">#</a> </h3>
</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> <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></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="cp"></span><span class="kt">int</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
</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 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><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 class="line"><span class="cl"> <span class="k">return</span> <span class="mi">0</span><span class="p">;</span>
</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 class="line"><span class="cl"><span class="p">}</span>
</span></span></span><span class=line><span class=cl><span class=c1></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=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><span class="line"><span class="cl"><span class="k">class</span> <span class="nc">Program</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="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=k>return</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>&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>&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">}</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></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 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><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=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="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=p>&lt;/</span><span class=nt>a</span><span class=p>&gt;</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>&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">}</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></code></pre></div><h3 id="d">D<a href="#d" class="hanchor" ariaLabel="Anchor">#</a> </h3>
</span></span><span class=line><span class=cl> <span class=p>);</span> <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=p>}</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></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 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><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 class="line"><span class="cl"><span class="o">}</span>
</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></code></pre></div><h3 id="e">E<a href="#e" class="hanchor" ariaLabel="Anchor">#</a> </h3>
</span></span></span><span class=line><span class=cl><span class=w> </span><span class=p>}</span><span class=w> <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></span><span class=line><span class=cl><span class=w></span><span class=p>}</span><span class=w> </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></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="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=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="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><span class=line><span class=cl><span class=p>}</span> </span></span></code></pre></div><h3 id="f">F<a href="#f" class="hanchor" ariaLabel="Anchor">#</a> </h3>
</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> <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=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="g">G<a href="#g" class="hanchor" ariaLabel="Anchor">#</a> </h3>
</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> <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></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 class="line"><span class="cl"><span class="kn">import</span> <span class="s">&#34;fmt&#34;</span>
</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="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=k>@autoreleasepool</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=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=p>}</span> </span></span></code></pre></div><h3 id="h">H<a href="#h" class="hanchor" ariaLabel="Anchor">#</a> </h3>
</span></span><span class=line><span class=cl> <span class=k>return</span> <span class=mi>0</span><span class=p>;</span> <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><span class=line><span class=cl><span class=p>}</span> </span></span></code></pre></div><h3 id="j">J<a href="#j" class="hanchor" ariaLabel="Anchor">#</a> </h3>
</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> <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></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><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></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></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></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></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></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></span><span class="line"><span class="cl"><span class="c1"></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 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></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></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><span class=line><span class=cl><span class=w></span><span class=p>}</span><span class=w> </span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="p">(</span>
</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="p">&lt;</span><span class="nt">div</span><span class="p">&gt;</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="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=o>}</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></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><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></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="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=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">&lt;/</span><span class="nt">a</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">&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></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 class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">div</span><span class="p">&gt;</span>
</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 class="line"><span class="cl"> <span class="p">);</span>
</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 class="line"><span class="cl"><span class="p">}</span>
</span></span></span><span class=line><span class=cl><span class=w></span><span class=p>}</span><span class=w> </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></code></pre></div></div></div><div class=pagination><div class=pagination__title><span class=pagination__title-h>Andere Posts lesen</span><hr></div><div class=pagination__buttons><a href=https://blog.privacynerd.de/de/posts/showcase/ class="button inline next">[<span class=button__text>Beispielvorführung</span>] ></a></div></div></article></div><footer class=footer><style>.antidiscovery i{display:none}</style><div class=footer__inner><div class="copyright copyright--user"><span class=antidiscovery>© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span> </span></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 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></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>:: <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> (angepasst)</span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html> </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>
</div>
</body>
</html>

View File

@ -1,21 +1,410 @@
<!doctype html><html lang=de><head><title>Beispielvorführung :: Privacynerd's blog</title> <!DOCTYPE html>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="Beispielartikel, der grundlegendes Styling und Formatierungen für HTML-Elemente zeigt."><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/de/posts/showcase/><link rel=stylesheet href=https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css><link rel=stylesheet href=https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css><link rel=stylesheet href=https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css><link rel=stylesheet href=https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css><link rel=stylesheet href=https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css><link rel=stylesheet href=https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css><link rel=stylesheet href=https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css><link rel=stylesheet href=https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css><link rel=stylesheet href=https://blog.privacynerd.de/terminal.css><link rel="shortcut icon" href=https://blog.privacynerd.de/favicon.png><link rel=apple-touch-icon href=https://blog.privacynerd.de/apple-touch-icon.png><meta name=twitter:card content="summary"><meta name=twitter:site content><meta name=twitter:creator content="Hugo Autoren & Radek"><meta property="og:locale" content="de"><meta property="og:type" content="article"><meta property="og:title" content="Beispielvorführung"><meta property="og:description" content="Beispielartikel, der grundlegendes Styling und Formatierungen für HTML-Elemente zeigt."><meta property="og:url" content="https://blog.privacynerd.de/de/posts/showcase/"><meta property="og:site_name" content="Privacynerd's blog"><meta property="og:image" content="https://blog.privacynerd.de/og-image.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="627"><meta property="article:published_time" content="2025-04-09 07:01:12 +0200 CEST"><style>#banner{width:100%;height:2rem;display:grid;grid-template-columns:1fr auto;background:var(--accent)}#banner span{display:flex;align-items:center;justify-content:center}#banner a{color:var(--background);display:inline}#banner>button{padding:0 5px 0 0;margin:0}</style><div id=banner><span><a href=https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de>Baustelle 🚧 | laufende Arbeiten</a></span></div></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/de><div class=logo>Privacynerd's blog</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu&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 & Radek</span><span class=post-reading-time>3 min read (488 words)</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/de/tags/showcase/>showcase</a>&nbsp; <html lang="de">
#<a href=https://blog.privacynerd.de/de/tags/markdown/>markdown</a>&nbsp; <head>
#<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 > }}</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></code><code>&lt;h6></code> repräsentieren sechs Ebenen von Abschnittsüberschriften. <code>&lt;h1></code> ist die höchste Abschnittsebene, während <code>&lt;h6></code> die niedrigste ist.</p><h1 id=h1>H1<a href=#h1 class=hanchor arialabel=Anchor>#</a></h1><h2 id=h2>H2<a href=#h2 class=hanchor arialabel=Anchor>#</a></h2><h3 id=h3>H3<a href=#h3 class=hanchor arialabel=Anchor>#</a></h3><h3 id=h4>H4<a href=#h4 class=hanchor arialabel=Anchor>#</a></h3><h4 id=h5>H5<a href=#h5 class=hanchor arialabel=Anchor>#</a></h4><h5 id=h6>H6<a href=#h6 class=hanchor arialabel=Anchor>#</a></h5><h2 id=absatz>Absatz<a href=#absatz class=hanchor arialabel=Anchor>#</a></h2><p>Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.</p><p>Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.</p><h2 id=bilder>Bilder<a href=#bilder class=hanchor arialabel=Anchor>#</a></h2><p><img src=/img/terminal-theme.png alt="Terminal Theme Preview"></p><h3 id=abbildung-mit-beschriftung>Abbildung mit Beschriftung<a href=#abbildung-mit-beschriftung class=hanchor arialabel=Anchor>#</a></h3><figure><img src=/img/terminal-theme.png alt="Terminal Theme Preview"><figcaption><p>Terminal Theme Preview</p></figcaption></figure><h2 id=zitate>Zitate<a href=#zitate class=hanchor arialabel=Anchor>#</a></h2><p>Das Blockquote-Element stellt Inhalte dar, die aus einer anderen Quelle zitiert werden, optional mit einer Zitation, die innerhalb eines <code>footer</code>- oder <code>cite</code>-Elements enthalten sein muss, und optional mit Inline-Änderungen wie Anmerkungen und Abkürzungen.</p><h3 id=blockquote-ohne-attribution>Blockquote ohne Attribution<a href=#blockquote-ohne-attribution class=hanchor arialabel=Anchor>#</a></h3><blockquote><p>Tiam, ad mint andaepu dandae nostion secatur sequo quae.
<strong>Beachte</strong>, dass du <em>Markdown-Syntax</em> innerhalb eines Blockquotes verwenden kannst.</p></blockquote><h3 id=blockquote-mit-attribution>Blockquote mit Attribution<a href=#blockquote-mit-attribution class=hanchor arialabel=Anchor>#</a></h3><blockquote><p>Kommuniziere nicht durch das Teilen von Speicher, teile Speicher durch Kommunizieren. <title>Beispielvorführung :: Privacynerd&#39;s blog</title>
— Rob Pike<sup id=fnref:1><a href=#fn:1 class=footnote-ref role=doc-noteref>1</a></sup></p></blockquote><h2 id=buttons-und-links>Buttons und Links<a href=#buttons-und-links class=hanchor arialabel=Anchor>#</a></h2><p>Button
Link <meta http-equiv="content-type" content="text/html; charset=utf-8">
Link</p><h2 id=tabellen>Tabellen<a href=#tabellen class=hanchor arialabel=Anchor>#</a></h2><p>Tabellen sind nicht Teil der Kern-Mardown-Spezifikation, aber Hugo unterstützt sie standardmäßig.</p><table><thead><tr><th>Name</th><th>Alter</th></tr></thead><tbody><tr><td>Bob</td><td>27</td></tr><tr><td>Alice</td><td>23</td></tr></tbody></table><h3 id=inline-markdown-innerhalb-von-tabellen>Inline Markdown innerhalb von Tabellen<a href=#inline-markdown-innerhalb-von-tabellen class=hanchor arialabel=Anchor>#</a></h3><table><thead><tr><th>Kursiv</th><th>Fett</th><th>Code</th></tr></thead><tbody><tr><td><em>kursiv</em></td><td><strong>fett</strong></td><td><code>code</code></td></tr></tbody></table><h2 id=formulare>Formulare<a href=#formulare class=hanchor arialabel=Anchor>#</a></h2><h2 id=code-blöcke>Code-Blöcke<a href=#code-blöcke class=hanchor arialabel=Anchor>#</a></h2><h3 id=code-block-mit-backticks>Code-Block mit Backticks<a href=#code-block-mit-backticks class=hanchor arialabel=Anchor>#</a></h3><div class=highlight><pre tabindex=0 class=chroma><code class=language-html data-lang=html><span class=line><span class=cl><span class=cp>&lt;!doctype html&gt;</span> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</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> <meta name="description" content="Beispielartikel, der grundlegendes Styling und Formatierungen für HTML-Elemente zeigt." />
</span></span><span class=line><span class=cl><span class=p>&lt;</span><span class=nt>head</span><span class=p>&gt;</span> <meta name="keywords" content="" />
</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> <meta name="robots" content="noodp" />
</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> <link rel="canonical" href="https://blog.privacynerd.de/de/posts/showcase/" />
</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;
<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;html lang=&quot;de&quot;&gt;
&lt;head&gt; &lt;head&gt;
&lt;meta charset=&quot;utf-8&quot;&gt; &lt;meta charset=&quot;utf-8&quot;&gt;
@ -25,35 +414,153 @@ Link</p><h2 id=tabellen>Tabellen<a href=#tabellen class=hanchor arialabel=Anchor
&lt;p&gt;Test&lt;/p&gt; &lt;p&gt;Test&lt;/p&gt;
&lt;/body&gt; &lt;/body&gt;
&lt;/html&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> </code></pre>
</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> <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>
</span></span><span class=line><span class=cl><span class=p>&lt;</span><span class=nt>head</span><span class=p>&gt;</span> <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>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">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>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>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>body</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>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">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">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 > }}</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="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=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="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</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="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span></span></span></code></pre></div>
</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> <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>
</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> <details class="collapsable-code" >
</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> <summary title="Click to interact"><span class="collapsable-code__title">Hey, dies ist der Titel eines Code-Blocks</span></summary>
</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> <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=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></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=nt>code</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>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">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>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">overflow</span><span class="p">:</span> <span class="kc">auto</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></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="err">@media</span> <span class="err">(--phone)</span> <span class="err">{</span>
</span></span><span class=line><span class=cl> <span class=p>}</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=err>}</span></span></span></code></pre></div></details><h2 id=listenarten>Listenarten<a href=#listenarten class=hanchor arialabel=Anchor>#</a></h2><h3 id=geordnete-liste>Geordnete Liste<a href=#geordnete-liste class=hanchor arialabel=Anchor>#</a></h3><ol><li>Erstes Element</li><li>Zweites Element</li><li>Drittes Element</li></ol><h3 id=ungeordnete-liste>Ungeordnete Liste<a href=#ungeordnete-liste class=hanchor arialabel=Anchor>#</a></h3><ul><li>Listenelement</li><li>Weiteres Element</li><li>Noch ein Element</li></ul><h3 id=verschachtelte-liste>Verschachtelte Liste<a href=#verschachtelte-liste class=hanchor arialabel=Anchor>#</a></h3><ul><li>Obst<ul><li>Apfel</li><li>Orange</li><li>Banane</li></ul></li><li>Milchprodukte<ul><li>Milch</li><li>Käse</li></ul></li></ul><h2 id=andere-elemente--abbr-sub-sup-kbd-mark>Andere Elemente — abbr, sub, sup, kbd, mark<a href=#andere-elemente--abbr-sub-sup-kbd-mark class=hanchor arialabel=Anchor>#</a></h2><p>GIF ist ein Bitmap-Bildformat.</p><p>H2O</p><p>Xn + Yn = Zn</p><p>Drücke CTRL+ALT+Entf, um die Sitzung zu beenden.</p><p>Die meisten Salamander sind nachtaktiv und jagen nach Insekten, Würmern und anderen kleinen Lebewesen.</p><div class=footnotes role=doc-endnotes><hr><ol><li id=fn:1><p>Das obige Zitat stammt aus Rob Pikes <a href="https://www.youtube.com/watch?v=PAAkCSZUG1c">Vortrag</a> während Gopherfest am 18. November 2015.&#160;<a href=#fnref:1 class=footnote-backref role=doc-backlink>&#8617;&#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>] </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>
</a>:: </span></span><span class="line"><span class="cl"> <span class="p">}</span>
<a href=https://blog.privacynerd.de/de/posts/random-story/ class="button inline next">[<span class=button__text>Eine beliebige Geschichte</span>] ></a></div></div></article></div><footer class=footer><style>.antidiscovery i{display:none}</style><div class=footer__inner><div class="copyright copyright--user"><span class=antidiscovery>© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span> </span></span><span class="line"><span class="cl">
<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></span><span class="line"><span class="cl"> <span class="nt">code</span> <span class="p">{</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> (angepasst)</span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html> </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>
</div>
</body>
</html>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,5 +1,322 @@
<!doctype html><html lang=de><head><title>Ai :: Privacynerd's blog</title> <!DOCTYPE html>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/de/tags/ai/><link rel=stylesheet href=https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css><link rel=stylesheet href=https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css><link rel=stylesheet href=https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css><link rel=stylesheet href=https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css><link rel=stylesheet href=https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css><link rel=stylesheet href=https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css><link rel=stylesheet href=https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css><link rel=stylesheet href=https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css><link rel=stylesheet href=https://blog.privacynerd.de/terminal.css><link rel="shortcut icon" href=https://blog.privacynerd.de/favicon.png><link rel=apple-touch-icon href=https://blog.privacynerd.de/apple-touch-icon.png><meta name=twitter:card content="summary"><meta name=twitter:site content><meta name=twitter:creator content><meta property="og:locale" content="de"><meta property="og:type" content="website"><meta property="og:title" content="Ai"><meta property="og:description" content><meta property="og:url" content="https://blog.privacynerd.de/de/tags/ai/"><meta property="og:site_name" content="Privacynerd's blog"><meta property="og:image" content="https://blog.privacynerd.de/og-image.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="627"><link href=/de/tags/ai/index.xml rel=alternate type=application/rss+xml title="Privacynerd's blog"><style>#banner{width:100%;height:2rem;display:grid;grid-template-columns:1fr auto;background:var(--accent)}#banner span{display:flex;align-items:center;justify-content:center}#banner a{color:var(--background);display:inline}#banner>button{padding:0 5px 0 0;margin:0}</style><div id=banner><span><a href=https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de>Baustelle 🚧 | laufende Arbeiten</a></span></div></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/de><div class=logo>Privacynerd's blog</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu&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 for: #Ai</h1><div class=posts><article class="post on-list"><h1 class=post-title><a href=https://blog.privacynerd.de/de/posts/random-story/>Eine beliebige Geschichte</a></h1><div class=post-meta><time class=post-date>2025-04-08</time></div><span class=post-tags>#<a href=https://blog.privacynerd.de/de/tags/story/>story</a>&nbsp; <html lang="de">
#<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> <head>
<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> made by <a href=https://github.com/panr target=_blank>panr</a> (angepasst)</span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html> <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 for: #Ai</h1>
<div class="posts">
<article class="post on-list">
<h1 class="post-title">
<a href="https://blog.privacynerd.de/de/posts/random-story/">Eine beliebige Geschichte</a>
</h1>
<div class="post-meta"><time class="post-date">2025-04-08</time></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/de/tags/story/">story</a>&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>
</div>
</body>
</html>

View File

@ -1,8 +1,19 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Ai on Privacynerd's blog</title><link>https://blog.privacynerd.de/de/tags/ai/</link><description>Recent content in Ai on Privacynerd's blog</description><generator>Hugo</generator><language>de</language><lastBuildDate>Tue, 08 Apr 2025 17:55:25 +0200</lastBuildDate><atom:link href="https://blog.privacynerd.de/de/tags/ai/index.xml" rel="self" type="application/rss+xml"/><item><title>Eine beliebige Geschichte</title><link>https://blog.privacynerd.de/de/posts/random-story/</link><pubDate>Tue, 08 Apr 2025 17:55:25 +0200</pubDate><guid>https://blog.privacynerd.de/de/posts/random-story/</guid><description>&lt;p>Dies ist eine beliebige Story, die von ChatGPT zum Testen und Einstellen der Lesezeit auf diesem Blog generiert wurde.&lt;/p> <?xml version="1.0" encoding="utf-8" standalone="yes"?>
&lt;h2 id="prompt">Prompt&lt;/h2> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
&lt;p>Erzähle eine Geschichte mit ca. 200 Wörtern.&lt;/p> <channel>
&lt;h2 id="antwort">Antwort&lt;/h2> <title>Ai on Privacynerd&#39;s blog</title>
&lt;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.“ <link>https://blog.privacynerd.de/de/tags/ai/</link>
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. <description>Recent content in Ai on Privacynerd&#39;s blog</description>
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. <generator>Hugo</generator>
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></description></item></channel></rss> <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>

View File

@ -1,2 +1,10 @@
<!doctype html><html lang=de><head><title>https://blog.privacynerd.de/de/tags/ai/</title> <!DOCTYPE html>
<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> <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>

View File

@ -1,5 +1,322 @@
<!doctype html><html lang=de><head><title>Code :: Privacynerd's blog</title> <!DOCTYPE html>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/de/tags/code/><link rel=stylesheet href=https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css><link rel=stylesheet href=https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css><link rel=stylesheet href=https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css><link rel=stylesheet href=https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css><link rel=stylesheet href=https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css><link rel=stylesheet href=https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css><link rel=stylesheet href=https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css><link rel=stylesheet href=https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css><link rel=stylesheet href=https://blog.privacynerd.de/terminal.css><link rel="shortcut icon" href=https://blog.privacynerd.de/favicon.png><link rel=apple-touch-icon href=https://blog.privacynerd.de/apple-touch-icon.png><meta name=twitter:card content="summary"><meta name=twitter:site content><meta name=twitter:creator content><meta property="og:locale" content="de"><meta property="og:type" content="website"><meta property="og:title" content="Code"><meta property="og:description" content><meta property="og:url" content="https://blog.privacynerd.de/de/tags/code/"><meta property="og:site_name" content="Privacynerd's blog"><meta property="og:image" content="https://blog.privacynerd.de/og-image.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="627"><link href=/de/tags/code/index.xml rel=alternate type=application/rss+xml title="Privacynerd's blog"><style>#banner{width:100%;height:2rem;display:grid;grid-template-columns:1fr auto;background:var(--accent)}#banner span{display:flex;align-items:center;justify-content:center}#banner a{color:var(--background);display:inline}#banner>button{padding:0 5px 0 0;margin:0}</style><div id=banner><span><a href=https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de>Baustelle 🚧 | laufende Arbeiten</a></span></div></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/de><div class=logo>Privacynerd's blog</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu&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 for: #Code</h1><div class=posts><article class="post on-list"><h1 class=post-title><a href=https://blog.privacynerd.de/de/posts/showcase-code/>Varianten von Code-Blöcken</a></h1><div class=post-meta><time class=post-date>2025-04-09</time><span class=post-author>Radek</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/de/tags/programming/>programming</a>&nbsp; <html lang="de">
#<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> <head>
<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> made by <a href=https://github.com/panr target=_blank>panr</a> (angepasst)</span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html> <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 for: #Code</h1>
<div class="posts">
<article class="post on-list">
<h1 class="post-title">
<a href="https://blog.privacynerd.de/de/posts/showcase-code/">Varianten von Code-Blöcken</a>
</h1>
<div class="post-meta"><time class="post-date">2025-04-09</time><span class="post-author">Radek</span></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/de/tags/programming/">programming</a>&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>
</div>
</body>
</html>

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

@ -1 +1,61 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Tags on Privacynerd's blog</title><link>https://blog.privacynerd.de/de/tags/</link><description>Recent content in Tags on Privacynerd's blog</description><generator>Hugo</generator><language>de</language><lastBuildDate>Wed, 09 Apr 2025 07:17:39 +0200</lastBuildDate><atom:link href="https://blog.privacynerd.de/de/tags/index.xml" rel="self" type="application/rss+xml"/><item><title>Code</title><link>https://blog.privacynerd.de/de/tags/code/</link><pubDate>Wed, 09 Apr 2025 07:17:39 +0200</pubDate><guid>https://blog.privacynerd.de/de/tags/code/</guid><description/></item><item><title>Programming</title><link>https://blog.privacynerd.de/de/tags/programming/</link><pubDate>Wed, 09 Apr 2025 07:17:39 +0200</pubDate><guid>https://blog.privacynerd.de/de/tags/programming/</guid><description/></item><item><title>Markdown</title><link>https://blog.privacynerd.de/de/tags/markdown/</link><pubDate>Wed, 09 Apr 2025 07:01:12 +0200</pubDate><guid>https://blog.privacynerd.de/de/tags/markdown/</guid><description/></item><item><title>Showcase</title><link>https://blog.privacynerd.de/de/tags/showcase/</link><pubDate>Wed, 09 Apr 2025 07:01:12 +0200</pubDate><guid>https://blog.privacynerd.de/de/tags/showcase/</guid><description/></item><item><title>Styling</title><link>https://blog.privacynerd.de/de/tags/styling/</link><pubDate>Wed, 09 Apr 2025 07:01:12 +0200</pubDate><guid>https://blog.privacynerd.de/de/tags/styling/</guid><description/></item><item><title>Ai</title><link>https://blog.privacynerd.de/de/tags/ai/</link><pubDate>Tue, 08 Apr 2025 17:55:25 +0200</pubDate><guid>https://blog.privacynerd.de/de/tags/ai/</guid><description/></item><item><title>Story</title><link>https://blog.privacynerd.de/de/tags/story/</link><pubDate>Tue, 08 Apr 2025 17:55:25 +0200</pubDate><guid>https://blog.privacynerd.de/de/tags/story/</guid><description/></item></channel></rss> <?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Tags on Privacynerd&#39;s blog</title>
<link>https://blog.privacynerd.de/de/tags/</link>
<description>Recent content in Tags on Privacynerd&#39;s blog</description>
<generator>Hugo</generator>
<language>de</language>
<lastBuildDate>Wed, 09 Apr 2025 07:17:39 +0200</lastBuildDate>
<atom:link href="https://blog.privacynerd.de/de/tags/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Code</title>
<link>https://blog.privacynerd.de/de/tags/code/</link>
<pubDate>Wed, 09 Apr 2025 07:17:39 +0200</pubDate>
<guid>https://blog.privacynerd.de/de/tags/code/</guid>
<description></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>
</rss>

View File

@ -1,6 +1,324 @@
<!doctype html><html lang=de><head><title>Markdown :: Privacynerd's blog</title> <!DOCTYPE html>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/de/tags/markdown/><link rel=stylesheet href=https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css><link rel=stylesheet href=https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css><link rel=stylesheet href=https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css><link rel=stylesheet href=https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css><link rel=stylesheet href=https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css><link rel=stylesheet href=https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css><link rel=stylesheet href=https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css><link rel=stylesheet href=https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css><link rel=stylesheet href=https://blog.privacynerd.de/terminal.css><link rel="shortcut icon" href=https://blog.privacynerd.de/favicon.png><link rel=apple-touch-icon href=https://blog.privacynerd.de/apple-touch-icon.png><meta name=twitter:card content="summary"><meta name=twitter:site content><meta name=twitter:creator content><meta property="og:locale" content="de"><meta property="og:type" content="website"><meta property="og:title" content="Markdown"><meta property="og:description" content><meta property="og:url" content="https://blog.privacynerd.de/de/tags/markdown/"><meta property="og:site_name" content="Privacynerd's blog"><meta property="og:image" content="https://blog.privacynerd.de/og-image.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="627"><link href=/de/tags/markdown/index.xml rel=alternate type=application/rss+xml title="Privacynerd's blog"><style>#banner{width:100%;height:2rem;display:grid;grid-template-columns:1fr auto;background:var(--accent)}#banner span{display:flex;align-items:center;justify-content:center}#banner a{color:var(--background);display:inline}#banner>button{padding:0 5px 0 0;margin:0}</style><div id=banner><span><a href=https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de>Baustelle 🚧 | laufende Arbeiten</a></span></div></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/de><div class=logo>Privacynerd's blog</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu&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 for: #Markdown</h1><div class=posts><article class="post on-list"><h1 class=post-title><a href=https://blog.privacynerd.de/de/posts/showcase/>Beispielvorführung</a></h1><div class=post-meta><time class=post-date>2025-04-09</time><span class=post-author>Hugo Autoren & Radek</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/de/tags/showcase/>showcase</a>&nbsp; <html lang="de">
#<a href=https://blog.privacynerd.de/de/tags/markdown/>markdown</a>&nbsp; <head>
#<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> <title>Markdown :: Privacynerd&#39;s blog</title>
<span>:: <a href=https://github.com/panr/hugo-theme-terminal target=_blank>Theme</a> made by <a href=https://github.com/panr target=_blank>panr</a> (angepasst)</span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://blog.privacynerd.de/de/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 for: #Markdown</h1>
<div class="posts">
<article class="post on-list">
<h1 class="post-title">
<a href="https://blog.privacynerd.de/de/posts/showcase/">Beispielvorführung</a>
</h1>
<div class="post-meta"><time class="post-date">2025-04-09</time><span class="post-author">Hugo Autoren &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>
</div>
</body>
</html>

View File

@ -1 +1,19 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Markdown on Privacynerd's blog</title><link>https://blog.privacynerd.de/de/tags/markdown/</link><description>Recent content in Markdown on Privacynerd's blog</description><generator>Hugo</generator><language>de</language><lastBuildDate>Wed, 09 Apr 2025 07:01:12 +0200</lastBuildDate><atom:link href="https://blog.privacynerd.de/de/tags/markdown/index.xml" rel="self" type="application/rss+xml"/><item><title>Beispielvorführung</title><link>https://blog.privacynerd.de/de/posts/showcase/</link><pubDate>Wed, 09 Apr 2025 07:01:12 +0200</pubDate><guid>https://blog.privacynerd.de/de/posts/showcase/</guid><description>&lt;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.&lt;/p></description></item></channel></rss> <?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>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>

View File

@ -1,2 +1,10 @@
<!doctype html><html lang=de><head><title>https://blog.privacynerd.de/de/tags/markdown/</title> <!DOCTYPE html>
<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> <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>

View File

@ -1,5 +1,322 @@
<!doctype html><html lang=de><head><title>Programming :: Privacynerd's blog</title> <!DOCTYPE html>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/de/tags/programming/><link rel=stylesheet href=https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css><link rel=stylesheet href=https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css><link rel=stylesheet href=https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css><link rel=stylesheet href=https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css><link rel=stylesheet href=https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css><link rel=stylesheet href=https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css><link rel=stylesheet href=https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css><link rel=stylesheet href=https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css><link rel=stylesheet href=https://blog.privacynerd.de/terminal.css><link rel="shortcut icon" href=https://blog.privacynerd.de/favicon.png><link rel=apple-touch-icon href=https://blog.privacynerd.de/apple-touch-icon.png><meta name=twitter:card content="summary"><meta name=twitter:site content><meta name=twitter:creator content><meta property="og:locale" content="de"><meta property="og:type" content="website"><meta property="og:title" content="Programming"><meta property="og:description" content><meta property="og:url" content="https://blog.privacynerd.de/de/tags/programming/"><meta property="og:site_name" content="Privacynerd's blog"><meta property="og:image" content="https://blog.privacynerd.de/og-image.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="627"><link href=/de/tags/programming/index.xml rel=alternate type=application/rss+xml title="Privacynerd's blog"><style>#banner{width:100%;height:2rem;display:grid;grid-template-columns:1fr auto;background:var(--accent)}#banner span{display:flex;align-items:center;justify-content:center}#banner a{color:var(--background);display:inline}#banner>button{padding:0 5px 0 0;margin:0}</style><div id=banner><span><a href=https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de>Baustelle 🚧 | laufende Arbeiten</a></span></div></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/de><div class=logo>Privacynerd's blog</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu&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 for: #Programming</h1><div class=posts><article class="post on-list"><h1 class=post-title><a href=https://blog.privacynerd.de/de/posts/showcase-code/>Varianten von Code-Blöcken</a></h1><div class=post-meta><time class=post-date>2025-04-09</time><span class=post-author>Radek</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/de/tags/programming/>programming</a>&nbsp; <html lang="de">
#<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> <head>
<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> made by <a href=https://github.com/panr target=_blank>panr</a> (angepasst)</span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html> <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 for: #Programming</h1>
<div class="posts">
<article class="post on-list">
<h1 class="post-title">
<a href="https://blog.privacynerd.de/de/posts/showcase-code/">Varianten von Code-Blöcken</a>
</h1>
<div class="post-meta"><time class="post-date">2025-04-09</time><span class="post-author">Radek</span></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/de/tags/programming/">programming</a>&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>
</div>
</body>
</html>

File diff suppressed because one or more lines are too long

View File

@ -1,2 +1,10 @@
<!doctype html><html lang=de><head><title>https://blog.privacynerd.de/de/tags/programming/</title> <!DOCTYPE html>
<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> <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>

View File

@ -1,6 +1,324 @@
<!doctype html><html lang=de><head><title>Showcase :: Privacynerd's blog</title> <!DOCTYPE html>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/de/tags/showcase/><link rel=stylesheet href=https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css><link rel=stylesheet href=https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css><link rel=stylesheet href=https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css><link rel=stylesheet href=https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css><link rel=stylesheet href=https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css><link rel=stylesheet href=https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css><link rel=stylesheet href=https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css><link rel=stylesheet href=https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css><link rel=stylesheet href=https://blog.privacynerd.de/terminal.css><link rel="shortcut icon" href=https://blog.privacynerd.de/favicon.png><link rel=apple-touch-icon href=https://blog.privacynerd.de/apple-touch-icon.png><meta name=twitter:card content="summary"><meta name=twitter:site content><meta name=twitter:creator content><meta property="og:locale" content="de"><meta property="og:type" content="website"><meta property="og:title" content="Showcase"><meta property="og:description" content><meta property="og:url" content="https://blog.privacynerd.de/de/tags/showcase/"><meta property="og:site_name" content="Privacynerd's blog"><meta property="og:image" content="https://blog.privacynerd.de/og-image.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="627"><link href=/de/tags/showcase/index.xml rel=alternate type=application/rss+xml title="Privacynerd's blog"><style>#banner{width:100%;height:2rem;display:grid;grid-template-columns:1fr auto;background:var(--accent)}#banner span{display:flex;align-items:center;justify-content:center}#banner a{color:var(--background);display:inline}#banner>button{padding:0 5px 0 0;margin:0}</style><div id=banner><span><a href=https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de>Baustelle 🚧 | laufende Arbeiten</a></span></div></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/de><div class=logo>Privacynerd's blog</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu&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 for: #Showcase</h1><div class=posts><article class="post on-list"><h1 class=post-title><a href=https://blog.privacynerd.de/de/posts/showcase/>Beispielvorführung</a></h1><div class=post-meta><time class=post-date>2025-04-09</time><span class=post-author>Hugo Autoren & Radek</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/de/tags/showcase/>showcase</a>&nbsp; <html lang="de">
#<a href=https://blog.privacynerd.de/de/tags/markdown/>markdown</a>&nbsp; <head>
#<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> <title>Showcase :: Privacynerd&#39;s blog</title>
<span>:: <a href=https://github.com/panr/hugo-theme-terminal target=_blank>Theme</a> made by <a href=https://github.com/panr target=_blank>panr</a> (angepasst)</span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://blog.privacynerd.de/de/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 for: #Showcase</h1>
<div class="posts">
<article class="post on-list">
<h1 class="post-title">
<a href="https://blog.privacynerd.de/de/posts/showcase/">Beispielvorführung</a>
</h1>
<div class="post-meta"><time class="post-date">2025-04-09</time><span class="post-author">Hugo Autoren &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>
</div>
</body>
</html>

View File

@ -1 +1,19 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Showcase on Privacynerd's blog</title><link>https://blog.privacynerd.de/de/tags/showcase/</link><description>Recent content in Showcase on Privacynerd's blog</description><generator>Hugo</generator><language>de</language><lastBuildDate>Wed, 09 Apr 2025 07:01:12 +0200</lastBuildDate><atom:link href="https://blog.privacynerd.de/de/tags/showcase/index.xml" rel="self" type="application/rss+xml"/><item><title>Beispielvorführung</title><link>https://blog.privacynerd.de/de/posts/showcase/</link><pubDate>Wed, 09 Apr 2025 07:01:12 +0200</pubDate><guid>https://blog.privacynerd.de/de/posts/showcase/</guid><description>&lt;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.&lt;/p></description></item></channel></rss> <?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>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>

View File

@ -1,2 +1,10 @@
<!doctype html><html lang=de><head><title>https://blog.privacynerd.de/de/tags/showcase/</title> <!DOCTYPE html>
<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> <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>

View File

@ -1,5 +1,322 @@
<!doctype html><html lang=de><head><title>Story :: Privacynerd's blog</title> <!DOCTYPE html>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/de/tags/story/><link rel=stylesheet href=https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css><link rel=stylesheet href=https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css><link rel=stylesheet href=https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css><link rel=stylesheet href=https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css><link rel=stylesheet href=https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css><link rel=stylesheet href=https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css><link rel=stylesheet href=https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css><link rel=stylesheet href=https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css><link rel=stylesheet href=https://blog.privacynerd.de/terminal.css><link rel="shortcut icon" href=https://blog.privacynerd.de/favicon.png><link rel=apple-touch-icon href=https://blog.privacynerd.de/apple-touch-icon.png><meta name=twitter:card content="summary"><meta name=twitter:site content><meta name=twitter:creator content><meta property="og:locale" content="de"><meta property="og:type" content="website"><meta property="og:title" content="Story"><meta property="og:description" content><meta property="og:url" content="https://blog.privacynerd.de/de/tags/story/"><meta property="og:site_name" content="Privacynerd's blog"><meta property="og:image" content="https://blog.privacynerd.de/og-image.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="627"><link href=/de/tags/story/index.xml rel=alternate type=application/rss+xml title="Privacynerd's blog"><style>#banner{width:100%;height:2rem;display:grid;grid-template-columns:1fr auto;background:var(--accent)}#banner span{display:flex;align-items:center;justify-content:center}#banner a{color:var(--background);display:inline}#banner>button{padding:0 5px 0 0;margin:0}</style><div id=banner><span><a href=https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de>Baustelle 🚧 | laufende Arbeiten</a></span></div></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/de><div class=logo>Privacynerd's blog</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu&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 for: #Story</h1><div class=posts><article class="post on-list"><h1 class=post-title><a href=https://blog.privacynerd.de/de/posts/random-story/>Eine beliebige Geschichte</a></h1><div class=post-meta><time class=post-date>2025-04-08</time></div><span class=post-tags>#<a href=https://blog.privacynerd.de/de/tags/story/>story</a>&nbsp; <html lang="de">
#<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> <head>
<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> made by <a href=https://github.com/panr target=_blank>panr</a> (angepasst)</span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html> <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 for: #Story</h1>
<div class="posts">
<article class="post on-list">
<h1 class="post-title">
<a href="https://blog.privacynerd.de/de/posts/random-story/">Eine beliebige Geschichte</a>
</h1>
<div class="post-meta"><time class="post-date">2025-04-08</time></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/de/tags/story/">story</a>&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>
</div>
</body>
</html>

View File

@ -1,8 +1,19 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Story on Privacynerd's blog</title><link>https://blog.privacynerd.de/de/tags/story/</link><description>Recent content in Story on Privacynerd's blog</description><generator>Hugo</generator><language>de</language><lastBuildDate>Tue, 08 Apr 2025 17:55:25 +0200</lastBuildDate><atom:link href="https://blog.privacynerd.de/de/tags/story/index.xml" rel="self" type="application/rss+xml"/><item><title>Eine beliebige Geschichte</title><link>https://blog.privacynerd.de/de/posts/random-story/</link><pubDate>Tue, 08 Apr 2025 17:55:25 +0200</pubDate><guid>https://blog.privacynerd.de/de/posts/random-story/</guid><description>&lt;p>Dies ist eine beliebige Story, die von ChatGPT zum Testen und Einstellen der Lesezeit auf diesem Blog generiert wurde.&lt;/p> <?xml version="1.0" encoding="utf-8" standalone="yes"?>
&lt;h2 id="prompt">Prompt&lt;/h2> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
&lt;p>Erzähle eine Geschichte mit ca. 200 Wörtern.&lt;/p> <channel>
&lt;h2 id="antwort">Antwort&lt;/h2> <title>Story on Privacynerd&#39;s blog</title>
&lt;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.“ <link>https://blog.privacynerd.de/de/tags/story/</link>
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. <description>Recent content in Story on Privacynerd&#39;s blog</description>
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. <generator>Hugo</generator>
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></description></item></channel></rss> <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>

View File

@ -1,2 +1,10 @@
<!doctype html><html lang=de><head><title>https://blog.privacynerd.de/de/tags/story/</title> <!DOCTYPE html>
<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> <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>

View File

@ -1,6 +1,324 @@
<!doctype html><html lang=de><head><title>Styling :: Privacynerd's blog</title> <!DOCTYPE html>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/de/tags/styling/><link rel=stylesheet href=https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css><link rel=stylesheet href=https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css><link rel=stylesheet href=https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css><link rel=stylesheet href=https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css><link rel=stylesheet href=https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css><link rel=stylesheet href=https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css><link rel=stylesheet href=https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css><link rel=stylesheet href=https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css><link rel=stylesheet href=https://blog.privacynerd.de/terminal.css><link rel="shortcut icon" href=https://blog.privacynerd.de/favicon.png><link rel=apple-touch-icon href=https://blog.privacynerd.de/apple-touch-icon.png><meta name=twitter:card content="summary"><meta name=twitter:site content><meta name=twitter:creator content><meta property="og:locale" content="de"><meta property="og:type" content="website"><meta property="og:title" content="Styling"><meta property="og:description" content><meta property="og:url" content="https://blog.privacynerd.de/de/tags/styling/"><meta property="og:site_name" content="Privacynerd's blog"><meta property="og:image" content="https://blog.privacynerd.de/og-image.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="627"><link href=/de/tags/styling/index.xml rel=alternate type=application/rss+xml title="Privacynerd's blog"><style>#banner{width:100%;height:2rem;display:grid;grid-template-columns:1fr auto;background:var(--accent)}#banner span{display:flex;align-items:center;justify-content:center}#banner a{color:var(--background);display:inline}#banner>button{padding:0 5px 0 0;margin:0}</style><div id=banner><span><a href=https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de>Baustelle 🚧 | laufende Arbeiten</a></span></div></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/de><div class=logo>Privacynerd's blog</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu&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 for: #Styling</h1><div class=posts><article class="post on-list"><h1 class=post-title><a href=https://blog.privacynerd.de/de/posts/showcase/>Beispielvorführung</a></h1><div class=post-meta><time class=post-date>2025-04-09</time><span class=post-author>Hugo Autoren & Radek</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/de/tags/showcase/>showcase</a>&nbsp; <html lang="de">
#<a href=https://blog.privacynerd.de/de/tags/markdown/>markdown</a>&nbsp; <head>
#<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> <title>Styling :: Privacynerd&#39;s blog</title>
<span>:: <a href=https://github.com/panr/hugo-theme-terminal target=_blank>Theme</a> made by <a href=https://github.com/panr target=_blank>panr</a> (angepasst)</span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://blog.privacynerd.de/de/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 for: #Styling</h1>
<div class="posts">
<article class="post on-list">
<h1 class="post-title">
<a href="https://blog.privacynerd.de/de/posts/showcase/">Beispielvorführung</a>
</h1>
<div class="post-meta"><time class="post-date">2025-04-09</time><span class="post-author">Hugo Autoren &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>
</div>
</body>
</html>

View File

@ -1 +1,19 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Styling on Privacynerd's blog</title><link>https://blog.privacynerd.de/de/tags/styling/</link><description>Recent content in Styling on Privacynerd's blog</description><generator>Hugo</generator><language>de</language><lastBuildDate>Wed, 09 Apr 2025 07:01:12 +0200</lastBuildDate><atom:link href="https://blog.privacynerd.de/de/tags/styling/index.xml" rel="self" type="application/rss+xml"/><item><title>Beispielvorführung</title><link>https://blog.privacynerd.de/de/posts/showcase/</link><pubDate>Wed, 09 Apr 2025 07:01:12 +0200</pubDate><guid>https://blog.privacynerd.de/de/posts/showcase/</guid><description>&lt;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.&lt;/p></description></item></channel></rss> <?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>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>

View File

@ -1,2 +1,10 @@
<!doctype html><html lang=de><head><title>https://blog.privacynerd.de/de/tags/styling/</title> <!DOCTYPE html>
<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> <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>

View File

@ -1,4 +1,282 @@
<!doctype html><html lang=en><head><title>404 Page not found :: Privacynerd's blog</title> <!DOCTYPE html>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/en/404.html><link rel=stylesheet href=https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css><link rel=stylesheet href=https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css><link rel=stylesheet href=https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css><link rel=stylesheet href=https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css><link rel=stylesheet href=https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css><link rel=stylesheet href=https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css><link rel=stylesheet href=https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css><link rel=stylesheet href=https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css><link rel=stylesheet href=https://blog.privacynerd.de/terminal.css><link rel="shortcut icon" href=https://blog.privacynerd.de/favicon.png><link rel=apple-touch-icon href=https://blog.privacynerd.de/apple-touch-icon.png><meta name=twitter:card content="summary"><meta name=twitter:site content><meta name=twitter:creator content><meta property="og:locale" content="en"><meta property="og:type" content="website"><meta property="og:title" content="404 Page not found"><meta property="og:description" content><meta property="og:url" content="https://blog.privacynerd.de/en/404.html"><meta property="og:site_name" content="Privacynerd's blog"><meta property="og:image" content="https://blog.privacynerd.de/og-image.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="627"><style>#banner{width:100%;height:2rem;display:grid;grid-template-columns:1fr auto;background:var(--accent)}#banner span{display:flex;align-items:center;justify-content:center}#banner a{color:var(--background);display:inline}#banner>button{padding:0 5px 0 0;margin:0}</style><div id=banner><span><a href=https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de>Construction site 🚧 | Work in progress</a></span></div></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/en><div class=logo>Privacynerd's blog</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu&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/404.html>English</a></b></li><li><a href=/de/404.html>Deutsch</a></li></ul></li></ul><ul class="menu menu--desktop menu--language-selector"><li class=menu__trigger>en&nbsp;</li><li><ul class=menu__dropdown><li><b><a href=/en/404.html>English</a></b></li><li><a href=/de/404.html>Deutsch</a></li></ul></li></ul></div><nav class=navigation-menu><ul class="navigation-menu__inner menu--desktop"><li><a href=/en/about>About</a></li><li><a href=/en/tags>Tags</a></li></ul></nav></header><div class=content><div class=post><h1 class=post-title>404 — Page not found...</h1><div class=post-content><a href=https://blog.privacynerd.de/>Back to home page&nbsp;</a></div></div></div><footer class=footer><style>.antidiscovery i{display:none}</style><div class=footer__inner><div class="copyright copyright--user"><span class=antidiscovery>© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span> <html lang="en">
<span style=margin-right:10px>:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fen%2f404.html">Imprint</a></span> <head>
<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></div></body></html>
<title>404 Page not found :: 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/404.html" />
<link rel="stylesheet" href="https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/terminal.css">
<link rel="shortcut icon" href="https://blog.privacynerd.de/favicon.png">
<link rel="apple-touch-icon" href="https://blog.privacynerd.de/apple-touch-icon.png">
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="" />
<meta name="twitter:creator" content="" />
<meta property="og:locale" content="en" />
<meta property="og:type" content="website" />
<meta property="og:title" content="404 Page not found">
<meta property="og:description" content="" />
<meta property="og:url" content="https://blog.privacynerd.de/en/404.html" />
<meta property="og:site_name" content="Privacynerd&#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">
<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/404.html">English</a>
</b>
</li>
<li>
<a href="/de/404.html">Deutsch</a>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">en&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li>
<b>
<a href="/en/404.html">English</a>
</b>
</li>
<li>
<a href="/de/404.html">Deutsch</a>
</li>
</ul>
</li>
</ul>
</div>
<nav class="navigation-menu">
<ul class="navigation-menu__inner menu--desktop">
<li><a href="/en/about" >About</a></li>
<li><a href="/en/tags" >Tags</a></li>
</ul>
</nav>
</header>
<div class="content">
<div class="post">
<h1 class="post-title">404 — Page not found...</h1>
<div class="post-content">
<a href="https://blog.privacynerd.de/">Back to home page&nbsp;</a>
</div>
</div>
</div>
<footer class="footer">
<style>
.antidiscovery i { display: none; }
</style>
<div class="footer__inner">
<div class="copyright copyright--user">
<span class="antidiscovery">© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span>
<span style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fen%2f404.html">Imprint</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> made by <a href="https://github.com/panr" target="_blank">panr</a> (customized)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
</div>
</body>
</html>

View File

@ -1,17 +1,330 @@
<!doctype html><html lang=en><head><title>About :: Privacynerd's blog</title> <!DOCTYPE html>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="Hello in a new age You can call me Mirus and I forked the original Terminal theme for Hugo, because Radek, the original creator of the theme stop the maintenance and archived the repo. <html lang="en">
<head>
<title>About :: 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="Hello in a new age You can call me Mirus and I forked the original Terminal theme for Hugo, because Radek, the original creator of the theme stop the maintenance and archived the repo.
So I already pushed a few improvements that I did for my humble blog and I&rsquo;m going to add some more features in the future, also any contribution is welcome So I already pushed a few improvements that I did for my humble blog and I&rsquo;m going to add some more features in the future, also any contribution is welcome
Below you can read the original about from Radek Below you can read the original about from Radek
"><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/en/about/><link rel=stylesheet href=https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css><link rel=stylesheet href=https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css><link rel=stylesheet href=https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css><link rel=stylesheet href=https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css><link rel=stylesheet href=https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css><link rel=stylesheet href=https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css><link rel=stylesheet href=https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css><link rel=stylesheet href=https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css><link rel=stylesheet href=https://blog.privacynerd.de/terminal.css><link rel="shortcut icon" href=https://blog.privacynerd.de/favicon.png><link rel=apple-touch-icon href=https://blog.privacynerd.de/apple-touch-icon.png><meta name=twitter:card content="summary"><meta name=twitter:site content><meta name=twitter:creator content><meta property="og:locale" content="en"><meta property="og:type" content="article"><meta property="og:title" content="About"><meta property="og:description" content="Hello in a new age You can call me Mirus and I forked the original Terminal theme for Hugo, because Radek, the original creator of the theme stop the maintenance and archived the repo. " />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://blog.privacynerd.de/en/about/" />
<link rel="stylesheet" href="https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/terminal.css">
<link rel="shortcut icon" href="https://blog.privacynerd.de/favicon.png">
<link rel="apple-touch-icon" href="https://blog.privacynerd.de/apple-touch-icon.png">
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="" />
<meta name="twitter:creator" content="" />
<meta property="og:locale" content="en" />
<meta property="og:type" content="article" />
<meta property="og:title" content="About">
<meta property="og:description" content="Hello in a new age You can call me Mirus and I forked the original Terminal theme for Hugo, because Radek, the original creator of the theme stop the maintenance and archived the repo.
So I already pushed a few improvements that I did for my humble blog and I&rsquo;m going to add some more features in the future, also any contribution is welcome So I already pushed a few improvements that I did for my humble blog and I&rsquo;m going to add some more features in the future, also any contribution is welcome
Below you can read the original about from Radek Below you can read the original about from Radek
"><meta property="og:url" content="https://blog.privacynerd.de/en/about/"><meta property="og:site_name" content="Privacynerd's blog"><meta property="og:image" content="https://blog.privacynerd.de/og-image.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="627"><meta property="article:published_time" content="2025-04-05 20:14:29 +0200 CEST"><style>#banner{width:100%;height:2rem;display:grid;grid-template-columns:1fr auto;background:var(--accent)}#banner span{display:flex;align-items:center;justify-content:center}#banner a{color:var(--background);display:inline}#banner>button{padding:0 5px 0 0;margin:0}</style><div id=banner><span><a href=https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de>Construction site 🚧 | Work in progress</a></span></div></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/en><div class=logo>Privacynerd's blog</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu&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/about/>English</a></b></li><li><a href=/de/about/>Deutsch</a></li></ul></li></ul><ul class="menu menu--desktop menu--language-selector"><li class=menu__trigger>en&nbsp;</li><li><ul class=menu__dropdown><li><b><a href=/en/about/>English</a></b></li><li><a href=/de/about/>Deutsch</a></li></ul></li></ul></div><nav class=navigation-menu><ul class="navigation-menu__inner menu--desktop"><li><a href=/en/about>About</a></li><li><a href=/en/tags>Tags</a></li></ul></nav></header><div class=content><article class=post><h1 class=post-title><a href=https://blog.privacynerd.de/en/about/>About</a></h1><div class=post-meta><time class=post-date>2025-04-05</time><span class=post-reading-time>1 min read (190 words)</span></div><div class=post-content><div><h1 id=hello-in-a-new-age>Hello in a new age<a href=#hello-in-a-new-age class=hanchor arialabel=Anchor>#</a></h1><p>You can call me Mirus and I forked the original Terminal theme for Hugo, because Radek, the original creator of the theme stop the maintenance and archived the repo.</p><p>So I already pushed a few improvements that I did for my humble blog and I&rsquo;m going to add some more features in the future, also any contribution is welcome</p><p>Below you can read the original about from Radek</p><blockquote><p>Hi there</p><p>My name is Radek and I&rsquo;m the author of this theme. " />
I made it to help you present your ideas easier.</p><p>We all know how hard is to start something on the web, <meta property="og:url" content="https://blog.privacynerd.de/en/about/" />
<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/about/">English</a>
</b>
</li>
<li>
<a href="/de/about/">Deutsch</a>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">en&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li>
<b>
<a href="/en/about/">English</a>
</b>
</li>
<li>
<a href="/de/about/">Deutsch</a>
</li>
</ul>
</li>
</ul>
</div>
<nav class="navigation-menu">
<ul class="navigation-menu__inner menu--desktop">
<li><a href="/en/about" >About</a></li>
<li><a href="/en/tags" >Tags</a></li>
</ul>
</nav>
</header>
<div class="content">
<article class="post">
<h1 class="post-title">
<a href="https://blog.privacynerd.de/en/about/">About</a>
</h1>
<div class="post-meta"><time class="post-date">2025-04-05</time><span class="post-reading-time">2 minutes to read (190 words)</span></div>
<div class="post-content"><div>
<h1 id="hello-in-a-new-age">Hello in a new age<a href="#hello-in-a-new-age" class="hanchor" ariaLabel="Anchor">#</a> </h1>
<p>You can call me Mirus and I forked the original Terminal theme for Hugo, because Radek, the original creator of the theme stop the maintenance and archived the repo.</p>
<p>So I already pushed a few improvements that I did for my humble blog and I&rsquo;m going to add some more features in the future, also any contribution is welcome</p>
<p>Below you can read the original about from Radek</p>
<blockquote>
<p>Hi there</p>
<p>My name is Radek and I&rsquo;m the author of this theme.
I made it to help you present your ideas easier.</p>
<p>We all know how hard is to start something on the web,
especially these days. You need to prepare a bunch of stuff, especially these days. You need to prepare a bunch of stuff,
configure them and when thats done — create the content.</p><p>This theme is pretty basic and covers all of the essentials. configure them and when thats done — create the content.</p>
All you have to do is start typing!</p><p>The theme includes:</p><ul><li><strong>5 duotone themes</strong>, <p>This theme is pretty basic and covers all of the essentials.
depending on your preferences (orange, red, blue, green, pink)</li><li><a href=https://github.com/tonsky/FiraCode><strong>Fira Code</strong></a> All you have to do is start typing!</p>
as default monospaced font. It&rsquo;s gorgeous!</li><li><strong>really nice, custom duotone</strong> syntax highlighting based on <p>The theme includes:</p>
<a href=https://prismjs.com><strong>PrismJS</strong></a></li><li>mobile friendly layout</li></ul><p>So, there you have it&mldr; enjoy!</p></blockquote><p>Blubb.</p></div></div></article></div><footer class=footer><style>.antidiscovery i{display:none}</style><div class=footer__inner><div class="copyright copyright--user"><span class=antidiscovery>© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span> <ul>
<span style=margin-right:10px>:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fen%2fabout%2f">Imprint</a></span> <li><strong>5 duotone themes</strong>,
<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></div></body></html> depending on your preferences (orange, red, blue, green, pink)</li>
<li><a href="https://github.com/tonsky/FiraCode"><strong>Fira Code</strong></a>
as default monospaced font. It&rsquo;s gorgeous!</li>
<li><strong>really nice, custom duotone</strong> syntax highlighting based on
<a href="https://prismjs.com"><strong>PrismJS</strong></a></li>
<li>mobile friendly layout</li>
</ul>
<p>So, there you have it&hellip; enjoy!</p></blockquote>
<p>Blubb.</p>
</div></div>
</article>
</div>
<footer class="footer">
<style>
.antidiscovery i { display: none; }
</style>
<div class="footer__inner">
<div class="copyright copyright--user">
<span class="antidiscovery">© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span>
<span style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fen%2fabout%2f">Imprint</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> made by <a href="https://github.com/panr" target="_blank">panr</a> (customized)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
</div>
</body>
</html>

View File

@ -1,4 +1,284 @@
<!doctype html><html lang=en><head><title>Categories :: Privacynerd's blog</title> <!DOCTYPE html>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/en/categories/><link rel=stylesheet href=https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css><link rel=stylesheet href=https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css><link rel=stylesheet href=https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css><link rel=stylesheet href=https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css><link rel=stylesheet href=https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css><link rel=stylesheet href=https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css><link rel=stylesheet href=https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css><link rel=stylesheet href=https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css><link rel=stylesheet href=https://blog.privacynerd.de/terminal.css><link rel="shortcut icon" href=https://blog.privacynerd.de/favicon.png><link rel=apple-touch-icon href=https://blog.privacynerd.de/apple-touch-icon.png><meta name=twitter:card content="summary"><meta name=twitter:site content><meta name=twitter:creator content><meta property="og:locale" content="en"><meta property="og:type" content="website"><meta property="og:title" content="Categories"><meta property="og:description" content><meta property="og:url" content="https://blog.privacynerd.de/en/categories/"><meta property="og:site_name" content="Privacynerd's blog"><meta property="og:image" content="https://blog.privacynerd.de/og-image.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="627"><link href=/en/categories/index.xml rel=alternate type=application/rss+xml title="Privacynerd's blog"><style>#banner{width:100%;height:2rem;display:grid;grid-template-columns:1fr auto;background:var(--accent)}#banner span{display:flex;align-items:center;justify-content:center}#banner a{color:var(--background);display:inline}#banner>button{padding:0 5px 0 0;margin:0}</style><div id=banner><span><a href=https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de>Construction site 🚧 | Work in progress</a></span></div></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/en><div class=logo>Privacynerd's blog</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu&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/categories/>English</a></b></li><li><a href=/de/categories/>Deutsch</a></li></ul></li></ul><ul class="menu menu--desktop menu--language-selector"><li class=menu__trigger>en&nbsp;</li><li><ul class=menu__dropdown><li><b><a href=/en/categories/>English</a></b></li><li><a href=/de/categories/>Deutsch</a></li></ul></li></ul></div><nav class=navigation-menu><ul class="navigation-menu__inner menu--desktop"><li><a href=/en/about>About</a></li><li><a href=/en/tags>Tags</a></li></ul></nav></header><div class=content><div class=terms><h1>Categories</h1><ul></ul></div></div><footer class=footer><style>.antidiscovery i{display:none}</style><div class=footer__inner><div class="copyright copyright--user"><span class=antidiscovery>© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span> <html lang="en">
<span style=margin-right:10px>:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fen%2fcategories%2f">Imprint</a></span> <head>
<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></div></body></html>
<title>Categories :: 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/categories/" />
<link rel="stylesheet" href="https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/terminal.css">
<link rel="shortcut icon" href="https://blog.privacynerd.de/favicon.png">
<link rel="apple-touch-icon" href="https://blog.privacynerd.de/apple-touch-icon.png">
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="" />
<meta name="twitter:creator" content="" />
<meta property="og:locale" content="en" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Categories">
<meta property="og:description" content="" />
<meta property="og:url" content="https://blog.privacynerd.de/en/categories/" />
<meta property="og:site_name" content="Privacynerd&#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/categories/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/categories/">English</a>
</b>
</li>
<li>
<a href="/de/categories/">Deutsch</a>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">en&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li>
<b>
<a href="/en/categories/">English</a>
</b>
</li>
<li>
<a href="/de/categories/">Deutsch</a>
</li>
</ul>
</li>
</ul>
</div>
<nav class="navigation-menu">
<ul class="navigation-menu__inner menu--desktop">
<li><a href="/en/about" >About</a></li>
<li><a href="/en/tags" >Tags</a></li>
</ul>
</nav>
</header>
<div class="content">
<div class="terms">
<h1>Categories</h1>
<ul>
</ul>
</div>
</div>
<footer class="footer">
<style>
.antidiscovery i { display: none; }
</style>
<div class="footer__inner">
<div class="copyright copyright--user">
<span class="antidiscovery">© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span>
<span style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fen%2fcategories%2f">Imprint</a></span>
<span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> made by <a href="https://github.com/panr" target="_blank">panr</a> (customized)</span>
</div>
</div>
</footer>
<script type="text/javascript" src="/bundle.min.js"></script>
</div>
</body>
</html>

View File

@ -1 +1,11 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Categories on Privacynerd's blog</title><link>https://blog.privacynerd.de/en/categories/</link><description>Recent content in Categories on Privacynerd's blog</description><generator>Hugo</generator><language>en</language><atom:link href="https://blog.privacynerd.de/en/categories/index.xml" rel="self" type="application/rss+xml"/></channel></rss> <?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Categories on Privacynerd&#39;s blog</title>
<link>https://blog.privacynerd.de/en/categories/</link>
<description>Recent content in Categories on Privacynerd&#39;s blog</description>
<generator>Hugo</generator>
<language>en</language>
<atom:link href="https://blog.privacynerd.de/en/categories/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>

View File

@ -1,8 +1,459 @@
<!doctype html><html lang=en><head><meta name=generator content="Hugo 0.145.0"><title>Privacynerd's blog</title> <!DOCTYPE html>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="Blog of privacynerd"><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/en/><link rel=stylesheet href=https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css><link rel=stylesheet href=https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css><link rel=stylesheet href=https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css><link rel=stylesheet href=https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css><link rel=stylesheet href=https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css><link rel=stylesheet href=https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css><link rel=stylesheet href=https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css><link rel=stylesheet href=https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css><link rel=stylesheet href=https://blog.privacynerd.de/terminal.css><link rel="shortcut icon" href=https://blog.privacynerd.de/favicon.png><link rel=apple-touch-icon href=https://blog.privacynerd.de/apple-touch-icon.png><meta name=twitter:card content="summary"><meta name=twitter:site content><meta name=twitter:creator content><meta property="og:locale" content="en"><meta property="og:type" content="website"><meta property="og:title" content="Privacynerd's blog"><meta property="og:description" content="Blog of privacynerd"><meta property="og:url" content="https://blog.privacynerd.de/en/"><meta property="og:site_name" content="Privacynerd's blog"><meta property="og:image" content="https://blog.privacynerd.de/og-image.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="627"><link href=/en/index.xml rel=alternate type=application/rss+xml title="Privacynerd's blog"><style>#banner{width:100%;height:2rem;display:grid;grid-template-columns:1fr auto;background:var(--accent)}#banner span{display:flex;align-items:center;justify-content:center}#banner a{color:var(--background);display:inline}#banner>button{padding:0 5px 0 0;margin:0}</style><div id=banner><span><a href=https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de>Construction site 🚧 | Work in progress</a></span></div></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/en><div class=logo>Privacynerd's blog</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu&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/>English</a></b></li><li><a href=/de/>Deutsch</a></li></ul></li></ul><ul class="menu menu--desktop menu--language-selector"><li class=menu__trigger>en&nbsp;</li><li><ul class=menu__dropdown><li><b><a href=/en/>English</a></b></li><li><a href=/de/>Deutsch</a></li></ul></li></ul></div><nav class=navigation-menu><ul class="navigation-menu__inner menu--desktop"><li><a href=/en/about>About</a></li><li><a href=/en/tags>Tags</a></li></ul></nav></header><div class=content><div class="index-content framed"><h1 id=hello-there->Hello there! 👋</h1><p>My name is BlueFox. Welcome to this blog, which is currently under construction - anyways, have a look around!</p></div><div class=posts><article class="post on-list"><h2 class=post-title><a href=https://blog.privacynerd.de/en/posts/showcase-code/>Code blocks variants</a></h2><div class=post-meta><time class=post-date>2025-04-09</time><span class=post-author>Radek</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/en/tags/programming/>programming</a>&nbsp; <html lang="en">
#<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 & Radek</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/en/tags/showcase/>showcase</a>&nbsp; <head>
#<a href=https://blog.privacynerd.de/en/tags/markdown/>markdown</a>&nbsp; <meta name="generator" content="Hugo 0.145.0">
#<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> <title>Privacynerd&#39;s blog</title>
<span style=margin-right:10px>:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fen%2f">Imprint</a></span>
<span>:: <a href=https://github.com/panr/hugo-theme-terminal target=_blank>Theme</a> made by <a href=https://github.com/panr target=_blank>panr</a> (customized)</span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html> <meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Blog of privacynerd" />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://blog.privacynerd.de/en/" />
<link rel="stylesheet" href="https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css">
<link rel="stylesheet" href="https://blog.privacynerd.de/terminal.css">
<link rel="shortcut icon" href="https://blog.privacynerd.de/favicon.png">
<link rel="apple-touch-icon" href="https://blog.privacynerd.de/apple-touch-icon.png">
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="" />
<meta name="twitter:creator" content="" />
<meta property="og:locale" content="en" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Privacynerd&#39;s blog">
<meta property="og:description" content="Blog of privacynerd" />
<meta property="og:url" content="https://blog.privacynerd.de/en/" />
<meta property="og:site_name" content="Privacynerd&#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/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/">English</a>
</b>
</li>
<li>
<a href="/de/">Deutsch</a>
</li>
</ul>
</li>
</ul>
<ul class="menu menu--desktop menu--language-selector">
<li class="menu__trigger">en&nbsp;</li>
<li>
<ul class="menu__dropdown">
<li>
<b>
<a href="/en/">English</a>
</b>
</li>
<li>
<a href="/de/">Deutsch</a>
</li>
</ul>
</li>
</ul>
</div>
<nav class="navigation-menu">
<ul class="navigation-menu__inner menu--desktop">
<li><a href="/en/about" >About</a></li>
<li><a href="/en/tags" >Tags</a></li>
</ul>
</nav>
</header>
<div class="content">
<div class="index-content framed">
<h1 id="hello-there-">Hello there! 👋</h1>
<p>My name is BlueFox. Welcome to this blog, which is currently under construction - anyways, have a look around!</p>
</div>
<div class="posts">
<article class="post on-list">
<h2 class="post-title">
<a href="https://blog.privacynerd.de/en/posts/showcase-code/">Code blocks variants</a>
</h2>
<div class="post-meta"><time class="post-date">2025-04-09</time><span class="post-author">Radek</span></div>
<span class="post-tags">
#<a href="https://blog.privacynerd.de/en/tags/programming/">programming</a>&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%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>
</div>
</body>
</html>

File diff suppressed because one or more lines are too long

View File

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

View File

@ -1,8 +1,438 @@
<!doctype html><html lang=en><head><title>Posts :: Privacynerd's blog</title> <!DOCTYPE html>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/en/posts/><link rel=stylesheet href=https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css><link rel=stylesheet href=https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css><link rel=stylesheet href=https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css><link rel=stylesheet href=https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css><link rel=stylesheet href=https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css><link rel=stylesheet href=https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css><link rel=stylesheet href=https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css><link rel=stylesheet href=https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css><link rel=stylesheet href=https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css><link rel=stylesheet href=https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css><link rel=stylesheet href=https://blog.privacynerd.de/terminal.css><link rel="shortcut icon" href=https://blog.privacynerd.de/favicon.png><link rel=apple-touch-icon href=https://blog.privacynerd.de/apple-touch-icon.png><meta name=twitter:card content="summary"><meta name=twitter:site content><meta name=twitter:creator content><meta property="og:locale" content="en"><meta property="og:type" content="website"><meta property="og:title" content="Posts"><meta property="og:description" content><meta property="og:url" content="https://blog.privacynerd.de/en/posts/"><meta property="og:site_name" content="Privacynerd's blog"><meta property="og:image" content="https://blog.privacynerd.de/og-image.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="627"><link href=/en/posts/index.xml rel=alternate type=application/rss+xml title="Privacynerd's blog"><style>#banner{width:100%;height:2rem;display:grid;grid-template-columns:1fr auto;background:var(--accent)}#banner span{display:flex;align-items:center;justify-content:center}#banner a{color:var(--background);display:inline}#banner>button{padding:0 5px 0 0;margin:0}</style><div id=banner><span><a href=https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de>Construction site 🚧 | Work in progress</a></span></div></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/en><div class=logo>Privacynerd's blog</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu&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; <html lang="en">
#<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 & Radek</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/en/tags/showcase/>showcase</a>&nbsp; <head>
#<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; <title>Posts :: Privacynerd&#39;s blog</title>
#<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> <meta http-equiv="content-type" content="text/html; charset=utf-8">
<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></div></body></html> <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>
</div>
</body>
</html>

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,325 @@
<!doctype html><html lang=en><head><title>One Word! :: Privacynerd's blog</title> <!DOCTYPE html>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><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's blog"><meta property="og:image" content="https://blog.privacynerd.de/og-image.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="627"><meta property="article:published_time" content="2025-04-05 22:48:12 +0200 CEST"><style>#banner{width:100%;height:2rem;display:grid;grid-template-columns:1fr auto;background:var(--accent)}#banner span{display:flex;align-items:center;justify-content:center}#banner a{color:var(--background);display:inline}#banner>button{padding:0 5px 0 0;margin:0}</style><div id=banner><span><a href=https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de>Construction site 🚧 | Work in progress</a></span></div></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/en><div class=logo>Privacynerd's blog</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu&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 min read (1 words)</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>] <html lang="en">
</a>:: <head>
<a href=https://blog.privacynerd.de/en/posts/test-post/ class="button inline next">[<span class=button__text>English Test Post</span>] ></a></div></div></article></div><footer class=footer><style>.antidiscovery i{display:none}</style><div class=footer__inner><div class="copyright copyright--user"><span class=antidiscovery>© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span>
<span 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> <title>One Word! :: Privacynerd&#39;s blog</title>
<span>:: <a href=https://github.com/panr/hugo-theme-terminal target=_blank>Theme</a> made by <a href=https://github.com/panr target=_blank>panr</a> (customized)</span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="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>
</div>
</body>
</html>

View File

@ -1,2 +1,10 @@
<!doctype html><html lang=en><head><title>https://blog.privacynerd.de/en/posts/</title> <!DOCTYPE html>
<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> <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>

View File

@ -1,10 +1,352 @@
<!doctype html><html lang=en><head><title>A random story :: Privacynerd's blog</title> <!DOCTYPE html>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><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's blog"><meta property="og:image" content="https://blog.privacynerd.de/og-image.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="627"><meta property="article:published_time" content="2025-04-08 17:55:25 +0200 CEST"><style>#banner{width:100%;height:2rem;display:grid;grid-template-columns:1fr auto;background:var(--accent)}#banner span{display:flex;align-items:center;justify-content:center}#banner a{color:var(--background);display:inline}#banner>button{padding:0 5px 0 0;margin:0}</style><div id=banner><span><a href=https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de>Construction site 🚧 | Work in progress</a></span></div></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/en><div class=logo>Privacynerd's blog</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu&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>2 min read (222 words)</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/en/tags/story/>story</a>&nbsp; <html lang="en">
#<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.” <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. 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. 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>] 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>
</a>::
<a href=https://blog.privacynerd.de/en/posts/one-word/ class="button inline next">[<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> </div></div>
<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></div></body></html>
<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>
</div>
</body>
</html>

View File

@ -1,6 +1,311 @@
<!doctype html><html lang=en><head><title>Code blocks variants :: Privacynerd's blog</title> <!DOCTYPE html>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><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's blog"><meta property="og:image" content="https://blog.privacynerd.de/og-image.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="627"><meta property="article:published_time" content="2025-04-09 07:17:39 +0200 CEST"><style>#banner{width:100%;height:2rem;display:grid;grid-template-columns:1fr auto;background:var(--accent)}#banner span{display:flex;align-items:center;justify-content:center}#banner a{color:var(--background);display:inline}#banner>button{padding:0 5px 0 0;margin:0}</style><div id=banner><span><a href=https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de>Construction site 🚧 | Work in progress</a></span></div></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/en><div class=logo>Privacynerd's blog</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu&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>3 min read (536 words)</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/en/tags/programming/>programming</a>&nbsp; <html lang="en">
#<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 > }}</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; <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;html lang=&#34;en&#34;&gt;
&lt;head&gt; &lt;head&gt;
&lt;meta charset=&#34;utf-8&#34; /&gt; &lt;meta charset=&#34;utf-8&#34; /&gt;
@ -10,175 +315,283 @@
&lt;p&gt;Test&lt;/p&gt; &lt;p&gt;Test&lt;/p&gt;
&lt;/body&gt; &lt;/body&gt;
&lt;/html&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> </code></pre><h3 id="with-specified-language">With specified language<a href="#with-specified-language" class="hanchor" ariaLabel="Anchor">#</a> </h3>
</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> <h4 id="line-highlighting">Line highlighting<a href="#line-highlighting" class="hanchor" ariaLabel="Anchor">#</a> </h4>
</span></span><span class=line><span class=cl> <span class=p>&lt;</span><span class=nt>head</span><span class=p>&gt;</span> <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>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">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 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>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>body</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>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">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">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><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></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><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
</span><span class=lnt> 2 </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 class=lnt> 3 </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>
</span><span class=lnt> 4 <div class="highlight"><div class="chroma">
</span><span class=hl><span class=lnt> 5 <table class="lntable"><tr><td class="lntd">
</span></span><span class=lnt> 6 <pre tabindex="0" class="chroma"><code><span class="lnt"> 1
</span><span class=lnt> 7 </span><span class="lnt"> 2
</span><span class=lnt> 8 </span><span class="lnt"> 3
</span><span class=lnt> 9 </span><span class="lnt"> 4
</span><span class=lnt>10 </span><span class="hl"><span class="lnt"> 5
</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="lnt"> 6
</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 class="lnt"> 7
</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 class="lnt"> 8
</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 class="lnt"> 9
</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 class="lnt">10
</span></span><span class=line><span class=cl> <span class=p>&lt;/</span><span class=nt>head</span><span class=p>&gt;</span> </span></code></pre></td>
</span></span><span class=line><span class=cl> <span class=p>&lt;</span><span class=nt>body</span><span class=p>&gt;</span> <td class="lntd">
</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> <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>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="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>html</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></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="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=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 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=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="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"><span class="cl"> <span class="p">&lt;</span><span class="nt">body</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="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> 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="cl"> <span class="p">&lt;/</span><span class="nt">body</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="cl"><span class="p">&lt;/</span><span class="nt">html</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></code></pre></td></tr></table>
</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> </div>
</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> </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>
</span></span></code></pre></div><h4 id=hugos-internal---highlight---shortcode>Hugo&rsquo;s internal <code>{{ &lt; highlight > }}</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> <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=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"> 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=cl> <span class=p>&lt;</span><span class=nt>head</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=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="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><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 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=cl> <span class=p>&lt;/</span><span class=nt>head</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=cl> <span class=p>&lt;</span><span class=nt>body</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=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"> 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=cl> <span class=p>&lt;/</span><span class=nt>body</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=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 > }}</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><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 class=lnt> 2 </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>
</span><span class=lnt> 3 <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 class=lnt> 4 </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 class=lnt> 5 </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 class=lnt> 6 </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 class=lnt> 7 </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 class=lnt> 8 </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 class=lnt> 9 </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 class=lnt>10 </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></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">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=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">html</span><span class="p">&gt;</span></span></span></code></pre></div>
</span></span><span class=line><span class=cl> <span class=p>&lt;</span><span class=nt>head</span><span class=p>&gt;</span> <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>
</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> <details class="collapsable-code" open>
</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> <summary title="Click to interact"><span class="collapsable-code__title">Hey, this is a code block title</span></summary>
</span></span><span class=line><span class=cl> <span class=p>&lt;/</span><span class=nt>body</span><span class=p>&gt;</span> <div class="highlight"><div class="chroma">
</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> <table class="lntable"><tr><td class="lntd">
</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> <pre tabindex="0" class="chroma"><code><span class="lnt"> 1
</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 class="lnt"> 2
</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 class="lnt"> 3
</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 class="lnt"> 4
</span></span><span class=line><span class=cl> <span class=p>}</span> </span><span class="lnt"> 5
</span></span><span class=line><span class=cl> <span class=p>}</span> </span><span class="lnt"> 6
</span></span><span class=line><span class=cl><span class=p>}</span> </span><span class="lnt"> 7
</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 class="lnt"> 8
</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 class="lnt"> 9
</span></span><span class=line><span class=cl><span class=kr>begin</span> </span><span class="lnt">10
</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></code></pre></td>
</span></span><span class=line><span class=cl><span class=kr>end</span> <span class=nf>Hello</span><span class=p>;</span> <td class="lntd">
</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> <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></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 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></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 class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
</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="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=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="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=k>return</span> <span class=mi>0</span><span class=p>;</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>}</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></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="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=k>class</span> <span class=nc>Program</span> <span class=p>{</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=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="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table>
</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> </div>
</span></span><span class=line><span class=cl> <span class=p>}</span> </div></details>
</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> <h2 id="programming-languages">Programming languages:<a href="#programming-languages" class="hanchor" ariaLabel="Anchor">#</a> </h2>
</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> <h3 id="a">A<a href="#a" class="hanchor" ariaLabel="Anchor">#</a> </h3>
</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> <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><span class=line><span class=cl> <span class=k>return</span> <span class=mi>0</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=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></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="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=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="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=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="p">}</span>
</span></span><span class=line><span class=cl><span class=o>}</span> </span></span><span class="line"><span class="cl"> <span class="p">}</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><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-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></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=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="kd">procedure</span> <span class="nf">Hello</span> <span class="kr">is</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><span class="line"><span class="cl"><span class="kr">begin</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><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></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="kr">end</span> <span class="nf">Hello</span><span class="p">;</span>
</span></span><span class=line><span class=cl><span class=kn>import</span> <span class=s>&#34;fmt&#34;</span> </span></span></code></pre></div><h3 id="b">B<a href="#b" class="hanchor" ariaLabel="Anchor">#</a> </h3>
</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> <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><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></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 class=line><span class=cl><span class=p>}</span> </span></span></span></code></pre></div><h3 id="c">C<a href="#c" class="hanchor" ariaLabel="Anchor">#</a> </h3>
</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> <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></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="cp"></span><span class="kt">int</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
</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 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><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 class="line"><span class="cl"> <span class="k">return</span> <span class="mi">0</span><span class="p">;</span>
</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 class="line"><span class="cl"><span class="p">}</span>
</span></span></span><span class=line><span class=cl><span class=c1></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=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><span class="line"><span class="cl"><span class="k">class</span> <span class="nc">Program</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="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=k>return</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>&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>&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">}</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></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 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><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=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="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=p>&lt;/</span><span class=nt>a</span><span class=p>&gt;</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>&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">}</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></code></pre></div><h3 id="d">D<a href="#d" class="hanchor" ariaLabel="Anchor">#</a> </h3>
</span></span><span class=line><span class=cl> <span class=p>);</span> <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=p>}</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></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 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><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 class="line"><span class="cl"><span class="o">}</span>
</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></code></pre></div><h3 id="e">E<a href="#e" class="hanchor" ariaLabel="Anchor">#</a> </h3>
</span></span></span><span class=line><span class=cl><span class=w> </span><span class=p>}</span><span class=w> <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></span><span class=line><span class=cl><span class=w></span><span class=p>}</span><span class=w> </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></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="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=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="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><span class=line><span class=cl><span class=p>}</span> </span></span></code></pre></div><h3 id="f">F<a href="#f" class="hanchor" ariaLabel="Anchor">#</a> </h3>
</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> <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=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="g">G<a href="#g" class="hanchor" ariaLabel="Anchor">#</a> </h3>
</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> <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></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 class="line"><span class="cl"><span class="kn">import</span> <span class="s">&#34;fmt&#34;</span>
</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="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=k>@autoreleasepool</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=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=p>}</span> </span></span></code></pre></div><h3 id="h">H<a href="#h" class="hanchor" ariaLabel="Anchor">#</a> </h3>
</span></span><span class=line><span class=cl> <span class=k>return</span> <span class=mi>0</span><span class=p>;</span> <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><span class=line><span class=cl><span class=p>}</span> </span></span></code></pre></div><h3 id="j">J<a href="#j" class="hanchor" ariaLabel="Anchor">#</a> </h3>
</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> <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></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><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></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></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></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></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></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></span><span class="line"><span class="cl"><span class="c1"></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 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></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></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><span class=line><span class=cl><span class=w></span><span class=p>}</span><span class=w> </span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="p">(</span>
</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="p">&lt;</span><span class="nt">div</span><span class="p">&gt;</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="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=o>}</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></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><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></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="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=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">&lt;/</span><span class="nt">a</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">&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></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 class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">div</span><span class="p">&gt;</span>
</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 class="line"><span class="cl"> <span class="p">);</span>
</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 class="line"><span class="cl"><span class="p">}</span>
</span></span></span><span class=line><span class=cl><span class=w></span><span class=p>}</span><span class=w> </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></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>] ></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></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 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></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>:: <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></div></body></html> </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>
</div>
</body>
</html>

View File

@ -1,21 +1,410 @@
<!doctype html><html lang=en><head><title>Showcase :: Privacynerd's blog</title> <!DOCTYPE html>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><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 & 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's blog"><meta property="og:image" content="https://blog.privacynerd.de/og-image.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="627"><meta property="article:published_time" content="2025-04-09 07:01:12 +0200 CEST"><style>#banner{width:100%;height:2rem;display:grid;grid-template-columns:1fr auto;background:var(--accent)}#banner span{display:flex;align-items:center;justify-content:center}#banner a{color:var(--background);display:inline}#banner>button{padding:0 5px 0 0;margin:0}</style><div id=banner><span><a href=https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de>Construction site 🚧 | Work in progress</a></span></div></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/en><div class=logo>Privacynerd's blog</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu&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 & Radek</span><span class=post-reading-time>3 min read (510 words)</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/en/tags/showcase/>showcase</a>&nbsp; <html lang="en">
#<a href=https://blog.privacynerd.de/en/tags/markdown/>markdown</a>&nbsp; <head>
#<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 > }}</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></code><code>&lt;h6></code> elements represent six levels of section headings. <code>&lt;h1></code> is the highest section level while <code>&lt;h6></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. <title>Showcase :: Privacynerd&#39;s blog</title>
— Rob Pike<sup id=fnref:1><a href=#fn:1 class=footnote-ref role=doc-noteref>1</a></sup></p></blockquote><h2 id=buttons-and-links>Buttons and links<a href=#buttons-and-links class=hanchor arialabel=Anchor>#</a></h2><p>Button
Link <meta http-equiv="content-type" content="text/html; charset=utf-8">
Link</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><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> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</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> <meta name="description" content="Sample article showcasing basic styling and formatting for HTML elements." />
</span></span><span class=line><span class=cl><span class=p>&lt;</span><span class=nt>head</span><span class=p>&gt;</span> <meta name="keywords" content="" />
</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> <meta name="robots" content="noodp" />
</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> <link rel="canonical" href="https://blog.privacynerd.de/en/posts/showcase/" />
</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;
<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;html lang=&quot;en&quot;&gt;
&lt;head&gt; &lt;head&gt;
&lt;meta charset=&quot;utf-8&quot;&gt; &lt;meta charset=&quot;utf-8&quot;&gt;
@ -25,35 +414,153 @@ Link</p><h2 id=tables>Tables<a href=#tables class=hanchor arialabel=Anchor>#</a>
&lt;p&gt;Test&lt;/p&gt; &lt;p&gt;Test&lt;/p&gt;
&lt;/body&gt; &lt;/body&gt;
&lt;/html&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> </code></pre>
</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> <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>
</span></span><span class=line><span class=cl><span class=p>&lt;</span><span class=nt>head</span><span class=p>&gt;</span> <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>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">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>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>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>body</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>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">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">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 > }}</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="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=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="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</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="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span></span></span></code></pre></div>
</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> <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>
</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> <details class="collapsable-code" >
</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> <summary title="Click to interact"><span class="collapsable-code__title">Hey, this is a code block title</span></summary>
</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> <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=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></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=nt>code</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>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">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>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">overflow</span><span class="p">:</span> <span class="kc">auto</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></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="err">@media</span> <span class="err">(--phone)</span> <span class="err">{</span>
</span></span><span class=line><span class=cl> <span class=p>}</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=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>GIF is a bitmap image format.</p><p>H2O</p><p>Xn + Yn = Zn</p><p>Press CTRL+ALT+Delete to end the session.</p><p>Most salamanders 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>&#8617;&#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>] </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>
</a>:: </span></span><span class="line"><span class="cl"> <span class="p">}</span>
<a href=https://blog.privacynerd.de/en/posts/random-story/ class="button inline next">[<span class=button__text>A random story</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></span><span class="line"><span class="cl">
<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></span><span class="line"><span class="cl"> <span class="nt">code</span> <span class="p">{</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></div></body></html> </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>
</div>
</body>
</html>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,5 +1,322 @@
<!doctype html><html lang=en><head><title>Ai :: Privacynerd's blog</title> <!DOCTYPE html>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/en/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'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's blog"><style>#banner{width:100%;height:2rem;display:grid;grid-template-columns:1fr auto;background:var(--accent)}#banner span{display:flex;align-items:center;justify-content:center}#banner a{color:var(--background);display:inline}#banner>button{padding:0 5px 0 0;margin:0}</style><div id=banner><span><a href=https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de>Construction site 🚧 | Work in progress</a></span></div></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/en><div class=logo>Privacynerd's blog</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu&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: #Ai</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; <html lang="en">
#<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> <head>
<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></div></body></html> <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: #Ai</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>
</div>
</body>
</html>

View File

@ -1,8 +1,19 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Ai on Privacynerd's blog</title><link>https://blog.privacynerd.de/en/tags/ai/</link><description>Recent content in Ai on Privacynerd'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>This is just a random story, generated by ChatGPT, used to test the reading speed and adjust it to a comfortable value.&lt;/p> <?xml version="1.0" encoding="utf-8" standalone="yes"?>
&lt;h2 id="german-prompt">German prompt&lt;/h2> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
&lt;p>Tell a story with around 200 words.&lt;/p> <channel>
&lt;h2 id="answer-translated-to-english">Answer, translated to english&lt;/h2> <title>Ai on Privacynerd&#39;s blog</title>
&lt;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.” <link>https://blog.privacynerd.de/en/tags/ai/</link>
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. <description>Recent content in Ai on Privacynerd&#39;s blog</description>
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. <generator>Hugo</generator>
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></description></item></channel></rss> <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>

View File

@ -1,2 +1,10 @@
<!doctype html><html lang=en><head><title>https://blog.privacynerd.de/en/tags/ai/</title> <!DOCTYPE html>
<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> <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>

View File

@ -1,5 +1,322 @@
<!doctype html><html lang=en><head><title>Code :: Privacynerd's blog</title> <!DOCTYPE html>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/en/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'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's blog"><style>#banner{width:100%;height:2rem;display:grid;grid-template-columns:1fr auto;background:var(--accent)}#banner span{display:flex;align-items:center;justify-content:center}#banner a{color:var(--background);display:inline}#banner>button{padding:0 5px 0 0;margin:0}</style><div id=banner><span><a href=https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de>Construction site 🚧 | Work in progress</a></span></div></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/en><div class=logo>Privacynerd's blog</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu&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: #Code</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; <html lang="en">
#<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> <head>
<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></div></body></html> <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: #Code</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>
</div>
</body>
</html>

File diff suppressed because one or more lines are too long

View File

@ -1,2 +1,10 @@
<!doctype html><html lang=en><head><title>https://blog.privacynerd.de/en/tags/code/</title> <!DOCTYPE html>
<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> <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>

File diff suppressed because one or more lines are too long

View File

@ -1 +1,61 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Tags on Privacynerd's blog</title><link>https://blog.privacynerd.de/en/tags/</link><description>Recent content in Tags on Privacynerd's blog</description><generator>Hugo</generator><language>en</language><lastBuildDate>Wed, 09 Apr 2025 07:17:39 +0200</lastBuildDate><atom:link href="https://blog.privacynerd.de/en/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/></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/></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/></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/></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/></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/></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/></item></channel></rss> <?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Tags on Privacynerd&#39;s blog</title>
<link>https://blog.privacynerd.de/en/tags/</link>
<description>Recent content in Tags on Privacynerd&#39;s blog</description>
<generator>Hugo</generator>
<language>en</language>
<lastBuildDate>Wed, 09 Apr 2025 07:17:39 +0200</lastBuildDate>
<atom:link href="https://blog.privacynerd.de/en/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>
</rss>

View File

@ -1,6 +1,324 @@
<!doctype html><html lang=en><head><title>Markdown :: Privacynerd's blog</title> <!DOCTYPE html>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/en/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'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's blog"><style>#banner{width:100%;height:2rem;display:grid;grid-template-columns:1fr auto;background:var(--accent)}#banner span{display:flex;align-items:center;justify-content:center}#banner a{color:var(--background);display:inline}#banner>button{padding:0 5px 0 0;margin:0}</style><div id=banner><span><a href=https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de>Construction site 🚧 | Work in progress</a></span></div></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/en><div class=logo>Privacynerd's blog</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu&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: #Markdown</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 & Radek</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/en/tags/showcase/>showcase</a>&nbsp; <html lang="en">
#<a href=https://blog.privacynerd.de/en/tags/markdown/>markdown</a>&nbsp; <head>
#<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> <title>Markdown :: Privacynerd&#39;s blog</title>
<span>:: <a href=https://github.com/panr/hugo-theme-terminal target=_blank>Theme</a> made by <a href=https://github.com/panr target=_blank>panr</a> (customized)</span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://blog.privacynerd.de/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: #Markdown</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>
</div>
</body>
</html>

View File

@ -1 +1,19 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Markdown on Privacynerd's blog</title><link>https://blog.privacynerd.de/en/tags/markdown/</link><description>Recent content in Markdown on Privacynerd'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>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></description></item></channel></rss> <?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>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>

View File

@ -1,2 +1,10 @@
<!doctype html><html lang=en><head><title>https://blog.privacynerd.de/en/tags/markdown/</title> <!DOCTYPE html>
<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> <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>

View File

@ -1,5 +1,322 @@
<!doctype html><html lang=en><head><title>Programming :: Privacynerd's blog</title> <!DOCTYPE html>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/en/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'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's blog"><style>#banner{width:100%;height:2rem;display:grid;grid-template-columns:1fr auto;background:var(--accent)}#banner span{display:flex;align-items:center;justify-content:center}#banner a{color:var(--background);display:inline}#banner>button{padding:0 5px 0 0;margin:0}</style><div id=banner><span><a href=https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de>Construction site 🚧 | Work in progress</a></span></div></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/en><div class=logo>Privacynerd's blog</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu&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: #Programming</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; <html lang="en">
#<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> <head>
<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></div></body></html> <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: #Programming</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>
</div>
</body>
</html>

File diff suppressed because one or more lines are too long

View File

@ -1,2 +1,10 @@
<!doctype html><html lang=en><head><title>https://blog.privacynerd.de/en/tags/programming/</title> <!DOCTYPE html>
<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> <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>

View File

@ -1,6 +1,324 @@
<!doctype html><html lang=en><head><title>Showcase :: Privacynerd's blog</title> <!DOCTYPE html>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/en/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'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's blog"><style>#banner{width:100%;height:2rem;display:grid;grid-template-columns:1fr auto;background:var(--accent)}#banner span{display:flex;align-items:center;justify-content:center}#banner a{color:var(--background);display:inline}#banner>button{padding:0 5px 0 0;margin:0}</style><div id=banner><span><a href=https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de>Construction site 🚧 | Work in progress</a></span></div></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/en><div class=logo>Privacynerd's blog</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu&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: #Showcase</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 & Radek</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/en/tags/showcase/>showcase</a>&nbsp; <html lang="en">
#<a href=https://blog.privacynerd.de/en/tags/markdown/>markdown</a>&nbsp; <head>
#<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> <title>Showcase :: Privacynerd&#39;s blog</title>
<span>:: <a href=https://github.com/panr/hugo-theme-terminal target=_blank>Theme</a> made by <a href=https://github.com/panr target=_blank>panr</a> (customized)</span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://blog.privacynerd.de/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: #Showcase</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>
</div>
</body>
</html>

View File

@ -1 +1,19 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Showcase on Privacynerd's blog</title><link>https://blog.privacynerd.de/en/tags/showcase/</link><description>Recent content in Showcase on Privacynerd'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>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></description></item></channel></rss> <?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>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>

View File

@ -1,2 +1,10 @@
<!doctype html><html lang=en><head><title>https://blog.privacynerd.de/en/tags/showcase/</title> <!DOCTYPE html>
<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> <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>

View File

@ -1,5 +1,322 @@
<!doctype html><html lang=en><head><title>Story :: Privacynerd's blog</title> <!DOCTYPE html>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/en/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'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's blog"><style>#banner{width:100%;height:2rem;display:grid;grid-template-columns:1fr auto;background:var(--accent)}#banner span{display:flex;align-items:center;justify-content:center}#banner a{color:var(--background);display:inline}#banner>button{padding:0 5px 0 0;margin:0}</style><div id=banner><span><a href=https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de>Construction site 🚧 | Work in progress</a></span></div></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/en><div class=logo>Privacynerd's blog</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu&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: #Story</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; <html lang="en">
#<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> <head>
<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></div></body></html> <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: #Story</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>
</div>
</body>
</html>

View File

@ -1,8 +1,19 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Story on Privacynerd's blog</title><link>https://blog.privacynerd.de/en/tags/story/</link><description>Recent content in Story on Privacynerd'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>This is just a random story, generated by ChatGPT, used to test the reading speed and adjust it to a comfortable value.&lt;/p> <?xml version="1.0" encoding="utf-8" standalone="yes"?>
&lt;h2 id="german-prompt">German prompt&lt;/h2> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
&lt;p>Tell a story with around 200 words.&lt;/p> <channel>
&lt;h2 id="answer-translated-to-english">Answer, translated to english&lt;/h2> <title>Story on Privacynerd&#39;s blog</title>
&lt;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.” <link>https://blog.privacynerd.de/en/tags/story/</link>
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. <description>Recent content in Story on Privacynerd&#39;s blog</description>
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. <generator>Hugo</generator>
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></description></item></channel></rss> <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>

View File

@ -1,2 +1,10 @@
<!doctype html><html lang=en><head><title>https://blog.privacynerd.de/en/tags/story/</title> <!DOCTYPE html>
<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> <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>

View File

@ -1,6 +1,324 @@
<!doctype html><html lang=en><head><title>Styling :: Privacynerd's blog</title> <!DOCTYPE html>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.privacynerd.de/en/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'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's blog"><style>#banner{width:100%;height:2rem;display:grid;grid-template-columns:1fr auto;background:var(--accent)}#banner span{display:flex;align-items:center;justify-content:center}#banner a{color:var(--background);display:inline}#banner>button{padding:0 5px 0 0;margin:0}</style><div id=banner><span><a href=https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de>Construction site 🚧 | Work in progress</a></span></div></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/en><div class=logo>Privacynerd's blog</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu&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: #Styling</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 & Radek</span></div><span class=post-tags>#<a href=https://blog.privacynerd.de/en/tags/showcase/>showcase</a>&nbsp; <html lang="en">
#<a href=https://blog.privacynerd.de/en/tags/markdown/>markdown</a>&nbsp; <head>
#<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> <title>Styling :: Privacynerd&#39;s blog</title>
<span>:: <a href=https://github.com/panr/hugo-theme-terminal target=_blank>Theme</a> made by <a href=https://github.com/panr target=_blank>panr</a> (customized)</span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://blog.privacynerd.de/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: #Styling</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>
</div>
</body>
</html>

View File

@ -1 +1,19 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Styling on Privacynerd's blog</title><link>https://blog.privacynerd.de/en/tags/styling/</link><description>Recent content in Styling on Privacynerd'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>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></description></item></channel></rss> <?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>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>

View File

@ -1,2 +1,10 @@
<!doctype html><html lang=en><head><title>https://blog.privacynerd.de/en/tags/styling/</title> <!DOCTYPE html>
<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> <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>

View File

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

View File

@ -1 +1,18 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?><sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"><sitemap><loc>https://blog.privacynerd.de/en/sitemap.xml</loc><lastmod>2025-04-09T07:17:39+02:00</lastmod></sitemap><sitemap><loc>https://blog.privacynerd.de/de/sitemap.xml</loc><lastmod>2025-04-09T07:17:39+02:00</lastmod></sitemap></sitemapindex> <?xml version="1.0" encoding="utf-8" standalone="yes"?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<sitemap>
<loc>https://blog.privacynerd.de/en/sitemap.xml</loc>
<lastmod>2025-04-09T07:17:39+02:00</lastmod>
</sitemap>
<sitemap>
<loc>https://blog.privacynerd.de/de/sitemap.xml</loc>
<lastmod>2025-04-09T07:17:39+02:00</lastmod>
</sitemap>
</sitemapindex>

@ -1 +1 @@
Subproject commit bfaf4a7c3ccab42940ee707e80106bd3a7e444cb Subproject commit 14c8acafc82ea4b2f54f97ebab9b11d8216be916