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

new style

Browse source
This commit is contained in:
Never Gude 2026-02-20 18:55:08 +01:00
parent fe287b89b7
commit 55adb103cc
13 changed files with 193 additions and 170 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -90,15 +90,14 @@
</head>
<body>
<canvas id="tv-screen"></canvas>
<div id="page">
<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>
<section id="content">
<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>
@ -109,49 +108,56 @@ is also viewable via <code>curl</code>. Just run</p>
<p>There also is an RSS Feed to stay updated about my doings.</p>
</article>
<nav id="articles">
<h2>Articles</h2>
<h1>Articles</h1>
<ul>
<li>
<div class="articles-header">
<header class="articles-header">
<a href="rsync-android.html" class="articles-title">Using rsync on
Android to syncronise my Music library</a>
</div>
</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>
<div class="articles-footer">
<footer class="articles-footer">
<div class="articles-author">Never</div>
<div class="articles-date">2026-01-12</div>
</div>
</footer>
</li>
<li>
<div class="articles-header">
<header class="articles-header">
<a href="latex-endeavors.html" class="articles-title">Latex
Endeavors</a>
</div>
</header>
<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>
<div class="articles-footer">
<footer class="articles-footer">
<div class="articles-author">Never</div>
<div class="articles-date">2026-01-09</div>
</div>
</footer>
</li>
<li>
<div class="articles-header">
<header class="articles-header">
<a href="random-linux-utils.html" class="articles-title">Random linux
utilities</a>
</div>
</header>
<p class="articles-summary">Tricks and tools I learned about, while
tweaking my Linux sytem or trying to do productive things.</p>
<div class="articles-footer">
<footer class="articles-footer">
<div class="articles-author">Never</div>
<div class="articles-date">2025-07-25</div>
</div>
</footer>
</li>
</ul>
</nav>
</section>
</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.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>
</nav>
</footer>
<script>
let speed = 10;
let scale = 0.33; // Image scale (I work on 1080p monitor)
@ -220,12 +226,5 @@ function pickColor(){
logoColor = 'rgb('+r+','+g+', '+b+')';
}
</script>
<footer id="page-footer">
<div 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>
</div>
</footer>
</div>
</body>
</html>

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

@ -28,18 +28,17 @@
</head>
<body>
<canvas id="tv-screen"></canvas>
<div id="page">
<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>
<section id="content">
<nav id="TOC" role="doc-toc">
<ul>
<li><a href="#biblatex-and-biber" id="toc-biblatex-and-biber">BibLaTeX
@ -58,13 +57,13 @@ run</a></li>
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>
</main>
<footer id="page-footer">
<div href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous" src="images/cups_left.svg" width="30" height="30"></a>
<nav id="webring">
<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>
</div>
</nav>
</footer>
</div>
</body>
</html>

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

@ -92,18 +92,17 @@
</head>
<body>
<canvas id="tv-screen"></canvas>
<div id="page">
<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>
<section id="content">
<nav id="TOC" role="doc-toc">
<ul>
<li><a href="#merge-pdfs" id="toc-merge-pdfs">Merge pdfs</a>
@ -124,13 +123,13 @@ class="sourceCode bash"><code class="sourceCode bash"><span id="cb1-1"><a href="
<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>
</section>
</main>
<footer id="page-footer">
<div href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous" src="images/cups_left.svg" width="30" height="30"></a>
<nav id="webring">
<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>
</div>
</nav>
</footer>
</div>
</body>
</html>

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

@ -6,7 +6,7 @@
<description>Here I post random stuff.</description>
<language>en-us</language>
<pubDate>Mon, 12 Jan 2026 00:00:00 +0100</pubDate>
<lastBuildDate>Fri, 13 Feb 2026 17:43:19 +0100</lastBuildDate>
<lastBuildDate>Fri, 20 Feb 2026 18:10:00 +0100</lastBuildDate>
<docs>https://www.rssboard.org/rss-specification</docs>
<generator>pandoc</generator>
<managingEditor>n.gude@posteo.de (Never)</managingEditor>

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

