never/nevereverever.de
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: never:main
Branches Tags
never:main
never:90s-style
..
compare: never:90s-style
Branches Tags
never:main
never:90s-style

No commits in common. "main" and "90s-style" have entirely different histories.
main ... 90s-style

51 changed files with 1501 additions and 2810 deletions
Download patch file Download diff file Expand all files Collapse all files

35
Makefile
View file

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

2
build/articles/latex-endeavors
View file

@ -3,7 +3,7 @@
Never
2026-01-09
9.1.2026
────────────────────

112
build/articles/latex-endeavors.html
View file

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

2
build/articles/random-linux-utils
View file

@ -3,7 +3,7 @@
Never
2025-07-25
25.7.2025
────────────────────

243
build/articles/random-linux-utils.html
View file

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

26
build/articles/rsync-android
View file

@ -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;;\

268
build/articles/rsync-android.html
View file

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

35
build/index
View file

@ -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;;\

308
build/index.html
View file

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

44
build/rss.xml
View file

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

BIN
images/shark.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 113 KiB

BIN
images/shork.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 84 KiB

BIN
images/shork.xcf
View file

Binary file not shown.

209
pandoc.md
View file

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

124
pandoc/html-template.html
View file

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

0
pandoc/metadata-template.json → pandoc/meta-json-template.txt
View file

53
pandoc/rss-template.xml
View file

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

226
pandoc/solarized.theme
View file

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

2
pandoc/ansi-template → pandoc/template
View file

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

115
pandoc/template.html Normal file
View file

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

35
public_ansi/index
View file

@ -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;;\

2
public_ansi/latex-endeavors
View file

@ -3,7 +3,7 @@
Never
2026-01-09
9.1.2026
────────────────────

218
public_ansi/pandoc
View file

@ -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;;\

2
public_ansi/random-linux-utils
View file

@ -3,7 +3,7 @@
Never
2025-07-25
25.7.2025
────────────────────

26
public_ansi/rsync-android
View file

@ -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;;\

BIN
public_html/eh/eh/eh/eh-eh/images/shork.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 84 KiB

BIN
public_html/eh/eh/eh/eh-eh/images/shork.xcf
View file

Binary file not shown.

308
public_html/eh/eh/eh/eh-eh/index.html
View file

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

112
public_html/eh/eh/eh/eh-eh/latex-endeavors.html
View file

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

437
public_html/eh/eh/eh/eh-eh/pandoc.html
View file

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

243
public_html/eh/eh/eh/eh-eh/random-linux-utils.html
View file

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

44
public_html/eh/eh/eh/eh-eh/rss.xml
View file

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

268
public_html/eh/eh/eh/eh-eh/rsync-android.html
View file

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

102
public_html/eh/eh/eh/eh-eh/scripts/shork.js
View file

@ -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};
}

BIN
public_html/eh/eh/eh/eh-eh/styles/images/shark-top-small.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 29 KiB

After

Width:  |  Height:  |  Size: 26 KiB

Before After
Before After

BIN
public_html/eh/eh/eh/eh-eh/styles/images/shark-top-small.xcf
View file

Binary file not shown.

163
public_html/eh/eh/eh/eh-eh/styles/style.css
View file

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

102
scripts/shork.js
View file

@ -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};
}

28
src/articles.json
View file

@ -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"
}
]
}

3
src/articles/latex-endeavors.md
View file

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

18
src/articles/random-linux-utils Normal file
View file

@ -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;;\

80
src/articles/random-linux-utils.html Normal file
View file

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

3
src/articles/random-linux-utils.md
View file

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

18
src/articles/rsync-android Normal file
View file

@ -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;;\

80
src/articles/rsync-android.html Normal file
View file

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

31
src/articles/rsync-android.md
View file

@ -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/
```

13
src/index.md
View file

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

8
src/rss.md
View file

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

BIN
styles/images/shark-top-small.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 29 KiB

After

Width:  |  Height:  |  Size: 26 KiB

Before After
Before After

BIN
styles/images/shark-top-small.xcf
View file

Binary file not shown.

163
styles/style.css
View file

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