diff --git a/Makefile b/Makefile
index c6c978d..163ae5a 100644
--- a/Makefile
+++ b/Makefile
@@ -9,19 +9,17 @@ INSTALLDIR_ANSI := public_ansi/
 ARTICLEDIR := articles
 PANDOCDIR := pandoc
 STYLEDIR := styles
-SCRIPTDIR := scripts
 IMAGEDIR := images
 
 # The name of the stylesheet. This needs to be copied to any directory containing html files that use it.
 style := $(STYLEDIR)/style.css
-syntax_style := $(PANDOCDIR)/solarized.theme
 
 # Main html template that pandoc uses to generate .html from .md files
-template_html := $(PANDOCDIR)/html-template.html
-template_ansi := $(PANDOCDIR)/ansi-template
-template_rss := $(PANDOCDIR)/rss-template.xml
+template_html := $(PANDOCDIR)/template.html
+template_ansi := $(PANDOCDIR)/template
+
 # Template for extracting metadata of .md files in json format
-list_template := $(PANDOCDIR)/metadata-template.json
+list_template := $(PANDOCDIR)/meta-json-template.txt
 
 # Location of the shark.js
 shark_js := $(PANDOCDIR)/shark.js
@@ -35,10 +33,10 @@ articles_md := $(wildcard $(SRCDIR)/$(ARTICLEDIR)/*.md)
 articles_html := $(patsubst $(SRCDIR)/%.md, $(BUILDDIR)/%.html, $(articles_md))
 articles_ansi := $(patsubst $(SRCDIR)/%.md, $(BUILDDIR)/%, $(articles_md))
 
-all: $(BUILDDIR)/index.html $(BUILDDIR)/index $(BUILDDIR)/rss.xml
+all: $(BUILDDIR)/index.html $(BUILDDIR)/index
 
 install:
-	cp -r $(BUILDDIR)/index.html $(BUILDDIR)/rss.xml $(articles_html) $(STYLEDIR) $(SCRIPTDIR) $(IMAGEDIR) $(INSTALLDIR_HTML); \
+	cp -r $(BUILDDIR)/index.html $(articles_html) $(STYLEDIR) $(IMAGEDIR) $(INSTALLDIR_HTML); \
 	cp -r $(BUILDDIR)/index $(articles_ansi) $(INSTALLDIR_ANSI);
 
 clean:
@@ -49,28 +47,23 @@ $(BUILDDIR):
 	mkdir $(BUILDDIR) $(BUILDDIR)/$(ARTICLEDIR)
 
 $(BUILDDIR)/$(ARTICLEDIR)/%.html: $(SRCDIR)/$(ARTICLEDIR)/%.md | $(BUILDDIR)
-	jq 'del(.articles[] | select(.filename == "$(patsubst %.html,%,$(notdir $@))"))' $(article_list) > articles.json.tmp; \
-	mv articles.json.tmp $(article_list); \
+	jq 'del(.articles[] | select(.filename == "$(notdir $@)"))' $(article_list) > articles.json.tmp; \
+	mv ./articles.json.tmp $(article_list); \
+
 	# Build articles using pandoc
-	pandoc $< --template $(template_html) --css $(style) --highlight-style $(syntax_style) --mathml --toc --output $@; \
+	pandoc $< --template $(template_html) --css $(style) --highlight-style zenburn --mathml --toc --output $@; \
+	
 	# Extract metadata from .md file, append filename field to the article object.
 	# This is used to link to the article from index.html. Append article object to the article list.
-	jq '.articles += [$(shell pandoc $< --template $(list_template) | jq '. += {"filename": "$(patsubst %.html,%,$(notdir $@))", "pubdate": "$(shell date -d $(shell pandoc $< --template $(list_template) | jq '.date') --rfc-2822)"}')]' $(article_list) > articles.json.tmp; \
-	mv articles.json.tmp $(article_list);
-	
+	jq '.articles += [$(shell pandoc $< --template $(list_template) | jq '. += {"filename": "$(patsubst %.html, %, $(notdir $@))"}')]' $(article_list) > articles.json.tmp; \
+	mv ./articles.json.tmp $(article_list); \
 
 $(BUILDDIR)/$(ARTICLEDIR)/%: $(SRCDIR)/$(ARTICLEDIR)/%.md | $(BUILDDIR)
 	pandoc $< --template $(template_ansi) --to ansi --output $@
 
 $(BUILDDIR)/index.html: $(SRCDIR)/index.md $(articles_html) | $(BUILDDIR)
-	# Sort articles decending by date (date need to be in ISO 8601 format)
-	jq '.articles |= sort_by(.date) | .articles |= reverse' ${article_list} > articles.json.tmp; \
-	mv articles.json.tmp ${article_list}; \
 	# Build index.html with metadata injected from articles_list
-	pandoc $< --template $(template_html) --css $(style) --metadata-file $(article_list) --highlight-style $(syntax_style) --mathml --toc --output $@;
+	pandoc $< --template $(template_html) --include-after-body $(shark_js) --css $(style) --metadata-file $(article_list) --highlight-style zenburn --mathml --toc --output $@; \
 
 $(BUILDDIR)/index: $(SRCDIR)/index.md $(articles_ansi) | $(BUILDDIR)
 	pandoc $< --template $(template_ansi) --metadata-file $(article_list) --to ansi --output $@
-
-$(BUILDDIR)/rss.xml: $(SRCDIR)/rss.md $(articles_html) | $(BUILDDIR)
-	pandoc $< --template $(template_rss) --metadata-file $(article_list) --metadata=pubdate:"$(shell jq -r '.articles[0] | .pubdate' $(article_list))" --metadata=builddate:"$(shell date --rfc-2822)" --to html --output $@
diff --git a/build/articles/latex-endeavors b/build/articles/latex-endeavors
index f6e4efd..27d3079 100644
--- a/build/articles/latex-endeavors
+++ b/build/articles/latex-endeavors
@@ -3,7 +3,7 @@
                                     
                                  Never
                                     
-                               2026-01-09
+                                9.1.2026
                                     
                           ────────────────────
 
diff --git a/build/articles/latex-endeavors.html b/build/articles/latex-endeavors.html
index f756c00..6e860b1 100644
--- a/build/articles/latex-endeavors.html
+++ b/build/articles/latex-endeavors.html
@@ -1,49 +1,44 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="" >
-
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
-	<meta charset="utf-8" />
-	<meta name="generator" content="pandoc" />
-	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
-		<meta name="author" content="Never" />
-			<meta name="dcterms.date" content="2026-01-09" />
-				<title>Latex Endeavors</title>
-	<link rel="icon" type="image/x-icon" href="images/favicon.png">
-	<link rel="alternate" type="application/rss+xml" title="nevereverever.de" href="https://nevereverever.de/eh/eh/eh/eh-eh/rss.xml">
-	<style>
-		code{white-space: pre-wrap;}
-span.smallcaps{font-variant: small-caps;}
-div.columns{display: flex; gap: min(4vw, 1.5em);}
-div.column{flex: auto; overflow-x: auto;}
-div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
-/* The extra [class] is a hack that increases specificity enough to
-   override a similar rule in reveal.js */
-ul.task-list[class]{list-style: none;}
-ul.task-list li input[type="checkbox"] {
-  font-size: inherit;
-  width: 0.8em;
-  margin: 0 0.8em 0.2em -1.6em;
-  vertical-align: middle;
-}
-	</style>
-		<link rel="stylesheet" href="styles/style.css">
-			</head>
-
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <meta name="author" content="Never" />
+  <title>Latex Endeavors</title>
+  <link rel="icon" type="image/x-icon" href="images/favicon.png">
+  <style>
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+  </style>
+  <link rel="stylesheet" href="styles/style.css">
+</head>
 <body>
-		<img id="shork" src="images/shork.png"></img>
-	<header id="page-header">
-		<a class="page-header-button" href="index.html">Home</a>
-		<a class="rss-button" href="rss.xml">RSS Feed</a>
-	</header>
-	<main id="page">
-				<header id="title-block-header">
-			<h1 class="title">Latex Endeavors</h1>
-						<p class="subtitle">Some unintuitive quirks of Latex</p>
-									<p class="author">Never</p>
-									<p class="date">2026-01-09</p>
-								</header>
-						<nav id="TOC" role="doc-toc">
-						<ul>
+<canvas id="tv-screen"></canvas>
+<header id="page-header">
+<ul><li><a href="index.html">Home</a></li></ul>
+</header>
+<header id="title-block-header">
+<h1 class="title">Latex Endeavors</h1>
+<p class="subtitle">Some unintuitive quirks of Latex</p>
+<p class="author">Never</p>
+<p class="date">9.1.2026</p>
+</header>
+<section id="content">
+<nav id="TOC" role="doc-toc">
+<ul>
 <li><a href="#biblatex-and-biber" id="toc-biblatex-and-biber">BibLaTeX
 and Biber</a>
 <ul>
@@ -51,26 +46,23 @@ and Biber</a>
 run</a></li>
 </ul></li>
 </ul>
-		</nav>
-				<article>
-			<h1 id="biblatex-and-biber">BibLaTeX and Biber</h1>
+</nav>
+<article>
+<h1 id="biblatex-and-biber">BibLaTeX and Biber</h1>
 <h2 id="biber-doesnt-run">Biber doesn’t run</h2>
 <p>Biber doens’t run if the (fedora) package
 <code>libxcrypt-compat</code> is missing. It will fail with the error
 message</p>
 <pre><code>biber: error while loading shared libraries: libcrypt.so.1: cannot open shared object file: No such file or directory</code></pre>
-		</article>
-			</main>
-	<footer id="page-footer">
-		<nav id="webring">
-			<a href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous"
-					src="images/cups_left_dark.svg" width="30" height="30"></a>
-			<a href="https://cups.teabucket.eu/" target="_parent"><img alt="CUPS" src="images/cups_logo_dark.svg"
-					width="120" height="60"></a>
-			<a href="https://cups.teabucket.eu/next?from=never" target="_parent"><img alt="Next"
-					src="images/cups_right_dark.svg" width="30" height="30"></a>
-		</nav>
-	</footer>
-	</body>
-<script src="scripts/shork.js"></script>
+</article>
+</section>
+<footer id="page-footer">
+<!-- <embed type="text/html" src="https://cups.teabucket.eu/embed?from=never" style="width:320px; height: 120px; scale: 0.66;"> -->
+<p class="cups-light">
+<a href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous" src="images/cups_left.svg" width="30" height="30"></a>
+<a href="https://cups.teabucket.eu/" target="_parent"><img alt="CUPS" src="images/cups_logo.svg" width="120" height="60"></a>
+<a href="https://cups.teabucket.eu/next?from=never" target="_parent"><img alt="Next" src="images/cups_right.svg" width="30" height="30"></a>
+</p>
+</footer>
+</body>
 </html>
diff --git a/build/articles/random-linux-utils b/build/articles/random-linux-utils
index 331d419..359dd0b 100644
--- a/build/articles/random-linux-utils
+++ b/build/articles/random-linux-utils
@@ -3,7 +3,7 @@
                                     
                                  Never
                                     
-                               2025-07-25
+                               25.7.2025
                                     
                           ────────────────────
 
diff --git a/build/articles/random-linux-utils.html b/build/articles/random-linux-utils.html
index ace63a8..a04f711 100644
--- a/build/articles/random-linux-utils.html
+++ b/build/articles/random-linux-utils.html
@@ -1,125 +1,117 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="" >
-
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
-	<meta charset="utf-8" />
-	<meta name="generator" content="pandoc" />
-	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
-		<meta name="author" content="Never" />
-			<meta name="dcterms.date" content="2025-07-25" />
-				<title>Random linux utilities</title>
-	<link rel="icon" type="image/x-icon" href="images/favicon.png">
-	<link rel="alternate" type="application/rss+xml" title="nevereverever.de" href="https://nevereverever.de/eh/eh/eh/eh-eh/rss.xml">
-	<style>
-		code{white-space: pre-wrap;}
-span.smallcaps{font-variant: small-caps;}
-div.columns{display: flex; gap: min(4vw, 1.5em);}
-div.column{flex: auto; overflow-x: auto;}
-div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
-/* The extra [class] is a hack that increases specificity enough to
-   override a similar rule in reveal.js */
-ul.task-list[class]{list-style: none;}
-ul.task-list li input[type="checkbox"] {
-  font-size: inherit;
-  width: 0.8em;
-  margin: 0 0.8em 0.2em -1.6em;
-  vertical-align: middle;
-}
-/* CSS for syntax highlighting */
-html { -webkit-text-size-adjust: 100%; }
-pre > code.sourceCode { white-space: pre; position: relative; }
-pre > code.sourceCode > span { display: inline-block; line-height: 1.25; }
-pre > code.sourceCode > span:empty { height: 1.2em; }
-.sourceCode { overflow: visible; }
-code.sourceCode > span { color: inherit; text-decoration: inherit; }
-div.sourceCode { margin: 1em 0; }
-pre.sourceCode { margin: 0; }
-@media screen {
-div.sourceCode { overflow: auto; }
-}
-@media print {
-pre > code.sourceCode { white-space: pre-wrap; }
-pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
-}
-pre.numberSource code
-  { counter-reset: source-line 0; }
-pre.numberSource code > span
-  { position: relative; left: -4em; counter-increment: source-line; }
-pre.numberSource code > span > a:first-child::before
-  { content: counter(source-line);
-    position: relative; left: -1em; text-align: right; vertical-align: baseline;
-    border: none; display: inline-block;
-    -webkit-touch-callout: none; -webkit-user-select: none;
-    -khtml-user-select: none; -moz-user-select: none;
-    -ms-user-select: none; user-select: none;
-    padding: 0 4px; width: 4em;
-    background-color: #073642;
-    color: #586e75;
-  }
-pre.numberSource { margin-left: 3em; border-left: 1px solid #586e75;  padding-left: 4px; }
-div.sourceCode
-  { color: #839496; background-color: #002b36; }
-@media screen {
-pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
-}
-code span.al { color: #d33682; } /* Alert */
-code span.an { color: #dc322f; } /* Annotation */
-code span.at { color: #dc322f; } /* Attribute */
-code span.bn { color: #2aa198; } /* BaseN */
-code span.bu { color: #b58900; } /* BuiltIn */
-code span.cf { color: #859900; } /* ControlFlow */
-code span.ch { color: #2aa198; } /* Char */
-code span.cn { color: #b58900; } /* Constant */
-code span.co { color: #586e75; font-style: italic; } /* Comment */
-code span.cv { color: #268bd2; } /* CommentVar */
-code span.do { color: #586e75; font-style: italic; } /* Documentation */
-code span.dt { color: #b58900; } /* DataType */
-code span.dv { color: #2aa198; } /* DecVal */
-code span.er { color: #dc322f; text-decoration: underline; } /* Error */
-code span.ex { color: #b58900; } /* Extension */
-code span.fl { color: #2aa198; } /* Float */
-code span.fu { } /* Function */
-code span.im { color: #cb4b16; } /* Import */
-code span.in { color: #268bd2; } /* Information */
-code span.kw { color: #93a1a1; font-weight: bold; } /* Keyword */
-code span.op { } /* Operator */
-code span.ot { } /* Other */
-code span.pp { color: #cb4b16; } /* Preprocessor */
-code span.re { color: #cb4b16; } /* RegionMarker */
-code span.sc { color: #dc322f; } /* SpecialChar */
-code span.ss { color: #b58900; } /* SpecialString */
-code span.st { color: #2aa198; } /* String */
-code span.va { color: #cb4b16; } /* Variable */
-code span.vs { color: #dc322f; } /* VerbatimString */
-code span.wa { color: #b58900; } /* Warning */
-	</style>
-		<link rel="stylesheet" href="styles/style.css">
-			</head>
-
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <meta name="author" content="Never" />
+  <title>Random linux utilities</title>
+  <link rel="icon" type="image/x-icon" href="images/favicon.png">
+  <style>
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+    /* CSS for syntax highlighting */
+    html { -webkit-text-size-adjust: 100%; }
+    pre > code.sourceCode { white-space: pre; position: relative; }
+    pre > code.sourceCode > span { display: inline-block; line-height: 1.25; }
+    pre > code.sourceCode > span:empty { height: 1.2em; }
+    .sourceCode { overflow: visible; }
+    code.sourceCode > span { color: inherit; text-decoration: inherit; }
+    div.sourceCode { margin: 1em 0; }
+    pre.sourceCode { margin: 0; }
+    @media screen {
+    div.sourceCode { overflow: auto; }
+    }
+    @media print {
+    pre > code.sourceCode { white-space: pre-wrap; }
+    pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
+    }
+    pre.numberSource code
+      { counter-reset: source-line 0; }
+    pre.numberSource code > span
+      { position: relative; left: -4em; counter-increment: source-line; }
+    pre.numberSource code > span > a:first-child::before
+      { content: counter(source-line);
+        position: relative; left: -1em; text-align: right; vertical-align: baseline;
+        border: none; display: inline-block;
+        -webkit-touch-callout: none; -webkit-user-select: none;
+        -khtml-user-select: none; -moz-user-select: none;
+        -ms-user-select: none; user-select: none;
+        padding: 0 4px; width: 4em;
+      }
+    pre.numberSource { margin-left: 3em;  padding-left: 4px; }
+    div.sourceCode
+      { color: #cccccc; background-color: #303030; }
+    @media screen {
+    pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
+    }
+    code span.al { color: #ffcfaf; } /* Alert */
+    code span.an { color: #7f9f7f; font-weight: bold; } /* Annotation */
+    code span.at { } /* Attribute */
+    code span.bn { color: #dca3a3; } /* BaseN */
+    code span.bu { } /* BuiltIn */
+    code span.cf { color: #f0dfaf; } /* ControlFlow */
+    code span.ch { color: #dca3a3; } /* Char */
+    code span.cn { color: #dca3a3; font-weight: bold; } /* Constant */
+    code span.co { color: #7f9f7f; } /* Comment */
+    code span.cv { color: #7f9f7f; font-weight: bold; } /* CommentVar */
+    code span.do { color: #7f9f7f; } /* Documentation */
+    code span.dt { color: #dfdfbf; } /* DataType */
+    code span.dv { color: #dcdccc; } /* DecVal */
+    code span.er { color: #c3bf9f; } /* Error */
+    code span.ex { } /* Extension */
+    code span.fl { color: #c0bed1; } /* Float */
+    code span.fu { color: #efef8f; } /* Function */
+    code span.im { } /* Import */
+    code span.in { color: #7f9f7f; font-weight: bold; } /* Information */
+    code span.kw { color: #f0dfaf; } /* Keyword */
+    code span.op { color: #f0efd0; } /* Operator */
+    code span.ot { color: #efef8f; } /* Other */
+    code span.pp { color: #ffcfaf; font-weight: bold; } /* Preprocessor */
+    code span.sc { color: #dca3a3; } /* SpecialChar */
+    code span.ss { color: #cc9393; } /* SpecialString */
+    code span.st { color: #cc9393; } /* String */
+    code span.va { } /* Variable */
+    code span.vs { color: #cc9393; } /* VerbatimString */
+    code span.wa { color: #7f9f7f; font-weight: bold; } /* Warning */
+  </style>
+  <link rel="stylesheet" href="styles/style.css">
+</head>
 <body>
-		<img id="shork" src="images/shork.png"></img>
-	<header id="page-header">
-		<a class="page-header-button" href="index.html">Home</a>
-		<a class="rss-button" href="rss.xml">RSS Feed</a>
-	</header>
-	<main id="page">
-				<header id="title-block-header">
-			<h1 class="title">Random linux utilities</h1>
-						<p class="subtitle">Neat things I picked up along the way</p>
-									<p class="author">Never</p>
-									<p class="date">2025-07-25</p>
-								</header>
-						<nav id="TOC" role="doc-toc">
-						<ul>
+<canvas id="tv-screen"></canvas>
+<header id="page-header">
+<ul><li><a href="index.html">Home</a></li></ul>
+</header>
+<header id="title-block-header">
+<h1 class="title">Random linux utilities</h1>
+<p class="subtitle">Neat things I picked up along the way</p>
+<p class="author">Never</p>
+<p class="date">25.7.2025</p>
+</header>
+<section id="content">
+<nav id="TOC" role="doc-toc">
+<ul>
 <li><a href="#merge-pdfs" id="toc-merge-pdfs">Merge pdfs</a>
 <ul>
 <li><a href="#using-ghostscript" id="toc-using-ghostscript">Using
 Ghostscript</a></li>
 </ul></li>
 </ul>
-		</nav>
-				<article>
-			<h1 id="merge-pdfs">Merge pdfs</h1>
+</nav>
+<article>
+<h1 id="merge-pdfs">Merge pdfs</h1>
 <h2 id="using-ghostscript">Using Ghostscript</h2>
 <p>Ghostscript has a feature to merge multiple pdf files into one.
 Although ImageMagick also has this feature, I prefer this one, as it
@@ -128,18 +120,15 @@ doesn’t rasterize and scales down the pdf files.</p>
 class="sourceCode bash"><code class="sourceCode bash"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="fu">gs</span> <span class="at">-dNOPAUSE</span> <span class="at">-sDEVICE</span><span class="op">=</span>pdfwrite <span class="dt">\</span></span>
 <span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a>    <span class="at">-sOUTPUTFILE</span><span class="op">=</span>output.pdf <span class="dt">\</span></span>
 <span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a>    <span class="at">-dBATCH</span> 1.pdf 2.pdf</span></code></pre></div>
-		</article>
-			</main>
-	<footer id="page-footer">
-		<nav id="webring">
-			<a href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous"
-					src="images/cups_left_dark.svg" width="30" height="30"></a>
-			<a href="https://cups.teabucket.eu/" target="_parent"><img alt="CUPS" src="images/cups_logo_dark.svg"
-					width="120" height="60"></a>
-			<a href="https://cups.teabucket.eu/next?from=never" target="_parent"><img alt="Next"
-					src="images/cups_right_dark.svg" width="30" height="30"></a>
-		</nav>
-	</footer>
-	</body>
-<script src="scripts/shork.js"></script>
+</article>
+</section>
+<footer id="page-footer">
+<!-- <embed type="text/html" src="https://cups.teabucket.eu/embed?from=never" style="width:320px; height: 120px; scale: 0.66;"> -->
+<p class="cups-light">
+<a href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous" src="images/cups_left.svg" width="30" height="30"></a>
+<a href="https://cups.teabucket.eu/" target="_parent"><img alt="CUPS" src="images/cups_logo.svg" width="120" height="60"></a>
+<a href="https://cups.teabucket.eu/next?from=never" target="_parent"><img alt="Next" src="images/cups_right.svg" width="30" height="30"></a>
+</p>
+</footer>
+</body>
 </html>
diff --git a/build/articles/rsync-android b/build/articles/rsync-android
index 5e96bd6..4f04da1 100644
--- a/build/articles/rsync-android
+++ b/build/articles/rsync-android
@@ -2,7 +2,7 @@
                                     
                                  Never
                                     
-                               2026-01-12
+                               12.01.2026
                                     
                           ────────────────────
 
@@ -89,4 +89,28 @@ config.
 Now on your Linux machine, syncronise your Music library with rsync.
 
     rsync -av -e "ssh -p 8022" ~/Music <username>@<ip_address>:/data/data/com.termux/files/home/storage/music
+
+Refreshing the Android MediaStore
+
+Android uses a Database to store files. In order to play your music,
+this database needs to be refreshed. This can be achieved by a reboot or
+by using adb to manually refresh it.
+
+    sudo dnf install adb
+
+Connect the Android device via USB and see if it is listed.
+
+    adb devices
+
+If it is, restart adb in TCP mode with port 5555
+
+    adb tcpip 5555
+
+Connect to the device using its .
+
+    adb connect <ip_address>
+
+Refresh MediaStore.
+
+    adb shell am broadcast -a android.intent.action.MEDIA_SCANNER_SCAN -d file:///data/data/com.termux/files/home/storage/music/
 ]8;;\
\ No newline at end of file
diff --git a/build/articles/rsync-android.html b/build/articles/rsync-android.html
index f09bfad..d291267 100644
--- a/build/articles/rsync-android.html
+++ b/build/articles/rsync-android.html
@@ -1,116 +1,108 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="" >
-
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
-	<meta charset="utf-8" />
-	<meta name="generator" content="pandoc" />
-	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
-		<meta name="author" content="Never" />
-			<meta name="dcterms.date" content="2026-01-12" />
-				<title>Using rsync on Android to syncronise my Music library</title>
-	<link rel="icon" type="image/x-icon" href="images/favicon.png">
-	<link rel="alternate" type="application/rss+xml" title="nevereverever.de" href="https://nevereverever.de/eh/eh/eh/eh-eh/rss.xml">
-	<style>
-		code{white-space: pre-wrap;}
-span.smallcaps{font-variant: small-caps;}
-div.columns{display: flex; gap: min(4vw, 1.5em);}
-div.column{flex: auto; overflow-x: auto;}
-div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
-/* The extra [class] is a hack that increases specificity enough to
-   override a similar rule in reveal.js */
-ul.task-list[class]{list-style: none;}
-ul.task-list li input[type="checkbox"] {
-  font-size: inherit;
-  width: 0.8em;
-  margin: 0 0.8em 0.2em -1.6em;
-  vertical-align: middle;
-}
-/* CSS for syntax highlighting */
-html { -webkit-text-size-adjust: 100%; }
-pre > code.sourceCode { white-space: pre; position: relative; }
-pre > code.sourceCode > span { display: inline-block; line-height: 1.25; }
-pre > code.sourceCode > span:empty { height: 1.2em; }
-.sourceCode { overflow: visible; }
-code.sourceCode > span { color: inherit; text-decoration: inherit; }
-div.sourceCode { margin: 1em 0; }
-pre.sourceCode { margin: 0; }
-@media screen {
-div.sourceCode { overflow: auto; }
-}
-@media print {
-pre > code.sourceCode { white-space: pre-wrap; }
-pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
-}
-pre.numberSource code
-  { counter-reset: source-line 0; }
-pre.numberSource code > span
-  { position: relative; left: -4em; counter-increment: source-line; }
-pre.numberSource code > span > a:first-child::before
-  { content: counter(source-line);
-    position: relative; left: -1em; text-align: right; vertical-align: baseline;
-    border: none; display: inline-block;
-    -webkit-touch-callout: none; -webkit-user-select: none;
-    -khtml-user-select: none; -moz-user-select: none;
-    -ms-user-select: none; user-select: none;
-    padding: 0 4px; width: 4em;
-    background-color: #073642;
-    color: #586e75;
-  }
-pre.numberSource { margin-left: 3em; border-left: 1px solid #586e75;  padding-left: 4px; }
-div.sourceCode
-  { color: #839496; background-color: #002b36; }
-@media screen {
-pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
-}
-code span.al { color: #d33682; } /* Alert */
-code span.an { color: #dc322f; } /* Annotation */
-code span.at { color: #dc322f; } /* Attribute */
-code span.bn { color: #2aa198; } /* BaseN */
-code span.bu { color: #b58900; } /* BuiltIn */
-code span.cf { color: #859900; } /* ControlFlow */
-code span.ch { color: #2aa198; } /* Char */
-code span.cn { color: #b58900; } /* Constant */
-code span.co { color: #586e75; font-style: italic; } /* Comment */
-code span.cv { color: #268bd2; } /* CommentVar */
-code span.do { color: #586e75; font-style: italic; } /* Documentation */
-code span.dt { color: #b58900; } /* DataType */
-code span.dv { color: #2aa198; } /* DecVal */
-code span.er { color: #dc322f; text-decoration: underline; } /* Error */
-code span.ex { color: #b58900; } /* Extension */
-code span.fl { color: #2aa198; } /* Float */
-code span.fu { } /* Function */
-code span.im { color: #cb4b16; } /* Import */
-code span.in { color: #268bd2; } /* Information */
-code span.kw { color: #93a1a1; font-weight: bold; } /* Keyword */
-code span.op { } /* Operator */
-code span.ot { } /* Other */
-code span.pp { color: #cb4b16; } /* Preprocessor */
-code span.re { color: #cb4b16; } /* RegionMarker */
-code span.sc { color: #dc322f; } /* SpecialChar */
-code span.ss { color: #b58900; } /* SpecialString */
-code span.st { color: #2aa198; } /* String */
-code span.va { color: #cb4b16; } /* Variable */
-code span.vs { color: #dc322f; } /* VerbatimString */
-code span.wa { color: #b58900; } /* Warning */
-	</style>
-		<link rel="stylesheet" href="styles/style.css">
-			</head>
-
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <meta name="author" content="Never" />
+  <title>Using rsync on Android to syncronise my Music library</title>
+  <link rel="icon" type="image/x-icon" href="images/favicon.png">
+  <style>
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+    /* CSS for syntax highlighting */
+    html { -webkit-text-size-adjust: 100%; }
+    pre > code.sourceCode { white-space: pre; position: relative; }
+    pre > code.sourceCode > span { display: inline-block; line-height: 1.25; }
+    pre > code.sourceCode > span:empty { height: 1.2em; }
+    .sourceCode { overflow: visible; }
+    code.sourceCode > span { color: inherit; text-decoration: inherit; }
+    div.sourceCode { margin: 1em 0; }
+    pre.sourceCode { margin: 0; }
+    @media screen {
+    div.sourceCode { overflow: auto; }
+    }
+    @media print {
+    pre > code.sourceCode { white-space: pre-wrap; }
+    pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
+    }
+    pre.numberSource code
+      { counter-reset: source-line 0; }
+    pre.numberSource code > span
+      { position: relative; left: -4em; counter-increment: source-line; }
+    pre.numberSource code > span > a:first-child::before
+      { content: counter(source-line);
+        position: relative; left: -1em; text-align: right; vertical-align: baseline;
+        border: none; display: inline-block;
+        -webkit-touch-callout: none; -webkit-user-select: none;
+        -khtml-user-select: none; -moz-user-select: none;
+        -ms-user-select: none; user-select: none;
+        padding: 0 4px; width: 4em;
+      }
+    pre.numberSource { margin-left: 3em;  padding-left: 4px; }
+    div.sourceCode
+      { color: #cccccc; background-color: #303030; }
+    @media screen {
+    pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
+    }
+    code span.al { color: #ffcfaf; } /* Alert */
+    code span.an { color: #7f9f7f; font-weight: bold; } /* Annotation */
+    code span.at { } /* Attribute */
+    code span.bn { color: #dca3a3; } /* BaseN */
+    code span.bu { } /* BuiltIn */
+    code span.cf { color: #f0dfaf; } /* ControlFlow */
+    code span.ch { color: #dca3a3; } /* Char */
+    code span.cn { color: #dca3a3; font-weight: bold; } /* Constant */
+    code span.co { color: #7f9f7f; } /* Comment */
+    code span.cv { color: #7f9f7f; font-weight: bold; } /* CommentVar */
+    code span.do { color: #7f9f7f; } /* Documentation */
+    code span.dt { color: #dfdfbf; } /* DataType */
+    code span.dv { color: #dcdccc; } /* DecVal */
+    code span.er { color: #c3bf9f; } /* Error */
+    code span.ex { } /* Extension */
+    code span.fl { color: #c0bed1; } /* Float */
+    code span.fu { color: #efef8f; } /* Function */
+    code span.im { } /* Import */
+    code span.in { color: #7f9f7f; font-weight: bold; } /* Information */
+    code span.kw { color: #f0dfaf; } /* Keyword */
+    code span.op { color: #f0efd0; } /* Operator */
+    code span.ot { color: #efef8f; } /* Other */
+    code span.pp { color: #ffcfaf; font-weight: bold; } /* Preprocessor */
+    code span.sc { color: #dca3a3; } /* SpecialChar */
+    code span.ss { color: #cc9393; } /* SpecialString */
+    code span.st { color: #cc9393; } /* String */
+    code span.va { } /* Variable */
+    code span.vs { color: #cc9393; } /* VerbatimString */
+    code span.wa { color: #7f9f7f; font-weight: bold; } /* Warning */
+  </style>
+  <link rel="stylesheet" href="styles/style.css">
+</head>
 <body>
-		<img id="shork" src="images/shork.png"></img>
-	<header id="page-header">
-		<a class="page-header-button" href="index.html">Home</a>
-		<a class="rss-button" href="rss.xml">RSS Feed</a>
-	</header>
-	<main id="page">
-				<header id="title-block-header">
-			<h1 class="title">Using rsync on Android to syncronise my Music
+<canvas id="tv-screen"></canvas>
+<header id="page-header">
+<ul><li><a href="index.html">Home</a></li></ul>
+</header>
+<header id="title-block-header">
+<h1 class="title">Using rsync on Android to syncronise my Music
 library</h1>
-									<p class="author">Never</p>
-									<p class="date">2026-01-12</p>
-								</header>
-						<nav id="TOC" role="doc-toc">
-						<ul>
+<p class="author">Never</p>
+<p class="date">12.01.2026</p>
+</header>
+<section id="content">
+<nav id="TOC" role="doc-toc">
+<ul>
 <li><a href="#setup-termux" id="toc-setup-termux">Setup Termux</a></li>
 <li><a href="#establishing-an-ssh-connection"
 id="toc-establishing-an-ssh-connection">Establishing an ssh
@@ -123,12 +115,16 @@ id="toc-connecting-to-android-via-ssh">Connecting to Android via
 ssh</a></li>
 </ul></li>
 <li><a href="#syncronising-files-with-rsync"
-id="toc-syncronising-files-with-rsync">Syncronising files with
-rsync</a></li>
+id="toc-syncronising-files-with-rsync">Syncronising files with rsync</a>
+<ul>
+<li><a href="#refreshing-the-android-mediastore"
+id="toc-refreshing-the-android-mediastore">Refreshing the Android
+MediaStore</a></li>
+</ul></li>
 </ul>
-		</nav>
-				<article>
-			<h1 id="setup-termux">Setup Termux</h1>
+</nav>
+<article>
+<h1 id="setup-termux">Setup Termux</h1>
 <p>Install Termux using F-Droid.</p>
 <p>Update software repos.</p>
 <div class="sourceCode" id="cb1"><pre class="sourceCode sh"><code class="sourceCode bash"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="ex">pkg</span> update</span></code></pre></div>
@@ -186,18 +182,34 @@ class="sourceCode sh"><code class="sourceCode bash"><span id="cb12-1"><a href="#
 rsync.</p>
 <div class="sourceCode" id="cb13"><pre
 class="sourceCode sh"><code class="sourceCode bash"><span id="cb13-1"><a href="#cb13-1" aria-hidden="true" tabindex="-1"></a><span class="fu">rsync</span> <span class="at">-av</span> <span class="at">-e</span> <span class="st">&quot;ssh -p 8022&quot;</span> ~/Music <span class="op">&lt;</span>username<span class="op">&gt;</span>@<span class="op">&lt;</span>ip_address<span class="op">&gt;</span>:/data/data/com.termux/files/home/storage/music</span></code></pre></div>
-		</article>
-			</main>
-	<footer id="page-footer">
-		<nav id="webring">
-			<a href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous"
-					src="images/cups_left_dark.svg" width="30" height="30"></a>
-			<a href="https://cups.teabucket.eu/" target="_parent"><img alt="CUPS" src="images/cups_logo_dark.svg"
-					width="120" height="60"></a>
-			<a href="https://cups.teabucket.eu/next?from=never" target="_parent"><img alt="Next"
-					src="images/cups_right_dark.svg" width="30" height="30"></a>
-		</nav>
-	</footer>
-	</body>
-<script src="scripts/shork.js"></script>
+<h2 id="refreshing-the-android-mediastore">Refreshing the Android
+MediaStore</h2>
+<p>Android uses a Database to store files. In order to play your music,
+this database needs to be refreshed. This can be achieved by a reboot or
+by using adb to manually refresh it.</p>
+<div class="sourceCode" id="cb14"><pre
+class="sourceCode sh"><code class="sourceCode bash"><span id="cb14-1"><a href="#cb14-1" aria-hidden="true" tabindex="-1"></a><span class="fu">sudo</span> dnf install adb</span></code></pre></div>
+<p>Connect the Android device via USB and see if it is listed.</p>
+<div class="sourceCode" id="cb15"><pre
+class="sourceCode sh"><code class="sourceCode bash"><span id="cb15-1"><a href="#cb15-1" aria-hidden="true" tabindex="-1"></a><span class="ex">adb</span> devices</span></code></pre></div>
+<p>If it is, restart adb in TCP mode with port 5555</p>
+<div class="sourceCode" id="cb16"><pre
+class="sourceCode sh"><code class="sourceCode bash"><span id="cb16-1"><a href="#cb16-1" aria-hidden="true" tabindex="-1"></a><span class="ex">adb</span> tcpip 5555</span></code></pre></div>
+<p>Connect to the device using its <ip_address>.</p>
+<div class="sourceCode" id="cb17"><pre
+class="sourceCode sh"><code class="sourceCode bash"><span id="cb17-1"><a href="#cb17-1" aria-hidden="true" tabindex="-1"></a><span class="ex">adb</span> connect <span class="op">&lt;</span>ip_address<span class="op">&gt;</span></span></code></pre></div>
+<p>Refresh MediaStore.</p>
+<div class="sourceCode" id="cb18"><pre
+class="sourceCode sh"><code class="sourceCode bash"><span id="cb18-1"><a href="#cb18-1" aria-hidden="true" tabindex="-1"></a><span class="ex">adb</span> shell am broadcast <span class="at">-a</span> android.intent.action.MEDIA_SCANNER_SCAN <span class="at">-d</span> file:///data/data/com.termux/files/home/storage/music/</span></code></pre></div>
+</article>
+</section>
+<footer id="page-footer">
+<!-- <embed type="text/html" src="https://cups.teabucket.eu/embed?from=never" style="width:320px; height: 120px; scale: 0.66;"> -->
+<p class="cups-light">
+<a href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous" src="images/cups_left.svg" width="30" height="30"></a>
+<a href="https://cups.teabucket.eu/" target="_parent"><img alt="CUPS" src="images/cups_logo.svg" width="120" height="60"></a>
+<a href="https://cups.teabucket.eu/next?from=never" target="_parent"><img alt="Next" src="images/cups_right.svg" width="30" height="30"></a>
+</p>
+</footer>
+</body>
 </html>
diff --git a/build/index b/build/index
index e633834..d127fcf 100644
--- a/build/index
+++ b/build/index
@@ -2,34 +2,25 @@
                                     
                           ────────────────────
 
-Hello! I am Never and this is my little place on the internet where I
-post the stuff that I am currently nerding out about.
-
-This Website itself is one of those projects, that I like to tweak and
-tinker with. Maybe I’ll write an article about its build system. It is
-also viewable via  curl . Just run
-
-    curl nevereverever.de
-
-There also is an RSS Feed to stay updated about my doings.
+Hello World
 
 ARTICLES
 
+Latex Endeavors (latex-endeavors)
+Latex undoubtedly has some quirks. Some of them have a rather
+unintuitive solution. In this article I cover some quirks and solutions
+I have encountered.
+    Never - 9.1.2026
+
+Random linux utilities (random-linux-utils)
+Tricks and tools I learned about, while tweaking my Linux sytem or
+trying to do productive things.
+    Never - 25.7.2025
+
 Using rsync on Android to syncronise my Music
 library (rsync-android)
 As Spotify is getting enshittified by capitalism, keeping a music
 library is kind of essential. Here I use rsync to syncronise my library
 with my Android smartphone.
-    Never - 2026-01-12
-
-Latex Endeavors (latex-endeavors)
-Latex undoubtedly has some quirks. Some of them have a rather
-unintuitive solution. In this article I cover some quirks and solutions
-I have encountered.
-    Never - 2026-01-09
-
-Random linux utilities (random-linux-utils)
-Tricks and tools I learned about, while tweaking my Linux sytem or
-trying to do productive things.
-    Never - 2025-07-25
+    Never - 12.01.2026
 ]8;;\
\ No newline at end of file
diff --git a/build/index.html b/build/index.html
index 002f2a7..3d7ae73 100644
--- a/build/index.html
+++ b/build/index.html
@@ -1,172 +1,154 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="" >
-
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
-	<meta charset="utf-8" />
-	<meta name="generator" content="pandoc" />
-	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
-					<title>Home</title>
-	<link rel="icon" type="image/x-icon" href="images/favicon.png">
-	<link rel="alternate" type="application/rss+xml" title="nevereverever.de" href="https://nevereverever.de/eh/eh/eh/eh-eh/rss.xml">
-	<style>
-		code{white-space: pre-wrap;}
-span.smallcaps{font-variant: small-caps;}
-div.columns{display: flex; gap: min(4vw, 1.5em);}
-div.column{flex: auto; overflow-x: auto;}
-div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
-/* The extra [class] is a hack that increases specificity enough to
-   override a similar rule in reveal.js */
-ul.task-list[class]{list-style: none;}
-ul.task-list li input[type="checkbox"] {
-  font-size: inherit;
-  width: 0.8em;
-  margin: 0 0.8em 0.2em -1.6em;
-  vertical-align: middle;
-}
-/* CSS for syntax highlighting */
-html { -webkit-text-size-adjust: 100%; }
-pre > code.sourceCode { white-space: pre; position: relative; }
-pre > code.sourceCode > span { display: inline-block; line-height: 1.25; }
-pre > code.sourceCode > span:empty { height: 1.2em; }
-.sourceCode { overflow: visible; }
-code.sourceCode > span { color: inherit; text-decoration: inherit; }
-div.sourceCode { margin: 1em 0; }
-pre.sourceCode { margin: 0; }
-@media screen {
-div.sourceCode { overflow: auto; }
-}
-@media print {
-pre > code.sourceCode { white-space: pre-wrap; }
-pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
-}
-pre.numberSource code
-  { counter-reset: source-line 0; }
-pre.numberSource code > span
-  { position: relative; left: -4em; counter-increment: source-line; }
-pre.numberSource code > span > a:first-child::before
-  { content: counter(source-line);
-    position: relative; left: -1em; text-align: right; vertical-align: baseline;
-    border: none; display: inline-block;
-    -webkit-touch-callout: none; -webkit-user-select: none;
-    -khtml-user-select: none; -moz-user-select: none;
-    -ms-user-select: none; user-select: none;
-    padding: 0 4px; width: 4em;
-    background-color: #073642;
-    color: #586e75;
-  }
-pre.numberSource { margin-left: 3em; border-left: 1px solid #586e75;  padding-left: 4px; }
-div.sourceCode
-  { color: #839496; background-color: #002b36; }
-@media screen {
-pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
-}
-code span.al { color: #d33682; } /* Alert */
-code span.an { color: #dc322f; } /* Annotation */
-code span.at { color: #dc322f; } /* Attribute */
-code span.bn { color: #2aa198; } /* BaseN */
-code span.bu { color: #b58900; } /* BuiltIn */
-code span.cf { color: #859900; } /* ControlFlow */
-code span.ch { color: #2aa198; } /* Char */
-code span.cn { color: #b58900; } /* Constant */
-code span.co { color: #586e75; font-style: italic; } /* Comment */
-code span.cv { color: #268bd2; } /* CommentVar */
-code span.do { color: #586e75; font-style: italic; } /* Documentation */
-code span.dt { color: #b58900; } /* DataType */
-code span.dv { color: #2aa198; } /* DecVal */
-code span.er { color: #dc322f; text-decoration: underline; } /* Error */
-code span.ex { color: #b58900; } /* Extension */
-code span.fl { color: #2aa198; } /* Float */
-code span.fu { } /* Function */
-code span.im { color: #cb4b16; } /* Import */
-code span.in { color: #268bd2; } /* Information */
-code span.kw { color: #93a1a1; font-weight: bold; } /* Keyword */
-code span.op { } /* Operator */
-code span.ot { } /* Other */
-code span.pp { color: #cb4b16; } /* Preprocessor */
-code span.re { color: #cb4b16; } /* RegionMarker */
-code span.sc { color: #dc322f; } /* SpecialChar */
-code span.ss { color: #b58900; } /* SpecialString */
-code span.st { color: #2aa198; } /* String */
-code span.va { color: #cb4b16; } /* Variable */
-code span.vs { color: #dc322f; } /* VerbatimString */
-code span.wa { color: #b58900; } /* Warning */
-	</style>
-		<link rel="stylesheet" href="styles/style.css">
-			</head>
-
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <title>Home</title>
+  <link rel="icon" type="image/x-icon" href="images/favicon.png">
+  <style>
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+  </style>
+  <link rel="stylesheet" href="styles/style.css">
+</head>
 <body>
-		<img id="shork" src="images/shork.png"></img>
-	<header id="page-header">
-		<a class="page-header-button" href="index.html">Home</a>
-		<a class="rss-button" href="rss.xml">RSS Feed</a>
-	</header>
-	<main id="page">
-				<header id="title-block-header">
-			<h1 class="title">Home</h1>
-														</header>
-						<article>
-			<p>Hello! I am Never and this is my little place on the internet where I
-post the stuff that I am currently nerding out about.</p>
-<p>This Website itself is one of those projects, that I like to tweak
-and tinker with. Maybe I’ll write an article about its build system. It
-is also viewable via <code>curl</code>. Just run</p>
-<div class="sourceCode" id="cb1"><pre class="sourceCode sh"><code class="sourceCode bash"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="ex">curl</span> nevereverever.de</span></code></pre></div>
-<p>There also is an RSS Feed to stay updated about my doings.</p>
-		</article>
-				<nav id="articles">
-			<h1>Articles</h1>
-			<ul>
-								<li>
-					<header class="articles-header">
-												<a href="rsync-android.html" class="articles-title">Using rsync on
-Android to syncronise my Music library</a>
-											</header>
-										<p class="articles-summary">As Spotify is getting enshittified by
-capitalism, keeping a music library is kind of essential. Here I use
-rsync to syncronise my library with my Android smartphone.</p>
-										<footer class="articles-footer">
-												<div class="articles-author">Never</div>
-																		<div class="articles-date">2026-01-12</div>
-											</footer>
-				</li>
-								<li>
-					<header class="articles-header">
-												<a href="latex-endeavors.html" class="articles-title">Latex
+<canvas id="tv-screen"></canvas>
+<header id="page-header">
+<ul><li><a href="index.html">Home</a></li></ul>
+</header>
+<header id="title-block-header">
+<h1 class="title">Home</h1>
+</header>
+<section id="content">
+<article>
+<p>Hello World</p>
+</article>
+<nav id="articles">
+<h2>Articles</h2>
+<ul>
+<li>
+<div class="articles-header">
+<a href="latex-endeavors.html" class="articles-title">Latex
 Endeavors</a>
-											</header>
-										<p class="articles-summary">Latex undoubtedly has some quirks. Some of
+<p class="articles-author"><em>Never</em></p>
+</div>
+<p class="articles-summary">Latex undoubtedly has some quirks. Some of
 them have a rather unintuitive solution. In this article I cover some
 quirks and solutions I have encountered.</p>
-										<footer class="articles-footer">
-												<div class="articles-author">Never</div>
-																		<div class="articles-date">2026-01-09</div>
-											</footer>
-				</li>
-								<li>
-					<header class="articles-header">
-												<a href="random-linux-utils.html" class="articles-title">Random linux
+<p class="articles-date">9.1.2026</p>
+</li>
+<li>
+<div class="articles-header">
+<a href="random-linux-utils.html" class="articles-title">Random linux
 utilities</a>
-											</header>
-										<p class="articles-summary">Tricks and tools I learned about, while
+<p class="articles-author"><em>Never</em></p>
+</div>
+<p class="articles-summary">Tricks and tools I learned about, while
 tweaking my Linux sytem or trying to do productive things.</p>
-										<footer class="articles-footer">
-												<div class="articles-author">Never</div>
-																		<div class="articles-date">2025-07-25</div>
-											</footer>
-				</li>
-							</ul>
-		</nav>
-			</main>
-	<footer id="page-footer">
-		<nav id="webring">
-			<a href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous"
-					src="images/cups_left_dark.svg" width="30" height="30"></a>
-			<a href="https://cups.teabucket.eu/" target="_parent"><img alt="CUPS" src="images/cups_logo_dark.svg"
-					width="120" height="60"></a>
-			<a href="https://cups.teabucket.eu/next?from=never" target="_parent"><img alt="Next"
-					src="images/cups_right_dark.svg" width="30" height="30"></a>
-		</nav>
-	</footer>
-	</body>
-<script src="scripts/shork.js"></script>
+<p class="articles-date">25.7.2025</p>
+</li>
+<li>
+<div class="articles-header">
+<a href="rsync-android.html" class="articles-title">Using rsync on
+Android to syncronise my Music library</a>
+<p class="articles-author"><em>Never</em></p>
+</div>
+<p class="articles-summary">As Spotify is getting enshittified by
+capitalism, keeping a music library is kind of essential. Here I use
+rsync to syncronise my library with my Android smartphone.</p>
+<p class="articles-date">12.01.2026</p>
+</li>
+</ul>
+</nav>
+</section>
+<script>
+let speed = 10;
+let scale = 0.33; // Image scale (I work on 1080p monitor)
+let canvas;
+let ctx;
+let logoColor;
+
+let dvd = {
+    x: 256,
+    y: 354,
+    xspeed: 2,
+    yspeed: 2,
+    img: new Image()
+};
+
+(function main(){
+    canvas = document.getElementById("tv-screen");
+    ctx = canvas.getContext("2d");
+    dvd.img.src = 'images/shark.png';
+
+    //Draw the "tv screen"
+    canvas.width  = window.innerWidth;
+    canvas.height = window.innerHeight;
+
+    pickColor();
+    update();
+})();
+
+function update() {
+    setTimeout(() => {
+        //Draw the canvas background
+        ctx.fillStyle = '#00000000';
+        ctx.clearRect(0, 0, canvas.width, canvas.height);
+        //Draw DVD Logo and his background
+        //ctx.fillStyle = logoColor;
+        //ctx.fillRect(dvd.x, dvd.y, dvd.img.width*scale, dvd.img.height*scale);
+        ctx.drawImage(dvd.img, dvd.x, dvd.y, dvd.img.width*scale, dvd.img.height*scale);
+        //Move the logo
+        dvd.x+=dvd.xspeed;
+        dvd.y+=dvd.yspeed;
+        //Check for collision 
+        checkHitBox();
+        update();   
+    }, speed)
+}
+
+//Check for border collision
+function checkHitBox(){
+    if(dvd.x+dvd.img.width*scale >= canvas.width || dvd.x <= 0){
+        dvd.xspeed *= -1;
+        pickColor();
+    }
+        
+    if(dvd.y+dvd.img.height*scale >= canvas.height || dvd.y <= 0){
+        dvd.yspeed *= -1;
+        pickColor();
+    }    
+}
+
+//Pick a random color in RGB format
+function pickColor(){
+    r = Math.random() * (254 - 0) + 0;
+    g = Math.random() * (254 - 0) + 0;
+    b = Math.random() * (254 - 0) + 0;
+
+    logoColor = 'rgb('+r+','+g+', '+b+')';
+}
+</script>
+<footer id="page-footer">
+<!-- <embed type="text/html" src="https://cups.teabucket.eu/embed?from=never" style="width:320px; height: 120px; scale: 0.66;"> -->
+<p class="cups-light">
+<a href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous" src="images/cups_left.svg" width="30" height="30"></a>
+<a href="https://cups.teabucket.eu/" target="_parent"><img alt="CUPS" src="images/cups_logo.svg" width="120" height="60"></a>
+<a href="https://cups.teabucket.eu/next?from=never" target="_parent"><img alt="Next" src="images/cups_right.svg" width="30" height="30"></a>
+</p>
+</footer>
+</body>
 </html>
diff --git a/build/rss.xml b/build/rss.xml
deleted file mode 100644
index e431ae0..0000000
--- a/build/rss.xml
+++ /dev/null
@@ -1,44 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-	<channel>
-				<title>nevereverever.de</title>
-						<link>https://nevereverever.de/eh/eh/eh/eh-eh</link>
-						<description>Here I post random stuff.</description>
-						<language>en-us</language>
-						<pubDate>Mon, 12 Jan 2026 00:00:00 +0100</pubDate>
-						<lastBuildDate>Tue, 24 Feb 2026 22:14:40 +0100</lastBuildDate>
-				<docs>https://www.rssboard.org/rss-specification</docs>
-		<generator>pandoc</generator>
-				<managingEditor>n.gude@posteo.de (Never)</managingEditor>
-						<webMaster>n.gude@poster.de (Never)</webMaster>
-						<item>
-						<title>Using rsync on Android to syncronise my Music library</title>
-									<author>n.gude@posteo.de (Never)</author>
-									<link>https://nevereverever.de/eh/eh/eh/eh-eh/rsync-android.html</link>
-									<description>As Spotify is getting enshittified by capitalism, keeping a
-music library is kind of essential. Here I use rsync to syncronise my
-library with my Android smartphone.</description>
-									<pubDate>Mon, 12 Jan 2026 00:00:00 +0100</pubDate>
-									<guid>rsync-android</guid>
-					</item>
-				<item>
-						<title>Latex Endeavors</title>
-									<author>n.gude@posteo.de (Never)</author>
-									<link>https://nevereverever.de/eh/eh/eh/eh-eh/latex-endeavors.html</link>
-									<description>Latex undoubtedly has some quirks. Some of them have a
-rather unintuitive solution. In this article I cover some quirks and
-solutions I have encountered.</description>
-									<pubDate>Fri, 09 Jan 2026 00:00:00 +0100</pubDate>
-									<guid>latex-endeavors</guid>
-					</item>
-				<item>
-						<title>Random linux utilities</title>
-									<author>n.gude@posteo.de (Never)</author>
-									<link>https://nevereverever.de/eh/eh/eh/eh-eh/random-linux-utils.html</link>
-									<description>Tricks and tools I learned about, while tweaking my Linux
-sytem or trying to do productive things.</description>
-									<pubDate>Fri, 25 Jul 2025 00:00:00 +0200</pubDate>
-									<guid>random-linux-utils</guid>
-					</item>
-			</channel>
-</rss>
diff --git a/images/shark.png b/images/shark.png
new file mode 100644
index 0000000..ddab225
Binary files /dev/null and b/images/shark.png differ
diff --git a/images/shork.png b/images/shork.png
deleted file mode 100644
index d8ede9b..0000000
Binary files a/images/shork.png and /dev/null differ
diff --git a/images/shork.xcf b/images/shork.xcf
deleted file mode 100644
index ba8e0c8..0000000
Binary files a/images/shork.xcf and /dev/null differ
diff --git a/pandoc.md b/pandoc.md
deleted file mode 100644
index 3b3e70b..0000000
--- a/pandoc.md
+++ /dev/null
@@ -1,209 +0,0 @@
----
-title: Testing pandoc markdown capabilities
-subtitle: Things I hope just work
-author: Never
-email: n.gude@posteo.de
-date: 2025-07-25
-summary: Pandocs wonderful Markdown features tested out.
----
-
-# Level 1 Heading
-A link to a Heading [Level 4 Heading] followed by another paragraph.
-
-* fruits
-
-  Everything is a fruit
-  + apples
-    - macintosh
-    - red delicious
-  + pears
-  + peaches
-* vegetables
-  + broccoli
-  + chard
-
-1. first
-2. second
-3. third
-    i. subone
-    ii. subtwo
-    iii. subthree
-
-- [ ] an unchecked task list item
-- [x] checked item
-
-Lorem _ipsum dolor_ sit amet, consectetur *adipi*scing elit. Integer nisl enim, condimentum ~~vitae lacus vel~~, semper efficitur est. Cras pretium porta luctus. __Nulla iaculis__ nisi at quam varius, et con**sequat** lorem blandit. Ut tincidunt leo sit amet velit lobortis, et blandit metus mollis. Nam H~2~O tristique ex a quam aliquet, eget 2^10^ vehicula sapien `rhoncus`. Aliquam `return 0;`{.c} sodales pretium auctor. [Aliquam convallis]{.smallcaps} sodales [elementum]{.mark}.
-
-```c
-#include <stdio.h>
-
-// TODO: A funny comment
-int main() {
-    char greetings[] = {'H', 'e', 'l', 'l', 'o', ' ', 'W', 'o', 'r', 'l', 'd', '!', '\0'};
-    char greetings2[] = "Hello World!";
-
-    printf("%zu\n", sizeof(greetings));
-    printf("%zu\n", sizeof(greetings2));
-
-    return 0;
-}
-```
-
-Aenean eros lacus, volutpat at molestie vitae, pretium eu diam. Quisque sit $1 + 2 + 3 + \cdots + n$ amet nisl ut dolor congue sodales.
-
-$$
-\sum_{i=1}^{n} i = \frac{n (n + 1)}{2}
-$$
-
-
-
-## Level 2 Heading
-> This is a block quote with
-> two lines and a 
->
-> 1. List item
-> 2. Another list item
->
-> > And a nested block quote
->
-> Yeah
-
-Term 1
-
-:   Definition 1
-
-Term 2 with *inline markup*
-
-:   Definition 2
-
-        { some code, part of Definition 2 }
-
-    Third paragraph of definition 2.
-
-Term 1
-  ~ Definition 1
-
-Term 2
-  ~ Definition 2a
-  ~ Definition 2b
-
-
-### Level 3 Heading
-A little poem
-
-| The limerick packs laughs anatomical
-| In space that is quite economical.
-|    But the good ones I've seen
-|    So seldom are clean
-| And the clean ones so seldom are comical
-
-
-*  *  *  *
-
-(@)  My first example will be numbered (1).
-(@good)  My second example will be numbered (2).
-
-Explanation of examples.
-
-(@)  My third example will be numbered (3).
-
-As (@good) illustrates, ...
-
----------------
-
-#### Level 4 Heading
-  Right     Left     Center     Default
--------     ------ ----------   -------
-     12     12        12            12
-    123     123       123          123
-      1     1          1             1
-
-Table:  Demonstration of simple table syntax.
-
-Following is a multiline table
-
--------------------------------------------------------------
- Centered   Default           Right Left
-  Header    Aligned         Aligned Aligned
------------ ------- --------------- -------------------------
-   First    row                12.0 Example of a row that
-                                    spans multiple lines.
-
-  Second    row                 5.0 Here's another one. Note
-                                    the blank line between
-                                    rows.
--------------------------------------------------------------
-
-Table: Here's the caption. It, too, may span
-multiple lines.
-
-Then we have a Grid table
-
-+---------------------+-----------------------+
-| Location            | Temperature 1961-1990 |
-|                     | in degree Celsius     |
-|                     +-------+-------+-------+
-|                     | min   | mean  | max   |
-+:====================+======:+======:+======:+
-| Antarctica          | -89.2 | N/A   | 19.8  |
-+---------------------+-------+-------+-------+
-| Earth               | -89.2 | 14    | 56.7  |
-+---------------------+-------+-------+-------+
-
-Table: Grid table
-
-An a Pipe table
-
-| Right | Left | Default | Center |
-|------:|:-----|---------|:------:|
-|   12  |  12  |    12   |    12  |
-|  123  |  123 |   123   |   123  |
-|    1  |    1 |     1   |     1  |
-
-  : Demonstration of pipe table syntax.
-
-##### Level 5 Heading
-<https://google.com>
-
-<sam@green.eggs.ham>
-
-[my label 1]: index.html  "My title, optional"
-[my label 2]: .
-[my label 3]: https://fsf.org (The Free Software Foundation)
-[my label 4]: index.html#articles  'A title in single quotes'
-
-Link to [my label 1] and [my label 2] and [my label 3] and [my label 4]
-
-This is an [inline link](/url), and here's [one with
-a title](https://fsf.org "click here for a good time!") and [Write me!](mailto:sam@green.eggs.ham)
-
-![The wonderful shork](images/shork.png "the shork"){width=20%}
-
-Here is a footnote reference,[^1] and another.[^longnote]
-
-[^1]: Here is the footnote.
-
-[^longnote]: Here's one with multiple blocks.
-
-    Subsequent paragraphs are indented to show that they
-belong to the previous footnote.
-
-        { some.code }
-
-    The whole paragraph can be indented, or just the first
-    line.  In this way, multi-paragraph footnotes work like
-    multi-paragraph list items.
-
-This paragraph won't be part of the note, because it
-isn't indented.
-
-###### Level 6 Heading
-::: Warning ::::::
-This is a warning.
-
-::: Danger
-This is a warning within a warning.
-:::
-::::::::::::::::::
-
-
diff --git a/pandoc/html-template.html b/pandoc/html-template.html
deleted file mode 100644
index 016d9fd..0000000
--- a/pandoc/html-template.html
+++ /dev/null
@@ -1,124 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="$lang$" xml:lang="$lang$" $if(dir)$ dir="$dir$" $endif$>
-
-<head>
-	<meta charset="utf-8" />
-	<meta name="generator" content="pandoc" />
-	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
-	$for(author-meta)$
-	<meta name="author" content="$author-meta$" />
-	$endfor$
-	$if(date-meta)$
-	<meta name="dcterms.date" content="$date-meta$" />
-	$endif$
-	$if(keywords)$
-	<meta name="keywords" content="$for(keywords)$$keywords$$sep$, $endfor$" />
-	$endif$
-	$if(description-meta)$
-	<meta name="description" content="$description-meta$" />
-	$endif$
-	<title>$if(title-prefix)$$title-prefix$ – $endif$$pagetitle$</title>
-	<link rel="icon" type="image/x-icon" href="images/favicon.png">
-	<link rel="alternate" type="application/rss+xml" title="nevereverever.de" href="https://nevereverever.de/eh/eh/eh/eh-eh/rss.xml">
-	<style>
-		$styles.html()$
-	</style>
-	$for(css)$
-	<link rel="stylesheet" href="$css$">
-	$endfor$
-	$for(header-includes)$
-	$header-includes$
-	$endfor$
-	$if(math)$
-	$if(mathjax)$
-	<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-	$endif$
-	$math$
-	$endif$
-</head>
-
-<body>
-	$for(include-before)$
-	$include-before$
-	$endfor$
-	<img id="shork" src="images/shork.png"></img>
-	<header id="page-header">
-		<a class="page-header-button" href="index.html">Home</a>
-		<a class="rss-button" href="rss.xml">RSS Feed</a>
-	</header>
-	<main id="page">
-		$if(title)$
-		<header id="title-block-header">
-			<h1 class="title">$title$</h1>
-			$if(subtitle)$
-			<p class="subtitle">$subtitle$</p>
-			$endif$
-			$for(author)$
-			<p class="author">$author$</p>
-			$endfor$
-			$if(date)$
-			<p class="date">$date$</p>
-			$endif$
-			$if(abstract)$
-			<div class="abstract">
-				<div class="abstract-title">$abstract-title$</div>
-				$abstract$
-			</div>
-			$endif$
-		</header>
-		$endif$
-		$if(toc)$
-		<nav id="$idprefix$TOC" role="doc-toc">
-			$if(toc-title)$
-			<h2 id="$idprefix$toc-title">$toc-title$</h2>
-			$endif$
-			$table-of-contents$
-		</nav>
-		$endif$
-		<article>
-			$body$
-		</article>
-		$if(articles)$
-		<nav id="articles">
-			<h1>Articles</h1>
-			<ul>
-				$for(articles)$
-				<li>
-					<header class="articles-header">
-						$if(articles.title)$
-						<a href="$articles.filename$.html" class="articles-title">$articles.title$</a>
-						$endif$
-					</header>
-					$if(articles.summary)$
-					<p class="articles-summary">$articles.summary$</p>
-					$endif$
-					<footer class="articles-footer">
-						$if(articles.author)$
-						<div class="articles-author">$articles.author$</div>
-						$endif$
-						$if(articles.date)$
-						<div class="articles-date">$articles.date$</div>
-						$endif$
-					</footer>
-				</li>
-				$endfor$
-			</ul>
-		</nav>
-		$endif$
-	</main>
-	<footer id="page-footer">
-		<nav id="webring">
-			<a href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous"
-					src="images/cups_left_dark.svg" width="30" height="30"></a>
-			<a href="https://cups.teabucket.eu/" target="_parent"><img alt="CUPS" src="images/cups_logo_dark.svg"
-					width="120" height="60"></a>
-			<a href="https://cups.teabucket.eu/next?from=never" target="_parent"><img alt="Next"
-					src="images/cups_right_dark.svg" width="30" height="30"></a>
-		</nav>
-	</footer>
-	$for(include-after)$
-	$include-after$
-	$endfor$
-</body>
-<script src="scripts/shork.js"></script>
-</html>
diff --git a/pandoc/metadata-template.json b/pandoc/meta-json-template.txt
similarity index 100%
rename from pandoc/metadata-template.json
rename to pandoc/meta-json-template.txt
diff --git a/pandoc/rss-template.xml b/pandoc/rss-template.xml
deleted file mode 100644
index b453c4b..0000000
--- a/pandoc/rss-template.xml
+++ /dev/null
@@ -1,53 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-	<channel>
-		$if(title)$
-		<title>$title$</title>
-		$endif$
-		$if(link)$
-		<link>$link$</link>
-		$endif$
-		$if(description)$
-		<description>$description$</description>
-		$endif$
-		$if(lang)$
-		<language>$lang$</language>
-		$endif$
-		$if(pubdate)$
-		<pubDate>$pubdate$</pubDate>
-		$endif$
-		$if(builddate)$
-		<lastBuildDate>$builddate$</lastBuildDate>
-		$endif$
-		<docs>https://www.rssboard.org/rss-specification</docs>
-		<generator>pandoc</generator>
-		$if(editor)$
-		<managingEditor>$editor$</managingEditor>
-		$endif$
-		$if(webmaster)$
-		<webMaster>$webmaster$</webMaster>
-		$endif$
-		$for(articles)$
-		<item>
-			$if(articles.title)$
-			<title>$articles.title$</title>
-			$endif$
-			$if(articles.email)$
-			<author>$articles.email$$if(articles.author)$ ($articles.author$)$endif$</author>
-			$endif$
-			$if(articles.filename)$
-			<link>$link$/$articles.filename$.html</link>
-			$endif$
-			$if(articles.summary)$
-			<description>$articles.summary$</description>
-			$endif$
-			$if(articles.pubdate)$
-			<pubDate>$articles.pubdate$</pubDate>
-			$endif$
-			$if(articles.filename)$
-			<guid>$articles.filename$</guid>
-			$endif$
-		</item>
-		$endfor$
-	</channel>
-</rss>
diff --git a/pandoc/solarized.theme b/pandoc/solarized.theme
deleted file mode 100644
index d9b1ca6..0000000
--- a/pandoc/solarized.theme
+++ /dev/null
@@ -1,226 +0,0 @@
-{
-	"metadata": {
-		"author": "Never Gude <n.gude@posteo.de>",
-		"license": "Unlicense",
-		"name": "solarized",
-		"revision": 1
-	},
-	
-	"text-color": "#839496",
-	"background-color": "#002b36",
-	"line-number-color": "#586e75",
-	"line-number-background-color": "#073642",
-	
-	"text-styles": {
-		"Alert": {
-			"text-color": "#d33682",
-			"background-color": null,
-			"bold": false,
-			"italic": false,
-			"underline": false
-		},
-		"Annotation": {
-			"text-color": "#dc322f",
-			"background-color": null,
-			"bold": false,
-			"italic": false,
-			"underline": false
-		},
-		"Attribute": {
-			"text-color": "#dc322f",
-			"background-color": null,
-			"bold": false,
-			"italic": false,
-			"underline": false
-		},
-		"BaseN": {
-			"text-color": "#2aa198",
-			"background-color": null,
-			"bold": false,
-			"italic": false,
-			"underline": false
-		},
-		"BuiltIn": {
-			"text-color": "#b58900",
-			"background-color": null,
-			"bold": false,
-			"italic": false,
-			"underline": false
-		},
-		"Char": {
-			"text-color": "#2aa198",
-			"background-color": null,
-			"bold": false,
-			"italic": false,
-			"underline": false
-		},
-		"Comment": {
-			"text-color": "#586e75",
-			"background-color": null,
-			"bold": false,
-			"italic": true,
-			"underline": false
-		},
-		"CommentVar": {
-			"text-color": "#268bd2",
-			"background-color": null,
-			"bold": false,
-			"italic": false,
-			"underline": false
-		},
-		"Constant": {
-			"text-color": "#b58900",
-			"background-color": null,
-			"bold": false,
-			"italic": false,
-			"underline": false
-		},
-		"ControlFlow": {
-			"text-color": "#859900",
-			"background-color": null,
-			"bold": false,
-			"italic": false,
-			"underline": false
-		},
-		"DataType": {
-			"text-color": "#b58900",
-			"background-color": null,
-			"bold": false,
-			"italic": false,
-			"underline": false
-		},
-		"DecVal": {
-			"text-color": "#2aa198",
-			"background-color": null,
-			"bold": false,
-			"italic": false,
-			"underline": false
-		},
-		"Documentation": {
-			"text-color": "#586e75",
-			"background-color": null,
-			"bold": false,
-			"italic": true,
-			"underline": false
-		},
-		"Error": {
-			"text-color": "#dc322f",
-			"background-color": null,
-			"bold": false,
-			"italic": false,
-			"underline": true
-		},
-		"Extension": {
-			"text-color": "#b58900",
-			"background-color": null,
-			"bold": false,
-			"italic": false,
-			"underline": false
-		},
-		"Float": {
-			"text-color": "#2aa198",
-			"background-color": null,
-			"bold": false,
-			"italic": false,
-			"underline": false
-		},
-		"Function": {
-			"text-color": null,
-			"background-color": null,
-			"bold": false,
-			"italic": false,
-			"underline": false
-		},
-		"Import": {
-			"text-color": "#cb4b16",
-			"background-color": null,
-			"bold": null,
-			"italic": false,
-			"underline": false
-		},
-		"Information": {
-			"text-color": "#268bd2",
-			"background-color": null,
-			"bold": false,
-			"italic": false,
-			"underline": false
-		},
-		"Keyword": {
-			"text-color": "#93a1a1",
-			"background-color": null,
-			"bold": true,
-			"italic": false,
-			"underline": false
-		},
-		"Operator": {
-			"text-color": null,
-			"background-color": null,
-			"bold": false,
-			"italic": false,
-			"underline": false
-		},
-		"Others": {
-			"text-color": null,
-			"background-color": null,
-			"bold": false,
-			"italic": false,
-			"underline": false
-		},
-		"Preprocessor": {
-			"text-color": "#cb4b16",
-			"background-color": null,
-			"bold": false,
-			"italic": false,
-			"underline": false
-		},
-		"RegionMarker": {
-			"text-color": "#cb4b16",
-			"background-color": null,
-			"bold": false,
-			"italic": false,
-			"underline": false
-		},
-		"SpecialChar": {
-			"text-color": "#dc322f",
-			"background-color": null,
-			"bold": false,
-			"italic": false,
-			"underline": false
-		},
-		"SpecialString": {
-			"text-color": "#b58900",
-			"background-color": null,
-			"bold": false,
-			"italic": false,
-			"underline": false
-		},
-		"String": {
-			"text-color": "#2aa198",
-			"background-color": null,
-			"bold": false,
-			"italic": false,
-			"underline": false
-		},
-		"Variable": {
-			"text-color": "#cb4b16",
-			"background-color": null,
-			"bold": false,
-			"italic": false,
-			"underline": false
-		},
-		"VerbatimString": {
-			"text-color": "#dc322f",
-			"background-color": null,
-			"bold": false,
-			"italic": false,
-			"underline": false
-		},
-		"Warning": {
-			"text-color": "#b58900",
-			"background-color": null,
-			"bold": false,
-			"italic": false,
-			"underline": false
-		}
-	}
-}
diff --git a/pandoc/ansi-template b/pandoc/template
similarity index 79%
rename from pandoc/ansi-template
rename to pandoc/template
index 65009f1..33ef978 100644
--- a/pandoc/ansi-template
+++ b/pandoc/template
@@ -26,7 +26,7 @@ $endif$
 $if(articles.summary)$
 $articles.summary$
 $endif$
-$if(articles.author)$    $articles.author$$endif$$if(articles.date)$ - $articles.date$$endif$
+$if(articles.author)$    $articles.author$$endif$$if(articles.date)$ - $articles.date$$endif$
 
 $endfor$
 $endif$
diff --git a/pandoc/template.html b/pandoc/template.html
new file mode 100644
index 0000000..2b5e99c
--- /dev/null
+++ b/pandoc/template.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="$lang$" xml:lang="$lang$"$if(dir)$ dir="$dir$"$endif$>
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+$for(author-meta)$
+  <meta name="author" content="$author-meta$" />
+$endfor$
+$if(date-meta)$
+  <meta name="dcterms.date" content="$date-meta$" />
+$endif$
+$if(keywords)$
+  <meta name="keywords" content="$for(keywords)$$keywords$$sep$, $endfor$" />
+$endif$
+$if(description-meta)$
+  <meta name="description" content="$description-meta$" />
+$endif$
+  <title>$if(title-prefix)$$title-prefix$ – $endif$$pagetitle$</title>
+  <link rel="icon" type="image/x-icon" href="images/favicon.png">
+  <style>
+    $styles.html()$
+  </style>
+$for(css)$
+  <link rel="stylesheet" href="$css$">
+$endfor$
+$for(header-includes)$
+  $header-includes$
+$endfor$
+$if(math)$
+$if(mathjax)$
+  <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
+$endif$
+  $math$
+$endif$
+</head>
+<body>
+<canvas id="tv-screen"></canvas>
+<header id="page-header">
+<ul><li><a href="index.html">Home</a></li></ul>
+</header>
+$for(include-before)$
+$include-before$
+$endfor$
+$if(title)$
+<header id="title-block-header">
+<h1 class="title">$title$</h1>
+$if(subtitle)$
+<p class="subtitle">$subtitle$</p>
+$endif$
+$for(author)$
+<p class="author">$author$</p>
+$endfor$
+$if(date)$
+<p class="date">$date$</p>
+$endif$
+$if(abstract)$
+<div class="abstract">
+<div class="abstract-title">$abstract-title$</div>
+$abstract$
+</div>
+$endif$
+</header>
+<section id="content">
+$endif$
+$if(toc)$
+<nav id="$idprefix$TOC" role="doc-toc">
+$if(toc-title)$
+<h2 id="$idprefix$toc-title">$toc-title$</h2>
+$endif$
+$table-of-contents$
+</nav>
+$endif$
+<article>
+$body$
+</article>
+$if(articles)$
+<nav id="articles">
+<h2>Articles</h2>
+<ul>
+$for(articles)$
+<li>
+<div class="articles-header">
+$if(articles.title)$
+<a href="$articles.filename$.html" class="articles-title">$articles.title$</a>
+$endif$
+$if(articles.author)$
+<p class="articles-author"><em>$articles.author$</em></p>
+$endif$
+</div>
+$if(articles.summary)$
+<p class="articles-summary">$articles.summary$</p>
+$endif$
+$if(articles.date)$
+<p class="articles-date">$articles.date$</p>
+$endif$
+</li>
+$endfor$
+</ul>
+</nav>
+$endif$
+</section>
+$for(include-after)$
+$include-after$
+$endfor$
+<footer id="page-footer">
+<!-- <embed type="text/html" src="https://cups.teabucket.eu/embed?from=never" style="width:320px; height: 120px; scale: 0.66;"> -->
+<p class="cups-light">
+<a href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous" src="images/cups_left.svg" width="30" height="30"></a>
+<a href="https://cups.teabucket.eu/" target="_parent"><img alt="CUPS" src="images/cups_logo.svg" width="120" height="60"></a>
+<a href="https://cups.teabucket.eu/next?from=never" target="_parent"><img alt="Next" src="images/cups_right.svg" width="30" height="30"></a>
+</p>
+</footer>
+</body>
+</html>
diff --git a/public_ansi/index b/public_ansi/index
index e633834..d127fcf 100644
--- a/public_ansi/index
+++ b/public_ansi/index
@@ -2,34 +2,25 @@
                                     
                           ────────────────────
 
-Hello! I am Never and this is my little place on the internet where I
-post the stuff that I am currently nerding out about.
-
-This Website itself is one of those projects, that I like to tweak and
-tinker with. Maybe I’ll write an article about its build system. It is
-also viewable via  curl . Just run
-
-    curl nevereverever.de
-
-There also is an RSS Feed to stay updated about my doings.
+Hello World
 
 ARTICLES
 
+Latex Endeavors (latex-endeavors)
+Latex undoubtedly has some quirks. Some of them have a rather
+unintuitive solution. In this article I cover some quirks and solutions
+I have encountered.
+    Never - 9.1.2026
+
+Random linux utilities (random-linux-utils)
+Tricks and tools I learned about, while tweaking my Linux sytem or
+trying to do productive things.
+    Never - 25.7.2025
+
 Using rsync on Android to syncronise my Music
 library (rsync-android)
 As Spotify is getting enshittified by capitalism, keeping a music
 library is kind of essential. Here I use rsync to syncronise my library
 with my Android smartphone.
-    Never - 2026-01-12
-
-Latex Endeavors (latex-endeavors)
-Latex undoubtedly has some quirks. Some of them have a rather
-unintuitive solution. In this article I cover some quirks and solutions
-I have encountered.
-    Never - 2026-01-09
-
-Random linux utilities (random-linux-utils)
-Tricks and tools I learned about, while tweaking my Linux sytem or
-trying to do productive things.
-    Never - 2025-07-25
+    Never - 12.01.2026
 ]8;;\
\ No newline at end of file
diff --git a/public_ansi/latex-endeavors b/public_ansi/latex-endeavors
index f6e4efd..27d3079 100644
--- a/public_ansi/latex-endeavors
+++ b/public_ansi/latex-endeavors
@@ -3,7 +3,7 @@
                                     
                                  Never
                                     
-                               2026-01-09
+                                9.1.2026
                                     
                           ────────────────────
 
diff --git a/public_ansi/pandoc b/public_ansi/pandoc
deleted file mode 100644
index e3d08ab..0000000
--- a/public_ansi/pandoc
+++ /dev/null
@@ -1,218 +0,0 @@
-                  Testing pandoc markdown capabilities
-                        Things I hope just work
-                                    
-                                 Never
-                                    
-                               2025-07-25
-                                    
-                          ────────────────────
-
-LEVEL 1 HEADING
-
-A link to a Heading ]8;;#level-4-heading\Level 4 Heading]8;;\ followed by another paragraph.
-
-• fruits
-
-  Everything is a fruit
-
-  • apples
-
-    • macintosh
-
-    • red delicious
-
-  • pears
-
-  • peaches
-
-• vegetables
-
-  • broccoli
-
-  • chard
-
-1. first
-
-2. second
-
-3. third
-
-     i. subone
-
-    ii. subtwo
-
-   iii. subthree
-
-• ☐ an unchecked task list item
-
-• ☒ checked item
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nisl
-enim, condimentum vitae lacus vel, semper efficitur est. Cras pretium
-porta luctus. Nulla iaculis nisi at quam varius, et consequat lorem
-blandit. Ut tincidunt leo sit amet velit lobortis, et blandit metus
-mollis. Nam H₂O tristique ex a quam aliquet, eget 2¹⁰ vehicula sapien
- rhoncus . Aliquam  return 0;  sodales pretium auctor. Aliquam convallis
-sodales elementum.
-
-    #include <stdio.h>
-
-    // TODO: A funny comment
-    int main() {
-        char greetings[] = {'H', 'e', 'l', 'l', 'o', ' ', 'W', 'o', 'r', 'l', 'd', '!', '\0'};
-        char greetings2[] = "Hello World!";
-
-        printf("%zu\n", sizeof(greetings));
-        printf("%zu\n", sizeof(greetings2));
-
-        return 0;
-    }
-
-Aenean eros lacus, volutpat at molestie vitae, pretium eu diam. Quisque
-sit 1 + 2 + 3 + ⋯ + n amet nisl ut dolor congue sodales.
-
-$$
-\sum_{i=1}^{n} i = \frac{n (n + 1)}{2}
-$$
-
-Level 2 Heading
-
-│ This is a block quote with two lines and a
-│
-│ 1. List item
-│
-│ 2. Another list item
-│
-│ │ And a nested block quote
-│
-│ Yeah
-
-Term 1
-    Definition 1
-
-Term 2 with inline markup
-    Definition 2
-
-        { some code, part of Definition 2 }
-
-    Third paragraph of definition 2.
-
-Term 1
-    Definition 1
-
-Term 2
-    Definition 2a
-
-    Definition 2b
-
-Level 3 Heading
-
-A little poem
-
-The limerick packs laughs anatomical
-In space that is quite economical.
-   But the good ones I’ve seen
-   So seldom are clean
-And the clean ones so seldom are comical
-
-────────────────────
-
-(1) My first example will be numbered (1).
-
-(2) My second example will be numbered (2).
-
-Explanation of examples.
-
-(3) My third example will be numbered (3).
-
-As (2) illustrates, …
-
-────────────────────
-
-Level 4 Heading
-
-Right             Left              Center            Default
-───────────────── ───────────────── ───────────────── ─────────────────
-12                12                12                12
-123               123               123               123
-1                 1                 1                 1
-───────────────── ───────────────── ───────────────── ─────────────────
-
-  Demonstration of simple table syntax.
-
-Following is a multiline table
-
-Centered    Default Right Aligned   Left Aligned
-Header      Aligned                 
-─────────── ─────── ─────────────── ────────────────────────
-First       row     12.0            Example of a row that
-                                    spans multiple lines.
-Second      row     5.0             Here’s another one. Note
-                                    the blank line between
-                                    rows.
-─────────── ─────── ─────────────── ────────────────────────
-
-  Here’s the caption. It, too, may span multiple lines.
-
-Then we have a Grid table
-
-Location              Temperature 1961-1990
-                      in degree Celsius
-min                   mean    max
-───────────────────── ─────── ─────── ───────
-Antarctica            -89.2   N/A     19.8
-Earth                 -89.2   14      56.7
-───────────────────── ─────── ─────── ───────
-
-  Grid table
-
-An a Pipe table
-
-Right             Left              Default           Center
-───────────────── ───────────────── ───────────────── ─────────────────
-12                12                12                12
-123               123               123               123
-1                 1                 1                 1
-───────────────── ───────────────── ───────────────── ─────────────────
-
-  Demonstration of pipe table syntax.
-
-Level 5 Heading
-
-]8;;https://google.com\https://google.com]8;;\
-
-]8;;mailto:sam@green.eggs.ham\sam@green.eggs.ham]8;;\
-
-Link to ]8;;index.html\my label 1]8;;\ and ]8;;.\my label 2]8;;\ and ]8;;https://fsf.org\my label 3]8;;\ and ]8;;index.html#articles\my label 4]8;;\
-
-This is an ]8;;/url\inline link]8;;\, and here’s ]8;;https://fsf.org\one with a title]8;;\ and ]8;;mailto:sam@green.eggs.ham\Write me!]8;;\
-
-[image]
-
-  The wonderful shork
-
-Here is a footnote reference,¹ and another.²
-
-This paragraph won’t be part of the note, because it isn’t indented.
-
-Level 6 Heading
-
-This is a warning.
-
-This is a warning within a warning.
-
-                          ────────────────────
-
-  1. Here is the footnote.
-
-  2. Here’s one with multiple blocks.
-
-     Subsequent paragraphs are indented to show that they belong to the
-     previous footnote.
-
-         { some.code }
-
-     The whole paragraph can be indented, or just the first line. In
-     this way, multi-paragraph footnotes work like multi-paragraph list
-     items.
-]8;;\
\ No newline at end of file
diff --git a/public_ansi/random-linux-utils b/public_ansi/random-linux-utils
index 331d419..359dd0b 100644
--- a/public_ansi/random-linux-utils
+++ b/public_ansi/random-linux-utils
@@ -3,7 +3,7 @@
                                     
                                  Never
                                     
-                               2025-07-25
+                               25.7.2025
                                     
                           ────────────────────
 
diff --git a/public_ansi/rsync-android b/public_ansi/rsync-android
index 5e96bd6..4f04da1 100644
--- a/public_ansi/rsync-android
+++ b/public_ansi/rsync-android
@@ -2,7 +2,7 @@
                                     
                                  Never
                                     
-                               2026-01-12
+                               12.01.2026
                                     
                           ────────────────────
 
@@ -89,4 +89,28 @@ config.
 Now on your Linux machine, syncronise your Music library with rsync.
 
     rsync -av -e "ssh -p 8022" ~/Music <username>@<ip_address>:/data/data/com.termux/files/home/storage/music
+
+Refreshing the Android MediaStore
+
+Android uses a Database to store files. In order to play your music,
+this database needs to be refreshed. This can be achieved by a reboot or
+by using adb to manually refresh it.
+
+    sudo dnf install adb
+
+Connect the Android device via USB and see if it is listed.
+
+    adb devices
+
+If it is, restart adb in TCP mode with port 5555
+
+    adb tcpip 5555
+
+Connect to the device using its .
+
+    adb connect <ip_address>
+
+Refresh MediaStore.
+
+    adb shell am broadcast -a android.intent.action.MEDIA_SCANNER_SCAN -d file:///data/data/com.termux/files/home/storage/music/
 ]8;;\
\ No newline at end of file
diff --git a/public_html/eh/eh/eh/eh-eh/images/shork.png b/public_html/eh/eh/eh/eh-eh/images/shork.png
deleted file mode 100644
index d8ede9b..0000000
Binary files a/public_html/eh/eh/eh/eh-eh/images/shork.png and /dev/null differ
diff --git a/public_html/eh/eh/eh/eh-eh/images/shork.xcf b/public_html/eh/eh/eh/eh-eh/images/shork.xcf
deleted file mode 100644
index ba8e0c8..0000000
Binary files a/public_html/eh/eh/eh/eh-eh/images/shork.xcf and /dev/null differ
diff --git a/public_html/eh/eh/eh/eh-eh/index.html b/public_html/eh/eh/eh/eh-eh/index.html
index 002f2a7..3d7ae73 100644
--- a/public_html/eh/eh/eh/eh-eh/index.html
+++ b/public_html/eh/eh/eh/eh-eh/index.html
@@ -1,172 +1,154 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="" >
-
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
-	<meta charset="utf-8" />
-	<meta name="generator" content="pandoc" />
-	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
-					<title>Home</title>
-	<link rel="icon" type="image/x-icon" href="images/favicon.png">
-	<link rel="alternate" type="application/rss+xml" title="nevereverever.de" href="https://nevereverever.de/eh/eh/eh/eh-eh/rss.xml">
-	<style>
-		code{white-space: pre-wrap;}
-span.smallcaps{font-variant: small-caps;}
-div.columns{display: flex; gap: min(4vw, 1.5em);}
-div.column{flex: auto; overflow-x: auto;}
-div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
-/* The extra [class] is a hack that increases specificity enough to
-   override a similar rule in reveal.js */
-ul.task-list[class]{list-style: none;}
-ul.task-list li input[type="checkbox"] {
-  font-size: inherit;
-  width: 0.8em;
-  margin: 0 0.8em 0.2em -1.6em;
-  vertical-align: middle;
-}
-/* CSS for syntax highlighting */
-html { -webkit-text-size-adjust: 100%; }
-pre > code.sourceCode { white-space: pre; position: relative; }
-pre > code.sourceCode > span { display: inline-block; line-height: 1.25; }
-pre > code.sourceCode > span:empty { height: 1.2em; }
-.sourceCode { overflow: visible; }
-code.sourceCode > span { color: inherit; text-decoration: inherit; }
-div.sourceCode { margin: 1em 0; }
-pre.sourceCode { margin: 0; }
-@media screen {
-div.sourceCode { overflow: auto; }
-}
-@media print {
-pre > code.sourceCode { white-space: pre-wrap; }
-pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
-}
-pre.numberSource code
-  { counter-reset: source-line 0; }
-pre.numberSource code > span
-  { position: relative; left: -4em; counter-increment: source-line; }
-pre.numberSource code > span > a:first-child::before
-  { content: counter(source-line);
-    position: relative; left: -1em; text-align: right; vertical-align: baseline;
-    border: none; display: inline-block;
-    -webkit-touch-callout: none; -webkit-user-select: none;
-    -khtml-user-select: none; -moz-user-select: none;
-    -ms-user-select: none; user-select: none;
-    padding: 0 4px; width: 4em;
-    background-color: #073642;
-    color: #586e75;
-  }
-pre.numberSource { margin-left: 3em; border-left: 1px solid #586e75;  padding-left: 4px; }
-div.sourceCode
-  { color: #839496; background-color: #002b36; }
-@media screen {
-pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
-}
-code span.al { color: #d33682; } /* Alert */
-code span.an { color: #dc322f; } /* Annotation */
-code span.at { color: #dc322f; } /* Attribute */
-code span.bn { color: #2aa198; } /* BaseN */
-code span.bu { color: #b58900; } /* BuiltIn */
-code span.cf { color: #859900; } /* ControlFlow */
-code span.ch { color: #2aa198; } /* Char */
-code span.cn { color: #b58900; } /* Constant */
-code span.co { color: #586e75; font-style: italic; } /* Comment */
-code span.cv { color: #268bd2; } /* CommentVar */
-code span.do { color: #586e75; font-style: italic; } /* Documentation */
-code span.dt { color: #b58900; } /* DataType */
-code span.dv { color: #2aa198; } /* DecVal */
-code span.er { color: #dc322f; text-decoration: underline; } /* Error */
-code span.ex { color: #b58900; } /* Extension */
-code span.fl { color: #2aa198; } /* Float */
-code span.fu { } /* Function */
-code span.im { color: #cb4b16; } /* Import */
-code span.in { color: #268bd2; } /* Information */
-code span.kw { color: #93a1a1; font-weight: bold; } /* Keyword */
-code span.op { } /* Operator */
-code span.ot { } /* Other */
-code span.pp { color: #cb4b16; } /* Preprocessor */
-code span.re { color: #cb4b16; } /* RegionMarker */
-code span.sc { color: #dc322f; } /* SpecialChar */
-code span.ss { color: #b58900; } /* SpecialString */
-code span.st { color: #2aa198; } /* String */
-code span.va { color: #cb4b16; } /* Variable */
-code span.vs { color: #dc322f; } /* VerbatimString */
-code span.wa { color: #b58900; } /* Warning */
-	</style>
-		<link rel="stylesheet" href="styles/style.css">
-			</head>
-
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <title>Home</title>
+  <link rel="icon" type="image/x-icon" href="images/favicon.png">
+  <style>
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+  </style>
+  <link rel="stylesheet" href="styles/style.css">
+</head>
 <body>
-		<img id="shork" src="images/shork.png"></img>
-	<header id="page-header">
-		<a class="page-header-button" href="index.html">Home</a>
-		<a class="rss-button" href="rss.xml">RSS Feed</a>
-	</header>
-	<main id="page">
-				<header id="title-block-header">
-			<h1 class="title">Home</h1>
-														</header>
-						<article>
-			<p>Hello! I am Never and this is my little place on the internet where I
-post the stuff that I am currently nerding out about.</p>
-<p>This Website itself is one of those projects, that I like to tweak
-and tinker with. Maybe I’ll write an article about its build system. It
-is also viewable via <code>curl</code>. Just run</p>
-<div class="sourceCode" id="cb1"><pre class="sourceCode sh"><code class="sourceCode bash"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="ex">curl</span> nevereverever.de</span></code></pre></div>
-<p>There also is an RSS Feed to stay updated about my doings.</p>
-		</article>
-				<nav id="articles">
-			<h1>Articles</h1>
-			<ul>
-								<li>
-					<header class="articles-header">
-												<a href="rsync-android.html" class="articles-title">Using rsync on
-Android to syncronise my Music library</a>
-											</header>
-										<p class="articles-summary">As Spotify is getting enshittified by
-capitalism, keeping a music library is kind of essential. Here I use
-rsync to syncronise my library with my Android smartphone.</p>
-										<footer class="articles-footer">
-												<div class="articles-author">Never</div>
-																		<div class="articles-date">2026-01-12</div>
-											</footer>
-				</li>
-								<li>
-					<header class="articles-header">
-												<a href="latex-endeavors.html" class="articles-title">Latex
+<canvas id="tv-screen"></canvas>
+<header id="page-header">
+<ul><li><a href="index.html">Home</a></li></ul>
+</header>
+<header id="title-block-header">
+<h1 class="title">Home</h1>
+</header>
+<section id="content">
+<article>
+<p>Hello World</p>
+</article>
+<nav id="articles">
+<h2>Articles</h2>
+<ul>
+<li>
+<div class="articles-header">
+<a href="latex-endeavors.html" class="articles-title">Latex
 Endeavors</a>
-											</header>
-										<p class="articles-summary">Latex undoubtedly has some quirks. Some of
+<p class="articles-author"><em>Never</em></p>
+</div>
+<p class="articles-summary">Latex undoubtedly has some quirks. Some of
 them have a rather unintuitive solution. In this article I cover some
 quirks and solutions I have encountered.</p>
-										<footer class="articles-footer">
-												<div class="articles-author">Never</div>
-																		<div class="articles-date">2026-01-09</div>
-											</footer>
-				</li>
-								<li>
-					<header class="articles-header">
-												<a href="random-linux-utils.html" class="articles-title">Random linux
+<p class="articles-date">9.1.2026</p>
+</li>
+<li>
+<div class="articles-header">
+<a href="random-linux-utils.html" class="articles-title">Random linux
 utilities</a>
-											</header>
-										<p class="articles-summary">Tricks and tools I learned about, while
+<p class="articles-author"><em>Never</em></p>
+</div>
+<p class="articles-summary">Tricks and tools I learned about, while
 tweaking my Linux sytem or trying to do productive things.</p>
-										<footer class="articles-footer">
-												<div class="articles-author">Never</div>
-																		<div class="articles-date">2025-07-25</div>
-											</footer>
-				</li>
-							</ul>
-		</nav>
-			</main>
-	<footer id="page-footer">
-		<nav id="webring">
-			<a href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous"
-					src="images/cups_left_dark.svg" width="30" height="30"></a>
-			<a href="https://cups.teabucket.eu/" target="_parent"><img alt="CUPS" src="images/cups_logo_dark.svg"
-					width="120" height="60"></a>
-			<a href="https://cups.teabucket.eu/next?from=never" target="_parent"><img alt="Next"
-					src="images/cups_right_dark.svg" width="30" height="30"></a>
-		</nav>
-	</footer>
-	</body>
-<script src="scripts/shork.js"></script>
+<p class="articles-date">25.7.2025</p>
+</li>
+<li>
+<div class="articles-header">
+<a href="rsync-android.html" class="articles-title">Using rsync on
+Android to syncronise my Music library</a>
+<p class="articles-author"><em>Never</em></p>
+</div>
+<p class="articles-summary">As Spotify is getting enshittified by
+capitalism, keeping a music library is kind of essential. Here I use
+rsync to syncronise my library with my Android smartphone.</p>
+<p class="articles-date">12.01.2026</p>
+</li>
+</ul>
+</nav>
+</section>
+<script>
+let speed = 10;
+let scale = 0.33; // Image scale (I work on 1080p monitor)
+let canvas;
+let ctx;
+let logoColor;
+
+let dvd = {
+    x: 256,
+    y: 354,
+    xspeed: 2,
+    yspeed: 2,
+    img: new Image()
+};
+
+(function main(){
+    canvas = document.getElementById("tv-screen");
+    ctx = canvas.getContext("2d");
+    dvd.img.src = 'images/shark.png';
+
+    //Draw the "tv screen"
+    canvas.width  = window.innerWidth;
+    canvas.height = window.innerHeight;
+
+    pickColor();
+    update();
+})();
+
+function update() {
+    setTimeout(() => {
+        //Draw the canvas background
+        ctx.fillStyle = '#00000000';
+        ctx.clearRect(0, 0, canvas.width, canvas.height);
+        //Draw DVD Logo and his background
+        //ctx.fillStyle = logoColor;
+        //ctx.fillRect(dvd.x, dvd.y, dvd.img.width*scale, dvd.img.height*scale);
+        ctx.drawImage(dvd.img, dvd.x, dvd.y, dvd.img.width*scale, dvd.img.height*scale);
+        //Move the logo
+        dvd.x+=dvd.xspeed;
+        dvd.y+=dvd.yspeed;
+        //Check for collision 
+        checkHitBox();
+        update();   
+    }, speed)
+}
+
+//Check for border collision
+function checkHitBox(){
+    if(dvd.x+dvd.img.width*scale >= canvas.width || dvd.x <= 0){
+        dvd.xspeed *= -1;
+        pickColor();
+    }
+        
+    if(dvd.y+dvd.img.height*scale >= canvas.height || dvd.y <= 0){
+        dvd.yspeed *= -1;
+        pickColor();
+    }    
+}
+
+//Pick a random color in RGB format
+function pickColor(){
+    r = Math.random() * (254 - 0) + 0;
+    g = Math.random() * (254 - 0) + 0;
+    b = Math.random() * (254 - 0) + 0;
+
+    logoColor = 'rgb('+r+','+g+', '+b+')';
+}
+</script>
+<footer id="page-footer">
+<!-- <embed type="text/html" src="https://cups.teabucket.eu/embed?from=never" style="width:320px; height: 120px; scale: 0.66;"> -->
+<p class="cups-light">
+<a href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous" src="images/cups_left.svg" width="30" height="30"></a>
+<a href="https://cups.teabucket.eu/" target="_parent"><img alt="CUPS" src="images/cups_logo.svg" width="120" height="60"></a>
+<a href="https://cups.teabucket.eu/next?from=never" target="_parent"><img alt="Next" src="images/cups_right.svg" width="30" height="30"></a>
+</p>
+</footer>
+</body>
 </html>
diff --git a/public_html/eh/eh/eh/eh-eh/latex-endeavors.html b/public_html/eh/eh/eh/eh-eh/latex-endeavors.html
index f756c00..6e860b1 100644
--- a/public_html/eh/eh/eh/eh-eh/latex-endeavors.html
+++ b/public_html/eh/eh/eh/eh-eh/latex-endeavors.html
@@ -1,49 +1,44 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="" >
-
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
-	<meta charset="utf-8" />
-	<meta name="generator" content="pandoc" />
-	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
-		<meta name="author" content="Never" />
-			<meta name="dcterms.date" content="2026-01-09" />
-				<title>Latex Endeavors</title>
-	<link rel="icon" type="image/x-icon" href="images/favicon.png">
-	<link rel="alternate" type="application/rss+xml" title="nevereverever.de" href="https://nevereverever.de/eh/eh/eh/eh-eh/rss.xml">
-	<style>
-		code{white-space: pre-wrap;}
-span.smallcaps{font-variant: small-caps;}
-div.columns{display: flex; gap: min(4vw, 1.5em);}
-div.column{flex: auto; overflow-x: auto;}
-div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
-/* The extra [class] is a hack that increases specificity enough to
-   override a similar rule in reveal.js */
-ul.task-list[class]{list-style: none;}
-ul.task-list li input[type="checkbox"] {
-  font-size: inherit;
-  width: 0.8em;
-  margin: 0 0.8em 0.2em -1.6em;
-  vertical-align: middle;
-}
-	</style>
-		<link rel="stylesheet" href="styles/style.css">
-			</head>
-
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <meta name="author" content="Never" />
+  <title>Latex Endeavors</title>
+  <link rel="icon" type="image/x-icon" href="images/favicon.png">
+  <style>
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+  </style>
+  <link rel="stylesheet" href="styles/style.css">
+</head>
 <body>
-		<img id="shork" src="images/shork.png"></img>
-	<header id="page-header">
-		<a class="page-header-button" href="index.html">Home</a>
-		<a class="rss-button" href="rss.xml">RSS Feed</a>
-	</header>
-	<main id="page">
-				<header id="title-block-header">
-			<h1 class="title">Latex Endeavors</h1>
-						<p class="subtitle">Some unintuitive quirks of Latex</p>
-									<p class="author">Never</p>
-									<p class="date">2026-01-09</p>
-								</header>
-						<nav id="TOC" role="doc-toc">
-						<ul>
+<canvas id="tv-screen"></canvas>
+<header id="page-header">
+<ul><li><a href="index.html">Home</a></li></ul>
+</header>
+<header id="title-block-header">
+<h1 class="title">Latex Endeavors</h1>
+<p class="subtitle">Some unintuitive quirks of Latex</p>
+<p class="author">Never</p>
+<p class="date">9.1.2026</p>
+</header>
+<section id="content">
+<nav id="TOC" role="doc-toc">
+<ul>
 <li><a href="#biblatex-and-biber" id="toc-biblatex-and-biber">BibLaTeX
 and Biber</a>
 <ul>
@@ -51,26 +46,23 @@ and Biber</a>
 run</a></li>
 </ul></li>
 </ul>
-		</nav>
-				<article>
-			<h1 id="biblatex-and-biber">BibLaTeX and Biber</h1>
+</nav>
+<article>
+<h1 id="biblatex-and-biber">BibLaTeX and Biber</h1>
 <h2 id="biber-doesnt-run">Biber doesn’t run</h2>
 <p>Biber doens’t run if the (fedora) package
 <code>libxcrypt-compat</code> is missing. It will fail with the error
 message</p>
 <pre><code>biber: error while loading shared libraries: libcrypt.so.1: cannot open shared object file: No such file or directory</code></pre>
-		</article>
-			</main>
-	<footer id="page-footer">
-		<nav id="webring">
-			<a href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous"
-					src="images/cups_left_dark.svg" width="30" height="30"></a>
-			<a href="https://cups.teabucket.eu/" target="_parent"><img alt="CUPS" src="images/cups_logo_dark.svg"
-					width="120" height="60"></a>
-			<a href="https://cups.teabucket.eu/next?from=never" target="_parent"><img alt="Next"
-					src="images/cups_right_dark.svg" width="30" height="30"></a>
-		</nav>
-	</footer>
-	</body>
-<script src="scripts/shork.js"></script>
+</article>
+</section>
+<footer id="page-footer">
+<!-- <embed type="text/html" src="https://cups.teabucket.eu/embed?from=never" style="width:320px; height: 120px; scale: 0.66;"> -->
+<p class="cups-light">
+<a href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous" src="images/cups_left.svg" width="30" height="30"></a>
+<a href="https://cups.teabucket.eu/" target="_parent"><img alt="CUPS" src="images/cups_logo.svg" width="120" height="60"></a>
+<a href="https://cups.teabucket.eu/next?from=never" target="_parent"><img alt="Next" src="images/cups_right.svg" width="30" height="30"></a>
+</p>
+</footer>
+</body>
 </html>
diff --git a/public_html/eh/eh/eh/eh-eh/pandoc.html b/public_html/eh/eh/eh/eh-eh/pandoc.html
deleted file mode 100644
index fca7ea4..0000000
--- a/public_html/eh/eh/eh/eh-eh/pandoc.html
+++ /dev/null
@@ -1,437 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="" >
-
-<head>
-	<meta charset="utf-8" />
-	<meta name="generator" content="pandoc" />
-	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
-		<meta name="author" content="Never" />
-			<meta name="dcterms.date" content="2025-07-25" />
-				<title>Testing pandoc markdown capabilities</title>
-	<link rel="icon" type="image/x-icon" href="images/favicon.png">
-	<style>
-		code{white-space: pre-wrap;}
-span.smallcaps{font-variant: small-caps;}
-div.columns{display: flex; gap: min(4vw, 1.5em);}
-div.column{flex: auto; overflow-x: auto;}
-div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
-/* The extra [class] is a hack that increases specificity enough to
-   override a similar rule in reveal.js */
-ul.task-list[class]{list-style: none;}
-ul.task-list li input[type="checkbox"] {
-  font-size: inherit;
-  width: 0.8em;
-  margin: 0 0.8em 0.2em -1.6em;
-  vertical-align: middle;
-}
-/* CSS for syntax highlighting */
-html { -webkit-text-size-adjust: 100%; }
-pre > code.sourceCode { white-space: pre; position: relative; }
-pre > code.sourceCode > span { display: inline-block; line-height: 1.25; }
-pre > code.sourceCode > span:empty { height: 1.2em; }
-.sourceCode { overflow: visible; }
-code.sourceCode > span { color: inherit; text-decoration: inherit; }
-div.sourceCode { margin: 1em 0; }
-pre.sourceCode { margin: 0; }
-@media screen {
-div.sourceCode { overflow: auto; }
-}
-@media print {
-pre > code.sourceCode { white-space: pre-wrap; }
-pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
-}
-pre.numberSource code
-  { counter-reset: source-line 0; }
-pre.numberSource code > span
-  { position: relative; left: -4em; counter-increment: source-line; }
-pre.numberSource code > span > a:first-child::before
-  { content: counter(source-line);
-    position: relative; left: -1em; text-align: right; vertical-align: baseline;
-    border: none; display: inline-block;
-    -webkit-touch-callout: none; -webkit-user-select: none;
-    -khtml-user-select: none; -moz-user-select: none;
-    -ms-user-select: none; user-select: none;
-    padding: 0 4px; width: 4em;
-    background-color: #073642;
-    color: #586e75;
-  }
-pre.numberSource { margin-left: 3em; border-left: 1px solid #586e75;  padding-left: 4px; }
-div.sourceCode
-  { color: #839496; background-color: #002b36; }
-@media screen {
-pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
-}
-code span.al { color: #d33682; } /* Alert */
-code span.an { color: #dc322f; } /* Annotation */
-code span.at { color: #dc322f; } /* Attribute */
-code span.bn { color: #2aa198; } /* BaseN */
-code span.bu { color: #b58900; } /* BuiltIn */
-code span.cf { color: #859900; } /* ControlFlow */
-code span.ch { color: #2aa198; } /* Char */
-code span.cn { color: #b58900; } /* Constant */
-code span.co { color: #586e75; font-style: italic; } /* Comment */
-code span.cv { color: #268bd2; } /* CommentVar */
-code span.do { color: #586e75; font-style: italic; } /* Documentation */
-code span.dt { color: #b58900; } /* DataType */
-code span.dv { color: #2aa198; } /* DecVal */
-code span.er { color: #dc322f; text-decoration: underline; } /* Error */
-code span.ex { color: #b58900; } /* Extension */
-code span.fl { color: #2aa198; } /* Float */
-code span.fu { } /* Function */
-code span.im { color: #cb4b16; } /* Import */
-code span.in { color: #268bd2; } /* Information */
-code span.kw { color: #93a1a1; font-weight: bold; } /* Keyword */
-code span.op { } /* Operator */
-code span.ot { } /* Other */
-code span.pp { color: #cb4b16; } /* Preprocessor */
-code span.re { color: #cb4b16; } /* RegionMarker */
-code span.sc { color: #dc322f; } /* SpecialChar */
-code span.ss { color: #b58900; } /* SpecialString */
-code span.st { color: #2aa198; } /* String */
-code span.va { color: #cb4b16; } /* Variable */
-code span.vs { color: #dc322f; } /* VerbatimString */
-code span.wa { color: #b58900; } /* Warning */
-	</style>
-		<link rel="stylesheet" href="styles/style.css">
-			</head>
-
-<body>
-		<img id="shork" src="images/shork.png"></img>
-	<header id="page-header">
-		<a class="page-header-button" href="index.html">Home</a>
-		<a class="rss-button" href="rss.xml">RSS Feed</a>
-	</header>
-	<main id="page">
-				<header id="title-block-header">
-			<h1 class="title">Testing pandoc markdown capabilities</h1>
-						<p class="subtitle">Things I hope just work</p>
-									<p class="author">Never</p>
-									<p class="date">2025-07-25</p>
-								</header>
-						<nav id="TOC" role="doc-toc">
-						<ul>
-<li><a href="#level-1-heading" id="toc-level-1-heading">Level 1
-Heading</a>
-<ul>
-<li><a href="#level-2-heading" id="toc-level-2-heading">Level 2
-Heading</a>
-<ul>
-<li><a href="#level-3-heading" id="toc-level-3-heading">Level 3
-Heading</a></li>
-</ul></li>
-</ul></li>
-</ul>
-		</nav>
-				<article>
-			<h1 id="level-1-heading">Level 1 Heading</h1>
-<p>A link to a Heading <a href="#level-4-heading">Level 4 Heading</a>
-followed by another paragraph.</p>
-<ul>
-<li><p>fruits</p>
-<p>Everything is a fruit</p>
-<ul>
-<li>apples
-<ul>
-<li>macintosh</li>
-<li>red delicious</li>
-</ul></li>
-<li>pears</li>
-<li>peaches</li>
-</ul></li>
-<li><p>vegetables</p>
-<ul>
-<li>broccoli</li>
-<li>chard</li>
-</ul></li>
-</ul>
-<ol type="1">
-<li>first</li>
-<li>second</li>
-<li>third
-<ol type="i">
-<li>subone</li>
-<li>subtwo</li>
-<li>subthree</li>
-</ol></li>
-</ol>
-<ul class="task-list">
-<li><label><input type="checkbox" />an unchecked task list
-item</label></li>
-<li><label><input type="checkbox" checked="" />checked item</label></li>
-</ul>
-<p>Lorem <em>ipsum dolor</em> sit amet, consectetur <em>adipi</em>scing
-elit. Integer nisl enim, condimentum <del>vitae lacus vel</del>, semper
-efficitur est. Cras pretium porta luctus. <strong>Nulla iaculis</strong>
-nisi at quam varius, et con<strong>sequat</strong> lorem blandit. Ut
-tincidunt leo sit amet velit lobortis, et blandit metus mollis. Nam
-H<sub>2</sub>O tristique ex a quam aliquet, eget 2<sup>10</sup> vehicula
-sapien <code>rhoncus</code>. Aliquam <code
-class="sourceCode c"><span class="cf">return</span> <span class="dv">0</span><span class="op">;</span></code>
-sodales pretium auctor. <span class="smallcaps">Aliquam convallis</span>
-sodales <mark>elementum</mark>.</p>
-<div class="sourceCode" id="cb1"><pre class="sourceCode c"><code class="sourceCode c"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="pp">#include </span><span class="im">&lt;stdio.h&gt;</span></span>
-<span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a></span>
-<span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a><span class="co">// </span><span class="al">TODO</span><span class="co">: A funny comment</span></span>
-<span id="cb1-4"><a href="#cb1-4" aria-hidden="true" tabindex="-1"></a><span class="dt">int</span> main<span class="op">()</span> <span class="op">{</span></span>
-<span id="cb1-5"><a href="#cb1-5" aria-hidden="true" tabindex="-1"></a>    <span class="dt">char</span> greetings<span class="op">[]</span> <span class="op">=</span> <span class="op">{</span><span class="ch">&#39;H&#39;</span><span class="op">,</span> <span class="ch">&#39;e&#39;</span><span class="op">,</span> <span class="ch">&#39;l&#39;</span><span class="op">,</span> <span class="ch">&#39;l&#39;</span><span class="op">,</span> <span class="ch">&#39;o&#39;</span><span class="op">,</span> <span class="ch">&#39; &#39;</span><span class="op">,</span> <span class="ch">&#39;W&#39;</span><span class="op">,</span> <span class="ch">&#39;o&#39;</span><span class="op">,</span> <span class="ch">&#39;r&#39;</span><span class="op">,</span> <span class="ch">&#39;l&#39;</span><span class="op">,</span> <span class="ch">&#39;d&#39;</span><span class="op">,</span> <span class="ch">&#39;!&#39;</span><span class="op">,</span> <span class="ch">&#39;</span><span class="sc">\0</span><span class="ch">&#39;</span><span class="op">};</span></span>
-<span id="cb1-6"><a href="#cb1-6" aria-hidden="true" tabindex="-1"></a>    <span class="dt">char</span> greetings2<span class="op">[]</span> <span class="op">=</span> <span class="st">&quot;Hello World!&quot;</span><span class="op">;</span></span>
-<span id="cb1-7"><a href="#cb1-7" aria-hidden="true" tabindex="-1"></a></span>
-<span id="cb1-8"><a href="#cb1-8" aria-hidden="true" tabindex="-1"></a>    printf<span class="op">(</span><span class="st">&quot;</span><span class="sc">%zu\n</span><span class="st">&quot;</span><span class="op">,</span> <span class="kw">sizeof</span><span class="op">(</span>greetings<span class="op">));</span></span>
-<span id="cb1-9"><a href="#cb1-9" aria-hidden="true" tabindex="-1"></a>    printf<span class="op">(</span><span class="st">&quot;</span><span class="sc">%zu\n</span><span class="st">&quot;</span><span class="op">,</span> <span class="kw">sizeof</span><span class="op">(</span>greetings2<span class="op">));</span></span>
-<span id="cb1-10"><a href="#cb1-10" aria-hidden="true" tabindex="-1"></a></span>
-<span id="cb1-11"><a href="#cb1-11" aria-hidden="true" tabindex="-1"></a>    <span class="cf">return</span> <span class="dv">0</span><span class="op">;</span></span>
-<span id="cb1-12"><a href="#cb1-12" aria-hidden="true" tabindex="-1"></a><span class="op">}</span></span></code></pre></div>
-<p>Aenean eros lacus, volutpat at molestie vitae, pretium eu diam.
-Quisque sit
-<math display="inline" xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mn>1</mn><mo>+</mo><mn>2</mn><mo>+</mo><mn>3</mn><mo>+</mo><mi>⋯</mi><mo>+</mo><mi>n</mi></mrow><annotation encoding="application/x-tex">1 + 2 + 3 + \cdots + n</annotation></semantics></math>
-amet nisl ut dolor congue sodales.</p>
-<p><math display="block" xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><munderover><mo>∑</mo><mrow><mi>i</mi><mo>=</mo><mn>1</mn></mrow><mi>n</mi></munderover><mi>i</mi><mo>=</mo><mfrac><mrow><mi>n</mi><mo stretchy="false" form="prefix">(</mo><mi>n</mi><mo>+</mo><mn>1</mn><mo stretchy="false" form="postfix">)</mo></mrow><mn>2</mn></mfrac></mrow><annotation encoding="application/x-tex">
-\sum_{i=1}^{n} i = \frac{n (n + 1)}{2}
-</annotation></semantics></math></p>
-<h2 id="level-2-heading">Level 2 Heading</h2>
-<blockquote>
-<p>This is a block quote with two lines and a</p>
-<ol type="1">
-<li>List item</li>
-<li>Another list item</li>
-</ol>
-<blockquote>
-<p>And a nested block quote</p>
-</blockquote>
-<p>Yeah</p>
-</blockquote>
-<dl>
-<dt>Term 1</dt>
-<dd>
-<p>Definition 1</p>
-</dd>
-<dt>Term 2 with <em>inline markup</em></dt>
-<dd>
-<p>Definition 2</p>
-<pre><code>{ some code, part of Definition 2 }</code></pre>
-<p>Third paragraph of definition 2.</p>
-</dd>
-<dt>Term 1</dt>
-<dd>
-Definition 1
-</dd>
-<dt>Term 2</dt>
-<dd>
-Definition 2a
-</dd>
-<dd>
-Definition 2b
-</dd>
-</dl>
-<h3 id="level-3-heading">Level 3 Heading</h3>
-<p>A little poem</p>
-<div class="line-block">The limerick packs laughs anatomical<br />
-In space that is quite economical.<br />
-   But the good ones I’ve seen<br />
-   So seldom are clean<br />
-And the clean ones so seldom are comical</div>
-<hr />
-<ol class="example" type="1">
-<li>My first example will be numbered (1).</li>
-<li>My second example will be numbered (2).</li>
-</ol>
-<p>Explanation of examples.</p>
-<ol start="3" class="example" type="1">
-<li>My third example will be numbered (3).</li>
-</ol>
-<p>As (2) illustrates, …</p>
-<hr />
-<h4 id="level-4-heading">Level 4 Heading</h4>
-<table>
-<caption>Demonstration of simple table syntax.</caption>
-<thead>
-<tr>
-<th style="text-align: right;">Right</th>
-<th style="text-align: left;">Left</th>
-<th style="text-align: center;">Center</th>
-<th>Default</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td style="text-align: right;">12</td>
-<td style="text-align: left;">12</td>
-<td style="text-align: center;">12</td>
-<td>12</td>
-</tr>
-<tr>
-<td style="text-align: right;">123</td>
-<td style="text-align: left;">123</td>
-<td style="text-align: center;">123</td>
-<td>123</td>
-</tr>
-<tr>
-<td style="text-align: right;">1</td>
-<td style="text-align: left;">1</td>
-<td style="text-align: center;">1</td>
-<td>1</td>
-</tr>
-</tbody>
-</table>
-<p>Following is a multiline table</p>
-<table style="width:86%;">
-<caption>Here’s the caption. It, too, may span multiple lines.</caption>
-<colgroup>
-<col style="width: 16%" />
-<col style="width: 11%" />
-<col style="width: 22%" />
-<col style="width: 36%" />
-</colgroup>
-<thead>
-<tr>
-<th style="text-align: center;">Centered Header</th>
-<th>Default Aligned</th>
-<th style="text-align: right;">Right Aligned</th>
-<th style="text-align: left;">Left Aligned</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td style="text-align: center;">First</td>
-<td>row</td>
-<td style="text-align: right;">12.0</td>
-<td style="text-align: left;">Example of a row that spans multiple
-lines.</td>
-</tr>
-<tr>
-<td style="text-align: center;">Second</td>
-<td>row</td>
-<td style="text-align: right;">5.0</td>
-<td style="text-align: left;">Here’s another one. Note the blank line
-between rows.</td>
-</tr>
-</tbody>
-</table>
-<p>Then we have a Grid table</p>
-<table style="width:64%;">
-<caption>Grid table</caption>
-<colgroup>
-<col style="width: 30%" />
-<col style="width: 11%" />
-<col style="width: 11%" />
-<col style="width: 11%" />
-</colgroup>
-<thead>
-<tr>
-<th rowspan="2" style="text-align: left;">Location</th>
-<th colspan="3" style="text-align: right;">Temperature 1961-1990 in
-degree Celsius</th>
-</tr>
-<tr>
-<th style="text-align: right;">min</th>
-<th style="text-align: right;">mean</th>
-<th style="text-align: right;">max</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td style="text-align: left;">Antarctica</td>
-<td style="text-align: right;">-89.2</td>
-<td style="text-align: right;">N/A</td>
-<td style="text-align: right;">19.8</td>
-</tr>
-<tr>
-<td style="text-align: left;">Earth</td>
-<td style="text-align: right;">-89.2</td>
-<td style="text-align: right;">14</td>
-<td style="text-align: right;">56.7</td>
-</tr>
-</tbody>
-</table>
-<p>An a Pipe table</p>
-<table>
-<caption>Demonstration of pipe table syntax.</caption>
-<thead>
-<tr>
-<th style="text-align: right;">Right</th>
-<th style="text-align: left;">Left</th>
-<th>Default</th>
-<th style="text-align: center;">Center</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td style="text-align: right;">12</td>
-<td style="text-align: left;">12</td>
-<td>12</td>
-<td style="text-align: center;">12</td>
-</tr>
-<tr>
-<td style="text-align: right;">123</td>
-<td style="text-align: left;">123</td>
-<td>123</td>
-<td style="text-align: center;">123</td>
-</tr>
-<tr>
-<td style="text-align: right;">1</td>
-<td style="text-align: left;">1</td>
-<td>1</td>
-<td style="text-align: center;">1</td>
-</tr>
-</tbody>
-</table>
-<h5 id="level-5-heading">Level 5 Heading</h5>
-<p><a href="https://google.com" class="uri">https://google.com</a></p>
-<p><a href="mailto:sam@green.eggs.ham"
-class="email">sam@green.eggs.ham</a></p>
-<p>Link to <a href="index.html" title="My title, optional">my label
-1</a> and <a href=".">my label 2</a> and <a href="https://fsf.org"
-title="The Free Software Foundation">my label 3</a> and <a
-href="index.html#articles" title="A title in single quotes">my label
-4</a></p>
-<p>This is an <a href="/url">inline link</a>, and here’s <a
-href="https://fsf.org" title="click here for a good time!">one with a
-title</a> and <a href="mailto:sam@green.eggs.ham">Write me!</a></p>
-<figure>
-<img src="images/shork.png" title="the shork" style="width:20.0%"
-alt="The wonderful shork" />
-<figcaption aria-hidden="true">The wonderful shork</figcaption>
-</figure>
-<p>Here is a footnote reference,<a href="#fn1" class="footnote-ref"
-id="fnref1" role="doc-noteref"><sup>1</sup></a> and another.<a
-href="#fn2" class="footnote-ref" id="fnref2"
-role="doc-noteref"><sup>2</sup></a></p>
-<p>This paragraph won’t be part of the note, because it isn’t
-indented.</p>
-<h6 id="level-6-heading">Level 6 Heading</h6>
-<div class="Warning">
-<p>This is a warning.</p>
-<div class="Danger">
-<p>This is a warning within a warning.</p>
-</div>
-</div>
-<section id="footnotes" class="footnotes footnotes-end-of-document"
-role="doc-endnotes">
-<hr />
-<ol>
-<li id="fn1"><p>Here is the footnote.<a href="#fnref1"
-class="footnote-back" role="doc-backlink">↩︎</a></p></li>
-<li id="fn2"><p>Here’s one with multiple blocks.</p>
-<p>Subsequent paragraphs are indented to show that they belong to the
-previous footnote.</p>
-<pre><code>{ some.code }</code></pre>
-<p>The whole paragraph can be indented, or just the first line. In this
-way, multi-paragraph footnotes work like multi-paragraph list items.<a
-href="#fnref2" class="footnote-back" role="doc-backlink">↩︎</a></p></li>
-</ol>
-</section>
-		</article>
-			</main>
-	<footer id="page-footer">
-		<nav id="webring">
-			<a href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous"
-					src="images/cups_left_dark.svg" width="30" height="30"></a>
-			<a href="https://cups.teabucket.eu/" target="_parent"><img alt="CUPS" src="images/cups_logo_dark.svg"
-					width="120" height="60"></a>
-			<a href="https://cups.teabucket.eu/next?from=never" target="_parent"><img alt="Next"
-					src="images/cups_right_dark.svg" width="30" height="30"></a>
-		</nav>
-	</footer>
-	</body>
-<script src="scripts/shork.js"></script>
-</html>
diff --git a/public_html/eh/eh/eh/eh-eh/random-linux-utils.html b/public_html/eh/eh/eh/eh-eh/random-linux-utils.html
index ace63a8..a04f711 100644
--- a/public_html/eh/eh/eh/eh-eh/random-linux-utils.html
+++ b/public_html/eh/eh/eh/eh-eh/random-linux-utils.html
@@ -1,125 +1,117 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="" >
-
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
-	<meta charset="utf-8" />
-	<meta name="generator" content="pandoc" />
-	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
-		<meta name="author" content="Never" />
-			<meta name="dcterms.date" content="2025-07-25" />
-				<title>Random linux utilities</title>
-	<link rel="icon" type="image/x-icon" href="images/favicon.png">
-	<link rel="alternate" type="application/rss+xml" title="nevereverever.de" href="https://nevereverever.de/eh/eh/eh/eh-eh/rss.xml">
-	<style>
-		code{white-space: pre-wrap;}
-span.smallcaps{font-variant: small-caps;}
-div.columns{display: flex; gap: min(4vw, 1.5em);}
-div.column{flex: auto; overflow-x: auto;}
-div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
-/* The extra [class] is a hack that increases specificity enough to
-   override a similar rule in reveal.js */
-ul.task-list[class]{list-style: none;}
-ul.task-list li input[type="checkbox"] {
-  font-size: inherit;
-  width: 0.8em;
-  margin: 0 0.8em 0.2em -1.6em;
-  vertical-align: middle;
-}
-/* CSS for syntax highlighting */
-html { -webkit-text-size-adjust: 100%; }
-pre > code.sourceCode { white-space: pre; position: relative; }
-pre > code.sourceCode > span { display: inline-block; line-height: 1.25; }
-pre > code.sourceCode > span:empty { height: 1.2em; }
-.sourceCode { overflow: visible; }
-code.sourceCode > span { color: inherit; text-decoration: inherit; }
-div.sourceCode { margin: 1em 0; }
-pre.sourceCode { margin: 0; }
-@media screen {
-div.sourceCode { overflow: auto; }
-}
-@media print {
-pre > code.sourceCode { white-space: pre-wrap; }
-pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
-}
-pre.numberSource code
-  { counter-reset: source-line 0; }
-pre.numberSource code > span
-  { position: relative; left: -4em; counter-increment: source-line; }
-pre.numberSource code > span > a:first-child::before
-  { content: counter(source-line);
-    position: relative; left: -1em; text-align: right; vertical-align: baseline;
-    border: none; display: inline-block;
-    -webkit-touch-callout: none; -webkit-user-select: none;
-    -khtml-user-select: none; -moz-user-select: none;
-    -ms-user-select: none; user-select: none;
-    padding: 0 4px; width: 4em;
-    background-color: #073642;
-    color: #586e75;
-  }
-pre.numberSource { margin-left: 3em; border-left: 1px solid #586e75;  padding-left: 4px; }
-div.sourceCode
-  { color: #839496; background-color: #002b36; }
-@media screen {
-pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
-}
-code span.al { color: #d33682; } /* Alert */
-code span.an { color: #dc322f; } /* Annotation */
-code span.at { color: #dc322f; } /* Attribute */
-code span.bn { color: #2aa198; } /* BaseN */
-code span.bu { color: #b58900; } /* BuiltIn */
-code span.cf { color: #859900; } /* ControlFlow */
-code span.ch { color: #2aa198; } /* Char */
-code span.cn { color: #b58900; } /* Constant */
-code span.co { color: #586e75; font-style: italic; } /* Comment */
-code span.cv { color: #268bd2; } /* CommentVar */
-code span.do { color: #586e75; font-style: italic; } /* Documentation */
-code span.dt { color: #b58900; } /* DataType */
-code span.dv { color: #2aa198; } /* DecVal */
-code span.er { color: #dc322f; text-decoration: underline; } /* Error */
-code span.ex { color: #b58900; } /* Extension */
-code span.fl { color: #2aa198; } /* Float */
-code span.fu { } /* Function */
-code span.im { color: #cb4b16; } /* Import */
-code span.in { color: #268bd2; } /* Information */
-code span.kw { color: #93a1a1; font-weight: bold; } /* Keyword */
-code span.op { } /* Operator */
-code span.ot { } /* Other */
-code span.pp { color: #cb4b16; } /* Preprocessor */
-code span.re { color: #cb4b16; } /* RegionMarker */
-code span.sc { color: #dc322f; } /* SpecialChar */
-code span.ss { color: #b58900; } /* SpecialString */
-code span.st { color: #2aa198; } /* String */
-code span.va { color: #cb4b16; } /* Variable */
-code span.vs { color: #dc322f; } /* VerbatimString */
-code span.wa { color: #b58900; } /* Warning */
-	</style>
-		<link rel="stylesheet" href="styles/style.css">
-			</head>
-
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <meta name="author" content="Never" />
+  <title>Random linux utilities</title>
+  <link rel="icon" type="image/x-icon" href="images/favicon.png">
+  <style>
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+    /* CSS for syntax highlighting */
+    html { -webkit-text-size-adjust: 100%; }
+    pre > code.sourceCode { white-space: pre; position: relative; }
+    pre > code.sourceCode > span { display: inline-block; line-height: 1.25; }
+    pre > code.sourceCode > span:empty { height: 1.2em; }
+    .sourceCode { overflow: visible; }
+    code.sourceCode > span { color: inherit; text-decoration: inherit; }
+    div.sourceCode { margin: 1em 0; }
+    pre.sourceCode { margin: 0; }
+    @media screen {
+    div.sourceCode { overflow: auto; }
+    }
+    @media print {
+    pre > code.sourceCode { white-space: pre-wrap; }
+    pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
+    }
+    pre.numberSource code
+      { counter-reset: source-line 0; }
+    pre.numberSource code > span
+      { position: relative; left: -4em; counter-increment: source-line; }
+    pre.numberSource code > span > a:first-child::before
+      { content: counter(source-line);
+        position: relative; left: -1em; text-align: right; vertical-align: baseline;
+        border: none; display: inline-block;
+        -webkit-touch-callout: none; -webkit-user-select: none;
+        -khtml-user-select: none; -moz-user-select: none;
+        -ms-user-select: none; user-select: none;
+        padding: 0 4px; width: 4em;
+      }
+    pre.numberSource { margin-left: 3em;  padding-left: 4px; }
+    div.sourceCode
+      { color: #cccccc; background-color: #303030; }
+    @media screen {
+    pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
+    }
+    code span.al { color: #ffcfaf; } /* Alert */
+    code span.an { color: #7f9f7f; font-weight: bold; } /* Annotation */
+    code span.at { } /* Attribute */
+    code span.bn { color: #dca3a3; } /* BaseN */
+    code span.bu { } /* BuiltIn */
+    code span.cf { color: #f0dfaf; } /* ControlFlow */
+    code span.ch { color: #dca3a3; } /* Char */
+    code span.cn { color: #dca3a3; font-weight: bold; } /* Constant */
+    code span.co { color: #7f9f7f; } /* Comment */
+    code span.cv { color: #7f9f7f; font-weight: bold; } /* CommentVar */
+    code span.do { color: #7f9f7f; } /* Documentation */
+    code span.dt { color: #dfdfbf; } /* DataType */
+    code span.dv { color: #dcdccc; } /* DecVal */
+    code span.er { color: #c3bf9f; } /* Error */
+    code span.ex { } /* Extension */
+    code span.fl { color: #c0bed1; } /* Float */
+    code span.fu { color: #efef8f; } /* Function */
+    code span.im { } /* Import */
+    code span.in { color: #7f9f7f; font-weight: bold; } /* Information */
+    code span.kw { color: #f0dfaf; } /* Keyword */
+    code span.op { color: #f0efd0; } /* Operator */
+    code span.ot { color: #efef8f; } /* Other */
+    code span.pp { color: #ffcfaf; font-weight: bold; } /* Preprocessor */
+    code span.sc { color: #dca3a3; } /* SpecialChar */
+    code span.ss { color: #cc9393; } /* SpecialString */
+    code span.st { color: #cc9393; } /* String */
+    code span.va { } /* Variable */
+    code span.vs { color: #cc9393; } /* VerbatimString */
+    code span.wa { color: #7f9f7f; font-weight: bold; } /* Warning */
+  </style>
+  <link rel="stylesheet" href="styles/style.css">
+</head>
 <body>
-		<img id="shork" src="images/shork.png"></img>
-	<header id="page-header">
-		<a class="page-header-button" href="index.html">Home</a>
-		<a class="rss-button" href="rss.xml">RSS Feed</a>
-	</header>
-	<main id="page">
-				<header id="title-block-header">
-			<h1 class="title">Random linux utilities</h1>
-						<p class="subtitle">Neat things I picked up along the way</p>
-									<p class="author">Never</p>
-									<p class="date">2025-07-25</p>
-								</header>
-						<nav id="TOC" role="doc-toc">
-						<ul>
+<canvas id="tv-screen"></canvas>
+<header id="page-header">
+<ul><li><a href="index.html">Home</a></li></ul>
+</header>
+<header id="title-block-header">
+<h1 class="title">Random linux utilities</h1>
+<p class="subtitle">Neat things I picked up along the way</p>
+<p class="author">Never</p>
+<p class="date">25.7.2025</p>
+</header>
+<section id="content">
+<nav id="TOC" role="doc-toc">
+<ul>
 <li><a href="#merge-pdfs" id="toc-merge-pdfs">Merge pdfs</a>
 <ul>
 <li><a href="#using-ghostscript" id="toc-using-ghostscript">Using
 Ghostscript</a></li>
 </ul></li>
 </ul>
-		</nav>
-				<article>
-			<h1 id="merge-pdfs">Merge pdfs</h1>
+</nav>
+<article>
+<h1 id="merge-pdfs">Merge pdfs</h1>
 <h2 id="using-ghostscript">Using Ghostscript</h2>
 <p>Ghostscript has a feature to merge multiple pdf files into one.
 Although ImageMagick also has this feature, I prefer this one, as it
@@ -128,18 +120,15 @@ doesn’t rasterize and scales down the pdf files.</p>
 class="sourceCode bash"><code class="sourceCode bash"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="fu">gs</span> <span class="at">-dNOPAUSE</span> <span class="at">-sDEVICE</span><span class="op">=</span>pdfwrite <span class="dt">\</span></span>
 <span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a>    <span class="at">-sOUTPUTFILE</span><span class="op">=</span>output.pdf <span class="dt">\</span></span>
 <span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a>    <span class="at">-dBATCH</span> 1.pdf 2.pdf</span></code></pre></div>
-		</article>
-			</main>
-	<footer id="page-footer">
-		<nav id="webring">
-			<a href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous"
-					src="images/cups_left_dark.svg" width="30" height="30"></a>
-			<a href="https://cups.teabucket.eu/" target="_parent"><img alt="CUPS" src="images/cups_logo_dark.svg"
-					width="120" height="60"></a>
-			<a href="https://cups.teabucket.eu/next?from=never" target="_parent"><img alt="Next"
-					src="images/cups_right_dark.svg" width="30" height="30"></a>
-		</nav>
-	</footer>
-	</body>
-<script src="scripts/shork.js"></script>
+</article>
+</section>
+<footer id="page-footer">
+<!-- <embed type="text/html" src="https://cups.teabucket.eu/embed?from=never" style="width:320px; height: 120px; scale: 0.66;"> -->
+<p class="cups-light">
+<a href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous" src="images/cups_left.svg" width="30" height="30"></a>
+<a href="https://cups.teabucket.eu/" target="_parent"><img alt="CUPS" src="images/cups_logo.svg" width="120" height="60"></a>
+<a href="https://cups.teabucket.eu/next?from=never" target="_parent"><img alt="Next" src="images/cups_right.svg" width="30" height="30"></a>
+</p>
+</footer>
+</body>
 </html>
diff --git a/public_html/eh/eh/eh/eh-eh/rss.xml b/public_html/eh/eh/eh/eh-eh/rss.xml
deleted file mode 100644
index e431ae0..0000000
--- a/public_html/eh/eh/eh/eh-eh/rss.xml
+++ /dev/null
@@ -1,44 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-	<channel>
-				<title>nevereverever.de</title>
-						<link>https://nevereverever.de/eh/eh/eh/eh-eh</link>
-						<description>Here I post random stuff.</description>
-						<language>en-us</language>
-						<pubDate>Mon, 12 Jan 2026 00:00:00 +0100</pubDate>
-						<lastBuildDate>Tue, 24 Feb 2026 22:14:40 +0100</lastBuildDate>
-				<docs>https://www.rssboard.org/rss-specification</docs>
-		<generator>pandoc</generator>
-				<managingEditor>n.gude@posteo.de (Never)</managingEditor>
-						<webMaster>n.gude@poster.de (Never)</webMaster>
-						<item>
-						<title>Using rsync on Android to syncronise my Music library</title>
-									<author>n.gude@posteo.de (Never)</author>
-									<link>https://nevereverever.de/eh/eh/eh/eh-eh/rsync-android.html</link>
-									<description>As Spotify is getting enshittified by capitalism, keeping a
-music library is kind of essential. Here I use rsync to syncronise my
-library with my Android smartphone.</description>
-									<pubDate>Mon, 12 Jan 2026 00:00:00 +0100</pubDate>
-									<guid>rsync-android</guid>
-					</item>
-				<item>
-						<title>Latex Endeavors</title>
-									<author>n.gude@posteo.de (Never)</author>
-									<link>https://nevereverever.de/eh/eh/eh/eh-eh/latex-endeavors.html</link>
-									<description>Latex undoubtedly has some quirks. Some of them have a
-rather unintuitive solution. In this article I cover some quirks and
-solutions I have encountered.</description>
-									<pubDate>Fri, 09 Jan 2026 00:00:00 +0100</pubDate>
-									<guid>latex-endeavors</guid>
-					</item>
-				<item>
-						<title>Random linux utilities</title>
-									<author>n.gude@posteo.de (Never)</author>
-									<link>https://nevereverever.de/eh/eh/eh/eh-eh/random-linux-utils.html</link>
-									<description>Tricks and tools I learned about, while tweaking my Linux
-sytem or trying to do productive things.</description>
-									<pubDate>Fri, 25 Jul 2025 00:00:00 +0200</pubDate>
-									<guid>random-linux-utils</guid>
-					</item>
-			</channel>
-</rss>
diff --git a/public_html/eh/eh/eh/eh-eh/rsync-android.html b/public_html/eh/eh/eh/eh-eh/rsync-android.html
index f09bfad..d291267 100644
--- a/public_html/eh/eh/eh/eh-eh/rsync-android.html
+++ b/public_html/eh/eh/eh/eh-eh/rsync-android.html
@@ -1,116 +1,108 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="" >
-
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
-	<meta charset="utf-8" />
-	<meta name="generator" content="pandoc" />
-	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
-		<meta name="author" content="Never" />
-			<meta name="dcterms.date" content="2026-01-12" />
-				<title>Using rsync on Android to syncronise my Music library</title>
-	<link rel="icon" type="image/x-icon" href="images/favicon.png">
-	<link rel="alternate" type="application/rss+xml" title="nevereverever.de" href="https://nevereverever.de/eh/eh/eh/eh-eh/rss.xml">
-	<style>
-		code{white-space: pre-wrap;}
-span.smallcaps{font-variant: small-caps;}
-div.columns{display: flex; gap: min(4vw, 1.5em);}
-div.column{flex: auto; overflow-x: auto;}
-div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
-/* The extra [class] is a hack that increases specificity enough to
-   override a similar rule in reveal.js */
-ul.task-list[class]{list-style: none;}
-ul.task-list li input[type="checkbox"] {
-  font-size: inherit;
-  width: 0.8em;
-  margin: 0 0.8em 0.2em -1.6em;
-  vertical-align: middle;
-}
-/* CSS for syntax highlighting */
-html { -webkit-text-size-adjust: 100%; }
-pre > code.sourceCode { white-space: pre; position: relative; }
-pre > code.sourceCode > span { display: inline-block; line-height: 1.25; }
-pre > code.sourceCode > span:empty { height: 1.2em; }
-.sourceCode { overflow: visible; }
-code.sourceCode > span { color: inherit; text-decoration: inherit; }
-div.sourceCode { margin: 1em 0; }
-pre.sourceCode { margin: 0; }
-@media screen {
-div.sourceCode { overflow: auto; }
-}
-@media print {
-pre > code.sourceCode { white-space: pre-wrap; }
-pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
-}
-pre.numberSource code
-  { counter-reset: source-line 0; }
-pre.numberSource code > span
-  { position: relative; left: -4em; counter-increment: source-line; }
-pre.numberSource code > span > a:first-child::before
-  { content: counter(source-line);
-    position: relative; left: -1em; text-align: right; vertical-align: baseline;
-    border: none; display: inline-block;
-    -webkit-touch-callout: none; -webkit-user-select: none;
-    -khtml-user-select: none; -moz-user-select: none;
-    -ms-user-select: none; user-select: none;
-    padding: 0 4px; width: 4em;
-    background-color: #073642;
-    color: #586e75;
-  }
-pre.numberSource { margin-left: 3em; border-left: 1px solid #586e75;  padding-left: 4px; }
-div.sourceCode
-  { color: #839496; background-color: #002b36; }
-@media screen {
-pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
-}
-code span.al { color: #d33682; } /* Alert */
-code span.an { color: #dc322f; } /* Annotation */
-code span.at { color: #dc322f; } /* Attribute */
-code span.bn { color: #2aa198; } /* BaseN */
-code span.bu { color: #b58900; } /* BuiltIn */
-code span.cf { color: #859900; } /* ControlFlow */
-code span.ch { color: #2aa198; } /* Char */
-code span.cn { color: #b58900; } /* Constant */
-code span.co { color: #586e75; font-style: italic; } /* Comment */
-code span.cv { color: #268bd2; } /* CommentVar */
-code span.do { color: #586e75; font-style: italic; } /* Documentation */
-code span.dt { color: #b58900; } /* DataType */
-code span.dv { color: #2aa198; } /* DecVal */
-code span.er { color: #dc322f; text-decoration: underline; } /* Error */
-code span.ex { color: #b58900; } /* Extension */
-code span.fl { color: #2aa198; } /* Float */
-code span.fu { } /* Function */
-code span.im { color: #cb4b16; } /* Import */
-code span.in { color: #268bd2; } /* Information */
-code span.kw { color: #93a1a1; font-weight: bold; } /* Keyword */
-code span.op { } /* Operator */
-code span.ot { } /* Other */
-code span.pp { color: #cb4b16; } /* Preprocessor */
-code span.re { color: #cb4b16; } /* RegionMarker */
-code span.sc { color: #dc322f; } /* SpecialChar */
-code span.ss { color: #b58900; } /* SpecialString */
-code span.st { color: #2aa198; } /* String */
-code span.va { color: #cb4b16; } /* Variable */
-code span.vs { color: #dc322f; } /* VerbatimString */
-code span.wa { color: #b58900; } /* Warning */
-	</style>
-		<link rel="stylesheet" href="styles/style.css">
-			</head>
-
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <meta name="author" content="Never" />
+  <title>Using rsync on Android to syncronise my Music library</title>
+  <link rel="icon" type="image/x-icon" href="images/favicon.png">
+  <style>
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+    /* CSS for syntax highlighting */
+    html { -webkit-text-size-adjust: 100%; }
+    pre > code.sourceCode { white-space: pre; position: relative; }
+    pre > code.sourceCode > span { display: inline-block; line-height: 1.25; }
+    pre > code.sourceCode > span:empty { height: 1.2em; }
+    .sourceCode { overflow: visible; }
+    code.sourceCode > span { color: inherit; text-decoration: inherit; }
+    div.sourceCode { margin: 1em 0; }
+    pre.sourceCode { margin: 0; }
+    @media screen {
+    div.sourceCode { overflow: auto; }
+    }
+    @media print {
+    pre > code.sourceCode { white-space: pre-wrap; }
+    pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
+    }
+    pre.numberSource code
+      { counter-reset: source-line 0; }
+    pre.numberSource code > span
+      { position: relative; left: -4em; counter-increment: source-line; }
+    pre.numberSource code > span > a:first-child::before
+      { content: counter(source-line);
+        position: relative; left: -1em; text-align: right; vertical-align: baseline;
+        border: none; display: inline-block;
+        -webkit-touch-callout: none; -webkit-user-select: none;
+        -khtml-user-select: none; -moz-user-select: none;
+        -ms-user-select: none; user-select: none;
+        padding: 0 4px; width: 4em;
+      }
+    pre.numberSource { margin-left: 3em;  padding-left: 4px; }
+    div.sourceCode
+      { color: #cccccc; background-color: #303030; }
+    @media screen {
+    pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
+    }
+    code span.al { color: #ffcfaf; } /* Alert */
+    code span.an { color: #7f9f7f; font-weight: bold; } /* Annotation */
+    code span.at { } /* Attribute */
+    code span.bn { color: #dca3a3; } /* BaseN */
+    code span.bu { } /* BuiltIn */
+    code span.cf { color: #f0dfaf; } /* ControlFlow */
+    code span.ch { color: #dca3a3; } /* Char */
+    code span.cn { color: #dca3a3; font-weight: bold; } /* Constant */
+    code span.co { color: #7f9f7f; } /* Comment */
+    code span.cv { color: #7f9f7f; font-weight: bold; } /* CommentVar */
+    code span.do { color: #7f9f7f; } /* Documentation */
+    code span.dt { color: #dfdfbf; } /* DataType */
+    code span.dv { color: #dcdccc; } /* DecVal */
+    code span.er { color: #c3bf9f; } /* Error */
+    code span.ex { } /* Extension */
+    code span.fl { color: #c0bed1; } /* Float */
+    code span.fu { color: #efef8f; } /* Function */
+    code span.im { } /* Import */
+    code span.in { color: #7f9f7f; font-weight: bold; } /* Information */
+    code span.kw { color: #f0dfaf; } /* Keyword */
+    code span.op { color: #f0efd0; } /* Operator */
+    code span.ot { color: #efef8f; } /* Other */
+    code span.pp { color: #ffcfaf; font-weight: bold; } /* Preprocessor */
+    code span.sc { color: #dca3a3; } /* SpecialChar */
+    code span.ss { color: #cc9393; } /* SpecialString */
+    code span.st { color: #cc9393; } /* String */
+    code span.va { } /* Variable */
+    code span.vs { color: #cc9393; } /* VerbatimString */
+    code span.wa { color: #7f9f7f; font-weight: bold; } /* Warning */
+  </style>
+  <link rel="stylesheet" href="styles/style.css">
+</head>
 <body>
-		<img id="shork" src="images/shork.png"></img>
-	<header id="page-header">
-		<a class="page-header-button" href="index.html">Home</a>
-		<a class="rss-button" href="rss.xml">RSS Feed</a>
-	</header>
-	<main id="page">
-				<header id="title-block-header">
-			<h1 class="title">Using rsync on Android to syncronise my Music
+<canvas id="tv-screen"></canvas>
+<header id="page-header">
+<ul><li><a href="index.html">Home</a></li></ul>
+</header>
+<header id="title-block-header">
+<h1 class="title">Using rsync on Android to syncronise my Music
 library</h1>
-									<p class="author">Never</p>
-									<p class="date">2026-01-12</p>
-								</header>
-						<nav id="TOC" role="doc-toc">
-						<ul>
+<p class="author">Never</p>
+<p class="date">12.01.2026</p>
+</header>
+<section id="content">
+<nav id="TOC" role="doc-toc">
+<ul>
 <li><a href="#setup-termux" id="toc-setup-termux">Setup Termux</a></li>
 <li><a href="#establishing-an-ssh-connection"
 id="toc-establishing-an-ssh-connection">Establishing an ssh
@@ -123,12 +115,16 @@ id="toc-connecting-to-android-via-ssh">Connecting to Android via
 ssh</a></li>
 </ul></li>
 <li><a href="#syncronising-files-with-rsync"
-id="toc-syncronising-files-with-rsync">Syncronising files with
-rsync</a></li>
+id="toc-syncronising-files-with-rsync">Syncronising files with rsync</a>
+<ul>
+<li><a href="#refreshing-the-android-mediastore"
+id="toc-refreshing-the-android-mediastore">Refreshing the Android
+MediaStore</a></li>
+</ul></li>
 </ul>
-		</nav>
-				<article>
-			<h1 id="setup-termux">Setup Termux</h1>
+</nav>
+<article>
+<h1 id="setup-termux">Setup Termux</h1>
 <p>Install Termux using F-Droid.</p>
 <p>Update software repos.</p>
 <div class="sourceCode" id="cb1"><pre class="sourceCode sh"><code class="sourceCode bash"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="ex">pkg</span> update</span></code></pre></div>
@@ -186,18 +182,34 @@ class="sourceCode sh"><code class="sourceCode bash"><span id="cb12-1"><a href="#
 rsync.</p>
 <div class="sourceCode" id="cb13"><pre
 class="sourceCode sh"><code class="sourceCode bash"><span id="cb13-1"><a href="#cb13-1" aria-hidden="true" tabindex="-1"></a><span class="fu">rsync</span> <span class="at">-av</span> <span class="at">-e</span> <span class="st">&quot;ssh -p 8022&quot;</span> ~/Music <span class="op">&lt;</span>username<span class="op">&gt;</span>@<span class="op">&lt;</span>ip_address<span class="op">&gt;</span>:/data/data/com.termux/files/home/storage/music</span></code></pre></div>
-		</article>
-			</main>
-	<footer id="page-footer">
-		<nav id="webring">
-			<a href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous"
-					src="images/cups_left_dark.svg" width="30" height="30"></a>
-			<a href="https://cups.teabucket.eu/" target="_parent"><img alt="CUPS" src="images/cups_logo_dark.svg"
-					width="120" height="60"></a>
-			<a href="https://cups.teabucket.eu/next?from=never" target="_parent"><img alt="Next"
-					src="images/cups_right_dark.svg" width="30" height="30"></a>
-		</nav>
-	</footer>
-	</body>
-<script src="scripts/shork.js"></script>
+<h2 id="refreshing-the-android-mediastore">Refreshing the Android
+MediaStore</h2>
+<p>Android uses a Database to store files. In order to play your music,
+this database needs to be refreshed. This can be achieved by a reboot or
+by using adb to manually refresh it.</p>
+<div class="sourceCode" id="cb14"><pre
+class="sourceCode sh"><code class="sourceCode bash"><span id="cb14-1"><a href="#cb14-1" aria-hidden="true" tabindex="-1"></a><span class="fu">sudo</span> dnf install adb</span></code></pre></div>
+<p>Connect the Android device via USB and see if it is listed.</p>
+<div class="sourceCode" id="cb15"><pre
+class="sourceCode sh"><code class="sourceCode bash"><span id="cb15-1"><a href="#cb15-1" aria-hidden="true" tabindex="-1"></a><span class="ex">adb</span> devices</span></code></pre></div>
+<p>If it is, restart adb in TCP mode with port 5555</p>
+<div class="sourceCode" id="cb16"><pre
+class="sourceCode sh"><code class="sourceCode bash"><span id="cb16-1"><a href="#cb16-1" aria-hidden="true" tabindex="-1"></a><span class="ex">adb</span> tcpip 5555</span></code></pre></div>
+<p>Connect to the device using its <ip_address>.</p>
+<div class="sourceCode" id="cb17"><pre
+class="sourceCode sh"><code class="sourceCode bash"><span id="cb17-1"><a href="#cb17-1" aria-hidden="true" tabindex="-1"></a><span class="ex">adb</span> connect <span class="op">&lt;</span>ip_address<span class="op">&gt;</span></span></code></pre></div>
+<p>Refresh MediaStore.</p>
+<div class="sourceCode" id="cb18"><pre
+class="sourceCode sh"><code class="sourceCode bash"><span id="cb18-1"><a href="#cb18-1" aria-hidden="true" tabindex="-1"></a><span class="ex">adb</span> shell am broadcast <span class="at">-a</span> android.intent.action.MEDIA_SCANNER_SCAN <span class="at">-d</span> file:///data/data/com.termux/files/home/storage/music/</span></code></pre></div>
+</article>
+</section>
+<footer id="page-footer">
+<!-- <embed type="text/html" src="https://cups.teabucket.eu/embed?from=never" style="width:320px; height: 120px; scale: 0.66;"> -->
+<p class="cups-light">
+<a href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous" src="images/cups_left.svg" width="30" height="30"></a>
+<a href="https://cups.teabucket.eu/" target="_parent"><img alt="CUPS" src="images/cups_logo.svg" width="120" height="60"></a>
+<a href="https://cups.teabucket.eu/next?from=never" target="_parent"><img alt="Next" src="images/cups_right.svg" width="30" height="30"></a>
+</p>
+</footer>
+</body>
 </html>
diff --git a/public_html/eh/eh/eh/eh-eh/scripts/shork.js b/public_html/eh/eh/eh/eh-eh/scripts/shork.js
deleted file mode 100644
index 4556b71..0000000
--- a/public_html/eh/eh/eh/eh-eh/scripts/shork.js
+++ /dev/null
@@ -1,102 +0,0 @@
-let shork_image = document.getElementById("shork");
-
-let zoomies = 4;
-let turnies = 0.2;
-
-let shork = {x: 4, y: 8};
-let rotation = 0;
-let shork_init = transform(shork, -rotation);
-shork_image.style.transform = `matrix(${shork_init.a}, ${shork_init.b}, ${shork_init.c}, ${shork_init.d}, ${shork_init.x}, ${shork_init.y})`;
-
-let mouse = {x: 0, y: 0};
-onmousemove = function(e){
-	mouse.x = e.pageX;
-	mouse.y = e.pageY;
-}
-
-let direction = 0;
-let movement = 0;
-let target = 0;
-
-function move() { 
-	direction = vector(shork, mouse);
-	
-	if (norm(direction) >= 4) {
-		movement = scalar(angletovec(rotation), zoomies * norm(direction)/128);
-		shork = add(shork, movement);
-		target = angle(direction);
-		rotation = interpolate(rotation, target, turnies) + Math.sin(norm(movement))/8;
-	}
-
-	let trans = transform(shork, -rotation);
-	shork_image.style.transform = `matrix(${trans.a}, ${trans.b}, ${trans.c}, ${trans.d}, ${trans.x}, ${trans.y})`;
-
-	setTimeout(move, 30);
-}
-
-shork_image.addEventListener("click", function(e) {move()}, {once: true});
-
-function vector(a, b) {
-	return {
-		x: b.x - a.x,
-		y: b.y - a.y
-	};
-}
-
-function angle(v) {
-	return Math.atan2(v.y, v.x);
-}
-
-function angletovec(a) {
-	return {x: Math.cos(a), y: Math.sin(a)};
-}
-
-function norm(v) {
-	return Math.sqrt(Math.pow(v.x, 2) + Math.pow(v.y, 2));
-}
-
-function unit(v) {
-	let length = norm(v);
-
-	if (length == 0) return {x: 0, y: 0};
-
-	return {x: v.x / length, y: v.y / length};
-}
-
-function scalar(v, a) {
-	return {x: v.x * a, y: v.y * a};
-}
-
-function add(v, u) {
-	return {x: v.x + u.x, y: v.y + u.y};
-}
-
-function round(v) {
-	return {x: Math.round(v.x), y: Math.round(v.y)};
-}
-
-function clamp(a, min, max) {
-	if (a < min) return min;
-	if (a > max) return max;
-	return a;
-}
-
-function interpolate(a, b, c) {
-	let d = Math.abs(a - b)
-	if (d > Math.abs(a - b - 2 * Math.PI)) a = a - 2 * Math.PI;
-	if (d > Math.abs(a - b + 2 * Math.PI)) a = a + 2 * Math.PI;
-
-	if (a < b) a = clamp(a + c, a, b);
-	if (a > b) a = clamp(a - c, b, a);
-
-	a += 3 * Math.PI;
-	a = a % (2 * Math.PI);
-	a -= Math.PI;
-
-	return a;
-}
-
-function transform(v, a) {
-	return {a: Math.cos(a), b: -Math.sin(a), c: Math.sin(a), d: Math.cos(a), x: v.x, y: v.y};
-}
-
diff --git a/public_html/eh/eh/eh/eh-eh/styles/images/shark-top-small.png b/public_html/eh/eh/eh/eh-eh/styles/images/shark-top-small.png
index a08fa23..56e8624 100644
Binary files a/public_html/eh/eh/eh/eh-eh/styles/images/shark-top-small.png and b/public_html/eh/eh/eh/eh-eh/styles/images/shark-top-small.png differ
diff --git a/public_html/eh/eh/eh/eh-eh/styles/images/shark-top-small.xcf b/public_html/eh/eh/eh/eh-eh/styles/images/shark-top-small.xcf
index effd994..bd0e140 100644
Binary files a/public_html/eh/eh/eh/eh-eh/styles/images/shark-top-small.xcf and b/public_html/eh/eh/eh/eh-eh/styles/images/shark-top-small.xcf differ
diff --git a/public_html/eh/eh/eh/eh-eh/styles/style.css b/public_html/eh/eh/eh/eh-eh/styles/style.css
index ccb79ef..e6e14cc 100644
--- a/public_html/eh/eh/eh/eh-eh/styles/style.css
+++ b/public_html/eh/eh/eh/eh-eh/styles/style.css
@@ -1,136 +1,114 @@
 :root {
-	--foreground: #586e75;
-	--background: #fdf6e3;
-	--html-border: #eee8d5;
-	--html-background: #268bd2;
-	--body-background: linear-gradient(to bottom, #2aa198, #268bd2);
-	--blockquote-text: #657b83;
-	--blockquote-border: #eee8d5;
-	--button-primary: #fdf6e3;
-	--button-secondary: #eee8d5;
+	--foreground: #1a1a1a;
+	--background: #fdfdfdf0;
+	--border: #c9c9c9;
+	--html-background: #e3e3e3;
+	--blockquote-text: #606060;
+	--blockquote-border: #e6e6e6;
+	--button-border: #e3e3e3;
+	--button-background: #d0d0d0;
 }
 
 @media (prefers-color-scheme: dark) {
 	:root {
-		--foreground: #93a1a1;
-		--background: #002b36;
-		--html-border: #073642;
-		--html-background: #6c71c4;
-		--body-background: linear-gradient(to bottom, #268bd2, #6c71c4);
-		--blockquote-text: #839496;
-		--blockquote-border: #073642;
-		--button-primary: #073642;
-		--button-secondary: #002b36;
+		--foreground: #fdfdfd;
+		--background: #1a1a1af0;
+		--border: #4c4c4c;
+		--html-background: #303030;
+		--blockquote-text: #e6e6e6;
+		--blockquote-border: #606060;
+		--button-border: #4c4c4c;
+		--button-background: #404040;
 	}
 }
 
 
 html {
 	color: var(--foreground);
+	/*background: url("recursion.gif");*/
 	background: var(--html-background);
+	background-repeat: repeat-y;
+	background-size: cover;
 	font-family: serif;
 	font-size: 14pt;
 }
 
 body {
-	margin: 0;
-	background: var(--body-background);
-}
-
-main {
-	max-width: 48em;
-	
+	background-color: var(--background);
+	border: solid 1px var(--border);
 	margin: 0 auto;
+	max-width: 48em;
 	padding-left: 50pt;
 	padding-right: 50pt;
 	padding-top: 50pt;
 	padding-bottom: 50pt;
-	
 	hyphens: auto;
 	overflow-wrap: break-word;
 	text-rendering: optimizeLegibility;
 	font-kerning: normal;
-	
-	background-color: var(--background);
-	border-left: solid 3pt var(--html-border);
-	border-right: solid 3pt var(--html-border);
 }
 
-#shork {
-	position: absolute;
-	z-index: 1;
-	left: -36px;
-	top: -32px;
-	width: 64px;
-	transform-origin: 50% 50%;
+#tv-screen {
+	position: fixed;
+	top: 0;
+	left: 0;
+	z-index: -1;
 }
 
 #page-header {
 	display: flex;
+	flex-direction: row;
+	flex-wrap: nowrap;
 	justify-content: space-between;
-	max-width: 60em;
-
-	margin: 0 auto;
-	padding: 4pt;
-
+	text-align: left;
+	border: 4pt ridge var(--border);
 	background: url("images/shark-top-small.png");
 	background-size: contain;
-	border: solid 3pt var(--html-border);
+}
+
+#page-header li {
+	list-style: none;
+	display: inline-block;
+}
+
+#page-header a:active {
+	border: 2pt inset var(--button-border)
 }
 
 #page-header a {
 	color: var(--foreground);
-	padding: 4pt;
 	text-decoration: none;
+	margin: 4pt;
+	padding: 4pt;
+	border: 2pt outset var(--button-border);
+	background-color: var(--button-background)
 }
 
-.page-header-button {
-	background: linear-gradient(to bottom, var(--button-primary) 0%, var(--button-secondary) 100%);
-	border: 1pt solid var(--blockquote-border);
-	border-radius: 4pt;
-}
-
-.page-header-button:active {
-	background: linear-gradient(to bottom, var(--button-secondary) 0%, var(--button-primary) 100%);
-}
-
-.rss-button {
-	color: #fdf6e3 !important;
-	background: linear-gradient(to bottom, #fb9d3a 0%, #d95c29 100%);
-	border: 1pt solid #f2994f;
-	border-radius: 4pt;
-}
-
-.rss-button:active {
-	background: linear-gradient(to bottom, #d95c29 0%, #fb9d3a 100%);
-}
-
+#page-header ul,
 #articles ul {
 	padding-left: 0;
 }
 
 #articles li {
 	list-style: none;
+	display: block;
 }
 
 .articles-header {
-	margin: 8pt 0 4pt 0;
-	text-align: left;
-}
-
-.articles-footer {
 	display: flex;
+	flex-direction: row;
+	flex-wrap: nowrap;
 	justify-content: space-between;
-	margin-top: 4pt;
 }
 
 .articles-title {
+	margin: 8pt 0 4pt 0;
 	font-size: 14pt;
 	font-weight: bold;
 }
 
 .articles-author {
-	font-style: italic;
+	margin: 12pt 0 4pt 0;
 }
 
 .articles-summary {
@@ -138,29 +116,42 @@ main {
 }
 
 .articles-date {
+	margin: 0;
 	text-align: right;
 }
 
 #page-footer {
-	display: flex;
-	justify-content: center;
-	max-width: 60em;
-
-	margin: 0 auto;
-	padding: 4pt;
-	
+	border: 4pt ridge var(--border);
 	background: url("images/shark-top-small.png");
 	background-size: contain;
-	border: solid 3pt var(--html-border);
+	display: flex;
+	justify-content: center;
 }
 
-#page-footer nav {
+#page-footer p {
 	display: flex;
+	flex-direction: row;
 	align-items: center;
 }
 
+/*
+#TOC {
+	padding: 24px;
+}
+
+section {
+	display: flex;
+	flex-direction: row;
+}
+
+article {
+	padding: 12px;
+	overflow: auto;
+}
+*/
+
 @media (max-width: 600px) {
-	main {
+	body {
 		font-size: 0.9em;
 		padding: 12pt;
 	}
@@ -195,14 +186,6 @@ main {
 		page-break-after: avoid;
 	}
 
-	a {
-		color: black;
-	}
-
-	#page {
-		border: none;
-	}
-
 	#page-header,
 	#page-footer {
 		display: none;
diff --git a/scripts/shork.js b/scripts/shork.js
deleted file mode 100644
index 4556b71..0000000
--- a/scripts/shork.js
+++ /dev/null
@@ -1,102 +0,0 @@
-let shork_image = document.getElementById("shork");
-
-let zoomies = 4;
-let turnies = 0.2;
-
-let shork = {x: 4, y: 8};
-let rotation = 0;
-let shork_init = transform(shork, -rotation);
-shork_image.style.transform = `matrix(${shork_init.a}, ${shork_init.b}, ${shork_init.c}, ${shork_init.d}, ${shork_init.x}, ${shork_init.y})`;
-
-let mouse = {x: 0, y: 0};
-onmousemove = function(e){
-	mouse.x = e.pageX;
-	mouse.y = e.pageY;
-}
-
-let direction = 0;
-let movement = 0;
-let target = 0;
-
-function move() { 
-	direction = vector(shork, mouse);
-	
-	if (norm(direction) >= 4) {
-		movement = scalar(angletovec(rotation), zoomies * norm(direction)/128);
-		shork = add(shork, movement);
-		target = angle(direction);
-		rotation = interpolate(rotation, target, turnies) + Math.sin(norm(movement))/8;
-	}
-
-	let trans = transform(shork, -rotation);
-	shork_image.style.transform = `matrix(${trans.a}, ${trans.b}, ${trans.c}, ${trans.d}, ${trans.x}, ${trans.y})`;
-
-	setTimeout(move, 30);
-}
-
-shork_image.addEventListener("click", function(e) {move()}, {once: true});
-
-function vector(a, b) {
-	return {
-		x: b.x - a.x,
-		y: b.y - a.y
-	};
-}
-
-function angle(v) {
-	return Math.atan2(v.y, v.x);
-}
-
-function angletovec(a) {
-	return {x: Math.cos(a), y: Math.sin(a)};
-}
-
-function norm(v) {
-	return Math.sqrt(Math.pow(v.x, 2) + Math.pow(v.y, 2));
-}
-
-function unit(v) {
-	let length = norm(v);
-
-	if (length == 0) return {x: 0, y: 0};
-
-	return {x: v.x / length, y: v.y / length};
-}
-
-function scalar(v, a) {
-	return {x: v.x * a, y: v.y * a};
-}
-
-function add(v, u) {
-	return {x: v.x + u.x, y: v.y + u.y};
-}
-
-function round(v) {
-	return {x: Math.round(v.x), y: Math.round(v.y)};
-}
-
-function clamp(a, min, max) {
-	if (a < min) return min;
-	if (a > max) return max;
-	return a;
-}
-
-function interpolate(a, b, c) {
-	let d = Math.abs(a - b)
-	if (d > Math.abs(a - b - 2 * Math.PI)) a = a - 2 * Math.PI;
-	if (d > Math.abs(a - b + 2 * Math.PI)) a = a + 2 * Math.PI;
-
-	if (a < b) a = clamp(a + c, a, b);
-	if (a > b) a = clamp(a - c, b, a);
-
-	a += 3 * Math.PI;
-	a = a % (2 * Math.PI);
-	a -= Math.PI;
-
-	return a;
-}
-
-function transform(v, a) {
-	return {a: Math.cos(a), b: -Math.sin(a), c: Math.sin(a), d: Math.cos(a), x: v.x, y: v.y};
-}
-
diff --git a/src/articles.json b/src/articles.json
index cb9c144..4872ffd 100644
--- a/src/articles.json
+++ b/src/articles.json
@@ -2,32 +2,26 @@
   "articles": [
     {
       "author": "Never",
-      "date": "2026-01-12",
-      "email": "n.gude@posteo.de",
-      "summary": "As Spotify is getting enshittified by capitalism, keeping a music library is kind of essential. Here I use rsync to syncronise my library with my Android smartphone.",
-      "title": "Using rsync on Android to syncronise my Music library",
-      "filename": "rsync-android",
-      "pubdate": "Mon, 12 Jan 2026 00:00:00 +0100"
-    },
-    {
-      "author": "Never",
-      "date": "2026-01-09",
-      "email": "n.gude@posteo.de",
+      "date": "9.1.2026",
       "subtitle": "Some unintuitive quirks of Latex",
       "summary": "Latex undoubtedly has some quirks. Some of them have a rather unintuitive solution. In this article I cover some quirks and solutions I have encountered.",
       "title": "Latex Endeavors",
-      "filename": "latex-endeavors",
-      "pubdate": "Fri, 09 Jan 2026 00:00:00 +0100"
+      "filename": " latex-endeavors"
     },
     {
       "author": "Never",
-      "date": "2025-07-25",
-      "email": "n.gude@posteo.de",
+      "date": "25.7.2025",
       "subtitle": "Neat things I picked up along the way",
       "summary": "Tricks and tools I learned about, while tweaking my Linux sytem or trying to do productive things.",
       "title": "Random linux utilities",
-      "filename": "random-linux-utils",
-      "pubdate": "Fri, 25 Jul 2025 00:00:00 +0200"
+      "filename": " random-linux-utils"
+    },
+    {
+      "author": "Never",
+      "date": "12.01.2026",
+      "summary": "As Spotify is getting enshittified by capitalism, keeping a music library is kind of essential. Here I use rsync to syncronise my library with my Android smartphone.",
+      "title": "Using rsync on Android to syncronise my Music library",
+      "filename": " rsync-android"
     }
   ]
 }
diff --git a/src/articles/latex-endeavors.md b/src/articles/latex-endeavors.md
index ed823f1..fb19c9a 100644
--- a/src/articles/latex-endeavors.md
+++ b/src/articles/latex-endeavors.md
@@ -2,8 +2,7 @@
 title: Latex Endeavors
 subtitle: Some unintuitive quirks of Latex
 author: Never
-email: n.gude@posteo.de
-date: 2026-01-09
+date: 9.1.2026
 summary: Latex undoubtedly has some quirks. Some of them have a rather unintuitive solution.
     In this article I cover some quirks and solutions I have encountered.
 ---
diff --git a/src/articles/random-linux-utils b/src/articles/random-linux-utils
new file mode 100644
index 0000000..27d3079
--- /dev/null
+++ b/src/articles/random-linux-utils
@@ -0,0 +1,18 @@
+                            Latex Endeavors
+                    Some unintuitive quirks of Latex
+                                    
+                                 Never
+                                    
+                                9.1.2026
+                                    
+                          ────────────────────
+
+BIBLATEX AND BIBER
+
+Biber doesn’t run
+
+Biber doens’t run if the (fedora) package  libxcrypt-compat  is missing.
+It will fail with the error message
+
+    biber: error while loading shared libraries: libcrypt.so.1: cannot open shared object file: No such file or directory
+]8;;\
\ No newline at end of file
diff --git a/src/articles/random-linux-utils.html b/src/articles/random-linux-utils.html
new file mode 100644
index 0000000..df33063
--- /dev/null
+++ b/src/articles/random-linux-utils.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <meta name="author" content="Never" />
+  <title>Latex Endeavors</title>
+  <link rel="icon" type="image/x-icon" href="images/favicon.png">
+  <style>
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+  </style>
+  <link rel="stylesheet" href="style.css" />
+</head>
+<body>
+<canvas id="tv-screen"></canvas>
+<header id="page-header">
+<ul>
+<li><a href="index.html">Home</a></li><li><a href="about.html">About</a></li>
+</ul>
+<!--
+<ul>
+	<li>
+	<span id="dark-mode">
+		<input id="dark-mode-toggle" type="checkbox"><label for="dark-mode-toggle">Dark mode</label>
+	</span>
+	</li>
+</ul>
+-->
+</header>
+<header id="title-block-header">
+<h1 class="title">Latex Endeavors</h1>
+<p class="subtitle">Some unintuitive quirks of Latex</p>
+<p class="author">Never</p>
+<p class="date">9.1.2026</p>
+</header>
+<section id="content">
+<nav id="TOC" role="doc-toc">
+<ul>
+<li><a href="#biblatex-and-biber" id="toc-biblatex-and-biber">BibLaTeX
+and Biber</a>
+<ul>
+<li><a href="#biber-doesnt-run" id="toc-biber-doesnt-run">Biber doesn’t
+run</a></li>
+</ul></li>
+</ul>
+</nav>
+<article>
+<h1 id="biblatex-and-biber">BibLaTeX and Biber</h1>
+<h2 id="biber-doesnt-run">Biber doesn’t run</h2>
+<p>Biber doens’t run if the (fedora) package
+<code>libxcrypt-compat</code> is missing. It will fail with the error
+message</p>
+<pre><code>biber: error while loading shared libraries: libcrypt.so.1: cannot open shared object file: No such file or directory</code></pre>
+</article>
+
+</section>
+<footer id="page-footer">
+  <!-- <embed type="text/html" src="https://cups.teabucket.eu/embed?from=never" style="width:320px; height: 120px; scale: 0.66;"> -->
+  <p class="cups-light">
+    <a href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous" src="images/cups_left.svg" width="30" height="30/"></a>
+    <a href="https://cups.teabucket.eu/" target="_parent"><img alt="CUPS" src="images/cups_logo.svg" width="120" height="60/"></a>
+    <a href="https://cups.teabucket.eu/next?from=never" target="_parent"><img alt="Next" src="images/cups_right.svg" width="30" height="30/"></a>
+  </p>
+</footer>
+</body>
+</html>
diff --git a/src/articles/random-linux-utils.md b/src/articles/random-linux-utils.md
index e2b8374..6b5c743 100644
--- a/src/articles/random-linux-utils.md
+++ b/src/articles/random-linux-utils.md
@@ -2,8 +2,7 @@
 title: Random linux utilities
 subtitle: Neat things I picked up along the way
 author: Never
-email: n.gude@posteo.de
-date: 2025-07-25
+date: 25.7.2025
 summary: Tricks and tools I learned about, while tweaking my Linux sytem or trying to do productive things.
 ---
 
diff --git a/src/articles/rsync-android b/src/articles/rsync-android
new file mode 100644
index 0000000..27d3079
--- /dev/null
+++ b/src/articles/rsync-android
@@ -0,0 +1,18 @@
+                            Latex Endeavors
+                    Some unintuitive quirks of Latex
+                                    
+                                 Never
+                                    
+                                9.1.2026
+                                    
+                          ────────────────────
+
+BIBLATEX AND BIBER
+
+Biber doesn’t run
+
+Biber doens’t run if the (fedora) package  libxcrypt-compat  is missing.
+It will fail with the error message
+
+    biber: error while loading shared libraries: libcrypt.so.1: cannot open shared object file: No such file or directory
+]8;;\
\ No newline at end of file
diff --git a/src/articles/rsync-android.html b/src/articles/rsync-android.html
new file mode 100644
index 0000000..df33063
--- /dev/null
+++ b/src/articles/rsync-android.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <meta name="author" content="Never" />
+  <title>Latex Endeavors</title>
+  <link rel="icon" type="image/x-icon" href="images/favicon.png">
+  <style>
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+  </style>
+  <link rel="stylesheet" href="style.css" />
+</head>
+<body>
+<canvas id="tv-screen"></canvas>
+<header id="page-header">
+<ul>
+<li><a href="index.html">Home</a></li><li><a href="about.html">About</a></li>
+</ul>
+<!--
+<ul>
+	<li>
+	<span id="dark-mode">
+		<input id="dark-mode-toggle" type="checkbox"><label for="dark-mode-toggle">Dark mode</label>
+	</span>
+	</li>
+</ul>
+-->
+</header>
+<header id="title-block-header">
+<h1 class="title">Latex Endeavors</h1>
+<p class="subtitle">Some unintuitive quirks of Latex</p>
+<p class="author">Never</p>
+<p class="date">9.1.2026</p>
+</header>
+<section id="content">
+<nav id="TOC" role="doc-toc">
+<ul>
+<li><a href="#biblatex-and-biber" id="toc-biblatex-and-biber">BibLaTeX
+and Biber</a>
+<ul>
+<li><a href="#biber-doesnt-run" id="toc-biber-doesnt-run">Biber doesn’t
+run</a></li>
+</ul></li>
+</ul>
+</nav>
+<article>
+<h1 id="biblatex-and-biber">BibLaTeX and Biber</h1>
+<h2 id="biber-doesnt-run">Biber doesn’t run</h2>
+<p>Biber doens’t run if the (fedora) package
+<code>libxcrypt-compat</code> is missing. It will fail with the error
+message</p>
+<pre><code>biber: error while loading shared libraries: libcrypt.so.1: cannot open shared object file: No such file or directory</code></pre>
+</article>
+
+</section>
+<footer id="page-footer">
+  <!-- <embed type="text/html" src="https://cups.teabucket.eu/embed?from=never" style="width:320px; height: 120px; scale: 0.66;"> -->
+  <p class="cups-light">
+    <a href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous" src="images/cups_left.svg" width="30" height="30/"></a>
+    <a href="https://cups.teabucket.eu/" target="_parent"><img alt="CUPS" src="images/cups_logo.svg" width="120" height="60/"></a>
+    <a href="https://cups.teabucket.eu/next?from=never" target="_parent"><img alt="Next" src="images/cups_right.svg" width="30" height="30/"></a>
+  </p>
+</footer>
+</body>
+</html>
diff --git a/src/articles/rsync-android.md b/src/articles/rsync-android.md
index b8249dd..97a63f4 100644
--- a/src/articles/rsync-android.md
+++ b/src/articles/rsync-android.md
@@ -1,8 +1,7 @@
 ---
 title: Using rsync on Android to syncronise my Music library
 author: Never
-email: n.gude@posteo.de
-date: 2026-01-12
+date: 12.01.2026
 summary: As Spotify is getting enshittified by capitalism, keeping a music library
     is kind of essential. Here I use rsync to syncronise my library with my Android smartphone.
 ---
@@ -98,3 +97,31 @@ Now on your Linux machine, syncronise your Music library with rsync.
 rsync -av -e "ssh -p 8022" ~/Music <username>@<ip_address>:/data/data/com.termux/files/home/storage/music
 ```
 
+## Refreshing the Android MediaStore
+Android uses a Database to store files. In order to play your music, this database
+needs to be refreshed. This can be achieved by a reboot or by using adb to manually
+refresh it.
+
+```sh
+sudo dnf install adb
+```
+
+Connect the Android device via USB and see if it is listed.
+```sh
+adb devices
+```
+
+If it is, restart adb in TCP mode with port 5555
+```sh
+adb tcpip 5555
+```
+
+Connect to the device using its <ip_address>.
+```sh
+adb connect <ip_address>
+```
+
+Refresh MediaStore.
+```sh
+adb shell am broadcast -a android.intent.action.MEDIA_SCANNER_SCAN -d file:///data/data/com.termux/files/home/storage/music/
+```
diff --git a/src/index.md b/src/index.md
index f8fb289..fd1105f 100644
--- a/src/index.md
+++ b/src/index.md
@@ -1,15 +1,4 @@
 ---
 title: Home
 ---
-
-Hello! I am Never and this is my little place on the internet where I post the
-stuff that I am currently nerding out about.
-
-This Website itself is one of those projects, that I like to tweak and tinker
-with. Maybe I'll write an article about its build system. It is also viewable
-via `curl`. Just run
-```sh
-curl nevereverever.de
-```
-
-There also is an RSS Feed to stay updated about my doings.
+Hello World
diff --git a/src/rss.md b/src/rss.md
deleted file mode 100644
index 3f42adf..0000000
--- a/src/rss.md
+++ /dev/null
@@ -1,8 +0,0 @@
----
-title: nevereverever.de
-link: https://nevereverever.de/eh/eh/eh/eh-eh
-description: Here I post random stuff.
-lang: en-us
-editor: n.gude@posteo.de (Never)
-webmaster: n.gude@poster.de (Never)
----
diff --git a/styles/images/shark-top-small.png b/styles/images/shark-top-small.png
index a08fa23..56e8624 100644
Binary files a/styles/images/shark-top-small.png and b/styles/images/shark-top-small.png differ
diff --git a/styles/images/shark-top-small.xcf b/styles/images/shark-top-small.xcf
index effd994..bd0e140 100644
Binary files a/styles/images/shark-top-small.xcf and b/styles/images/shark-top-small.xcf differ
diff --git a/styles/style.css b/styles/style.css
index ccb79ef..e6e14cc 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -1,136 +1,114 @@
 :root {
-	--foreground: #586e75;
-	--background: #fdf6e3;
-	--html-border: #eee8d5;
-	--html-background: #268bd2;
-	--body-background: linear-gradient(to bottom, #2aa198, #268bd2);
-	--blockquote-text: #657b83;
-	--blockquote-border: #eee8d5;
-	--button-primary: #fdf6e3;
-	--button-secondary: #eee8d5;
+	--foreground: #1a1a1a;
+	--background: #fdfdfdf0;
+	--border: #c9c9c9;
+	--html-background: #e3e3e3;
+	--blockquote-text: #606060;
+	--blockquote-border: #e6e6e6;
+	--button-border: #e3e3e3;
+	--button-background: #d0d0d0;
 }
 
 @media (prefers-color-scheme: dark) {
 	:root {
-		--foreground: #93a1a1;
-		--background: #002b36;
-		--html-border: #073642;
-		--html-background: #6c71c4;
-		--body-background: linear-gradient(to bottom, #268bd2, #6c71c4);
-		--blockquote-text: #839496;
-		--blockquote-border: #073642;
-		--button-primary: #073642;
-		--button-secondary: #002b36;
+		--foreground: #fdfdfd;
+		--background: #1a1a1af0;
+		--border: #4c4c4c;
+		--html-background: #303030;
+		--blockquote-text: #e6e6e6;
+		--blockquote-border: #606060;
+		--button-border: #4c4c4c;
+		--button-background: #404040;
 	}
 }
 
 
 html {
 	color: var(--foreground);
+	/*background: url("recursion.gif");*/
 	background: var(--html-background);
+	background-repeat: repeat-y;
+	background-size: cover;
 	font-family: serif;
 	font-size: 14pt;
 }
 
 body {
-	margin: 0;
-	background: var(--body-background);
-}
-
-main {
-	max-width: 48em;
-	
+	background-color: var(--background);
+	border: solid 1px var(--border);
 	margin: 0 auto;
+	max-width: 48em;
 	padding-left: 50pt;
 	padding-right: 50pt;
 	padding-top: 50pt;
 	padding-bottom: 50pt;
-	
 	hyphens: auto;
 	overflow-wrap: break-word;
 	text-rendering: optimizeLegibility;
 	font-kerning: normal;
-	
-	background-color: var(--background);
-	border-left: solid 3pt var(--html-border);
-	border-right: solid 3pt var(--html-border);
 }
 
-#shork {
-	position: absolute;
-	z-index: 1;
-	left: -36px;
-	top: -32px;
-	width: 64px;
-	transform-origin: 50% 50%;
+#tv-screen {
+	position: fixed;
+	top: 0;
+	left: 0;
+	z-index: -1;
 }
 
 #page-header {
 	display: flex;
+	flex-direction: row;
+	flex-wrap: nowrap;
 	justify-content: space-between;
-	max-width: 60em;
-
-	margin: 0 auto;
-	padding: 4pt;
-
+	text-align: left;
+	border: 4pt ridge var(--border);
 	background: url("images/shark-top-small.png");
 	background-size: contain;
-	border: solid 3pt var(--html-border);
+}
+
+#page-header li {
+	list-style: none;
+	display: inline-block;
+}
+
+#page-header a:active {
+	border: 2pt inset var(--button-border)
 }
 
 #page-header a {
 	color: var(--foreground);
-	padding: 4pt;
 	text-decoration: none;
+	margin: 4pt;
+	padding: 4pt;
+	border: 2pt outset var(--button-border);
+	background-color: var(--button-background)
 }
 
-.page-header-button {
-	background: linear-gradient(to bottom, var(--button-primary) 0%, var(--button-secondary) 100%);
-	border: 1pt solid var(--blockquote-border);
-	border-radius: 4pt;
-}
-
-.page-header-button:active {
-	background: linear-gradient(to bottom, var(--button-secondary) 0%, var(--button-primary) 100%);
-}
-
-.rss-button {
-	color: #fdf6e3 !important;
-	background: linear-gradient(to bottom, #fb9d3a 0%, #d95c29 100%);
-	border: 1pt solid #f2994f;
-	border-radius: 4pt;
-}
-
-.rss-button:active {
-	background: linear-gradient(to bottom, #d95c29 0%, #fb9d3a 100%);
-}
-
+#page-header ul,
 #articles ul {
 	padding-left: 0;
 }
 
 #articles li {
 	list-style: none;
+	display: block;
 }
 
 .articles-header {
-	margin: 8pt 0 4pt 0;
-	text-align: left;
-}
-
-.articles-footer {
 	display: flex;
+	flex-direction: row;
+	flex-wrap: nowrap;
 	justify-content: space-between;
-	margin-top: 4pt;
 }
 
 .articles-title {
+	margin: 8pt 0 4pt 0;
 	font-size: 14pt;
 	font-weight: bold;
 }
 
 .articles-author {
-	font-style: italic;
+	margin: 12pt 0 4pt 0;
 }
 
 .articles-summary {
@@ -138,29 +116,42 @@ main {
 }
 
 .articles-date {
+	margin: 0;
 	text-align: right;
 }
 
 #page-footer {
-	display: flex;
-	justify-content: center;
-	max-width: 60em;
-
-	margin: 0 auto;
-	padding: 4pt;
-	
+	border: 4pt ridge var(--border);
 	background: url("images/shark-top-small.png");
 	background-size: contain;
-	border: solid 3pt var(--html-border);
+	display: flex;
+	justify-content: center;
 }
 
-#page-footer nav {
+#page-footer p {
 	display: flex;
+	flex-direction: row;
 	align-items: center;
 }
 
+/*
+#TOC {
+	padding: 24px;
+}
+
+section {
+	display: flex;
+	flex-direction: row;
+}
+
+article {
+	padding: 12px;
+	overflow: auto;
+}
+*/
+
 @media (max-width: 600px) {
-	main {
+	body {
 		font-size: 0.9em;
 		padding: 12pt;
 	}
@@ -195,14 +186,6 @@ main {
 		page-break-after: avoid;
 	}
 
-	a {
-		color: black;
-	}
-
-	#page {
-		border: none;
-	}
-
 	#page-header,
 	#page-footer {
 		display: none;