@ -92,18 +92,17 @@
</head>
<body>
<canvas id="tv-screen"></canvas>
<div id="page">
<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
library</h1>
<p class="author">Never</p>
<p class="date">2026-01-12</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>
@ -205,13 +204,13 @@ class="sourceCode sh"><code class="sourceCode bash"><span id="cb17-1"><a href="#
<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>
</main>
<footer id="page-footer">
<div href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous" src="images/cups_left.svg" width="30" height="30"></a>
<nav id="webring">
<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>
</div>
</nav>
</footer>
</div>
</body>
</html>

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

@ -1,26 +1,26 @@
:root {
--foreground: #1a1a1a;
--background: #fdfdfdc4;
--html-border: #c9c9c9;
--html-background: #1d5087;
--body-background: linear-gradient(to bottom, #5ab9de, #1d5087);
--blockquote-text: #606060;
--blockquote-border: #e6e6e6;
--button-primary: #e3e3e3;
--button-secondary: #d0d0d0;
--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;
}
@media (prefers-color-scheme: dark) {
:root {
--foreground: #fdfdfd;
--background: #1a1a1ac4;
--html-border: #4c4c4c;
--html-background: #391d87;
--body-background: linear-gradient(to bottom, #5a6fde, #391d87);
--blockquote-text: #e6e6e6;
--blockquote-border: #606060;
--button-primary: #4c4c4c;
--button-secondary: #404040;
--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;
}
}
@ -35,24 +35,27 @@ html {
body {
margin: 0;
background: var(--body-background);
z-index: 0;
}
#page {
main {
position: relative;
background-color: var(--background);
border: solid 1pt var(--html-border);
margin: 0 auto;
z-index: 2;
max-width: 48em;
margin: 0 auto;
padding-left: 50pt;
padding-right: 50pt;
padding-top: 50pt;
padding-bottom: 50pt;
hyphens: auto;
overflow-wrap: break-word;
text-rendering: optimizeLegibility;
font-kerning: normal;
z-index: 2;
background-color: var(--background);
border-left: solid 3pt var(--html-border);
border-right: solid 3pt var(--html-border);
}
#tv-screen {
@ -63,12 +66,18 @@ body {
}
#page-header {
padding: 4pt;
position: relative;
z-index: 2;
display: flex;
justify-content: space-between;
max-width: 60em;
margin: 0 auto;
padding: 4pt;
background: url("images/shark-top-small.png");
background-size: contain;
border: 1pt solid var(--html-border);
border: solid 3pt var(--html-border);
}
#page-header a {
@ -88,6 +97,7 @@ body {
}
.rss-button {
color: #fdf6e3 !important;
background: linear-gradient(to bottom, #fb9d3a 0%, #d95c29 100%);
border: 1pt solid #f2994f;
border-radius: 4pt;
@ -107,12 +117,13 @@ body {
.articles-header {
margin: 8pt 0 4pt 0;
text-align: left;
}
.articles-footer {
margin-top: 4pt;
display: flex;
justify-content: space-between;
margin-top: 4pt;
}
.articles-title {
@ -133,22 +144,27 @@ body {
}
#page-footer {
padding: 4pt;
border: 1pt solid var(--html-border);
background: url("images/shark-top-small.png");
background-size: contain;
position: relative;
z-index: 2;
display: flex;
justify-content: center;
max-width: 60em;
margin: 0 auto;
padding: 4pt;
background: url("images/shark-top-small.png");
background-size: contain;
border: solid 3pt var(--html-border);
}
#page-footer div {
#page-footer nav {
display: flex;
flex-direction: row;
align-items: center;
}
@media (max-width: 600px) {
#page {
main {
font-size: 0.9em;
padding: 12pt;
}