style changes

This commit is contained in:
Never Gude 2026-02-13 17:43:27 +01:00
parent 08069302c0
commit ca6f4250b4
16 changed files with 103 additions and 76 deletions

View file

@ -28,6 +28,7 @@
</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>
@ -59,12 +60,11 @@ message</p>
</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>
<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>
</p>
</div>
</footer>
</div>
</body>
</html>

View file

@ -92,6 +92,7 @@
</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>
@ -125,12 +126,11 @@ class="sourceCode bash"><code class="sourceCode bash"><span id="cb1-1"><a href="
</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>
<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>
</p>
</div>
</footer>
</div>
</body>
</html>

View file

@ -92,6 +92,7 @@
</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>
@ -206,12 +207,11 @@ class="sourceCode sh"><code class="sourceCode bash"><span id="cb18-1"><a href="#
</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>
<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>
</p>
</div>
</footer>
</div>
</body>
</html>

View file

@ -3,14 +3,16 @@
────────────────────
Hello! I am Never and this is my little place on the internet where I
post the stuff that I am currenty nerding out about.
post the stuff that I am currently nerding out about.
This Website itself is one of those projects, that I like to tweak.
Maybe Ill write an article about its build system. It is also viewable
via  curl . Just run
This Website itself is one of those projects, that I like to tweak and
tinker with. Maybe Ill 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.
ARTICLES
Using rsync on Android to syncronise my Music

View file

@ -90,6 +90,7 @@
</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>
@ -100,11 +101,12 @@
<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 currenty nerding out about.</p>
<p>This Website itself is one of those projects, that I like to tweak.
Maybe Ill write an article about its build system. It is also viewable
via <code>curl</code>. Just run</p>
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 Ill 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">
<h2>Articles</h2>
@ -219,12 +221,11 @@ function pickColor(){
}
</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>
<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>
</p>
</div>
</footer>
</div>
</body>
</html>

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>Thu, 12 Feb 2026 18:35:27 +0100</lastBuildDate>
<lastBuildDate>Fri, 13 Feb 2026 17:43:19 +0100</lastBuildDate>
<docs>https://www.rssboard.org/rss-specification</docs>
<generator>pandoc</generator>
<managingEditor>n.gude@posteo.de (Never)</managingEditor>

View file

@ -36,6 +36,7 @@ $endif$
</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>
@ -107,12 +108,11 @@ $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>
<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>
</p>
</div>
</footer>
</div>
</body>
</html>

View file

@ -3,14 +3,16 @@
────────────────────
Hello! I am Never and this is my little place on the internet where I
post the stuff that I am currenty nerding out about.
post the stuff that I am currently nerding out about.
This Website itself is one of those projects, that I like to tweak.
Maybe Ill write an article about its build system. It is also viewable
via  curl . Just run
This Website itself is one of those projects, that I like to tweak and
tinker with. Maybe Ill 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.
ARTICLES
Using rsync on Android to syncronise my Music

View file

@ -90,6 +90,7 @@
</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>
@ -100,11 +101,12 @@
<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 currenty nerding out about.</p>
<p>This Website itself is one of those projects, that I like to tweak.
Maybe Ill write an article about its build system. It is also viewable
via <code>curl</code>. Just run</p>
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 Ill 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">
<h2>Articles</h2>
@ -219,12 +221,11 @@ function pickColor(){
}
</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>
<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>
</p>
</div>
</footer>
</div>
</body>
</html>

View file

@ -28,6 +28,7 @@
</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>
@ -59,12 +60,11 @@ message</p>
</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>
<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>
</p>
</div>
</footer>
</div>
</body>
</html>

View file

@ -92,6 +92,7 @@
</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>
@ -125,12 +126,11 @@ class="sourceCode bash"><code class="sourceCode bash"><span id="cb1-1"><a href="
</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>
<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>
</p>
</div>
</footer>
</div>
</body>
</html>

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>Thu, 12 Feb 2026 18:35:27 +0100</lastBuildDate>
<lastBuildDate>Fri, 13 Feb 2026 17:43:19 +0100</lastBuildDate>
<docs>https://www.rssboard.org/rss-specification</docs>
<generator>pandoc</generator>
<managingEditor>n.gude@posteo.de (Never)</managingEditor>

View file

@ -92,6 +92,7 @@
</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>
@ -206,12 +207,11 @@ class="sourceCode sh"><code class="sourceCode bash"><span id="cb18-1"><a href="#
</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>
<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>
</p>
</div>
</footer>
</div>
</body>
</html>

View file

@ -1,8 +1,9 @@
:root {
--foreground: #1a1a1a;
--background: #fdfdfdf0;
--background: #fdfdfdc4;
--html-border: #c9c9c9;
--html-background: linear-gradient(to bottom, #5a6fde 0%, #391d87 100%);
--html-background: #1d5087;
--body-background: linear-gradient(to bottom, #5ab9de, #1d5087);
--blockquote-text: #606060;
--blockquote-border: #e6e6e6;
--button-primary: #e3e3e3;
@ -12,9 +13,10 @@
@media (prefers-color-scheme: dark) {
:root {
--foreground: #fdfdfd;
--background: #1a1a1af0;
--background: #1a1a1ac4;
--html-border: #4c4c4c;
--html-background: linear-gradient(to bottom, #5a6fde 0%, #391d87 100%);
--html-background: #391d87;
--body-background: linear-gradient(to bottom, #5a6fde, #391d87);
--blockquote-text: #e6e6e6;
--blockquote-border: #606060;
--button-primary: #4c4c4c;
@ -22,10 +24,6 @@
}
}
. {
background: var(--html-background);
}
html {
color: var(--foreground);
@ -35,8 +33,15 @@ html {
}
body {
margin: 0;
background: var(--body-background);
z-index: 0;
}
#page {
position: relative;
background-color: var(--background);
border: solid 1px var(--html-border);
border: solid 1pt var(--html-border);
margin: 0 auto;
max-width: 48em;
padding-left: 50pt;
@ -47,13 +52,14 @@ body {
overflow-wrap: break-word;
text-rendering: optimizeLegibility;
font-kerning: normal;
z-index: 2;
}
#tv-screen {
position: fixed;
top: 0;
left: 0;
z-index: -1;
z-index: 1;
}
#page-header {
@ -127,6 +133,7 @@ body {
}
#page-footer {
padding: 4pt;
border: 1pt solid var(--html-border);
background: url("images/shark-top-small.png");
background-size: contain;
@ -134,7 +141,7 @@ body {
justify-content: center;
}
#page-footer p {
#page-footer div {
display: flex;
flex-direction: row;
align-items: center;

View file

@ -3,11 +3,13 @@ title: Home
---
Hello! I am Never and this is my little place on the internet where I post the
stuff that I am currenty nerding out about.
stuff that I am currently nerding out about.
This Website itself is one of those projects, that I like to tweak. Maybe I'll
write an article about its build system. It is also viewable via `curl`. Just
run
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.

View file

@ -1,8 +1,9 @@
:root {
--foreground: #1a1a1a;
--background: #fdfdfdf0;
--background: #fdfdfdc4;
--html-border: #c9c9c9;
--html-background: linear-gradient(to bottom, #5a6fde 0%, #391d87 100%);
--html-background: #1d5087;
--body-background: linear-gradient(to bottom, #5ab9de, #1d5087);
--blockquote-text: #606060;
--blockquote-border: #e6e6e6;
--button-primary: #e3e3e3;
@ -12,9 +13,10 @@
@media (prefers-color-scheme: dark) {
:root {
--foreground: #fdfdfd;
--background: #1a1a1af0;
--background: #1a1a1ac4;
--html-border: #4c4c4c;
--html-background: linear-gradient(to bottom, #5a6fde 0%, #391d87 100%);
--html-background: #391d87;
--body-background: linear-gradient(to bottom, #5a6fde, #391d87);
--blockquote-text: #e6e6e6;
--blockquote-border: #606060;
--button-primary: #4c4c4c;
@ -22,6 +24,7 @@
}
}
html {
color: var(--foreground);
background: var(--html-background);
@ -30,8 +33,15 @@ html {
}
body {
margin: 0;
background: var(--body-background);
z-index: 0;
}
#page {
position: relative;
background-color: var(--background);
border: solid 1px var(--html-border);
border: solid 1pt var(--html-border);
margin: 0 auto;
max-width: 48em;
padding-left: 50pt;
@ -42,13 +52,14 @@ body {
overflow-wrap: break-word;
text-rendering: optimizeLegibility;
font-kerning: normal;
z-index: 2;
}
#tv-screen {
position: fixed;
top: 0;
left: 0;
z-index: -1;
z-index: 1;
}
#page-header {
@ -122,6 +133,7 @@ body {
}
#page-footer {
padding: 4pt;
border: 1pt solid var(--html-border);
background: url("images/shark-top-small.png");
background-size: contain;
@ -129,7 +141,7 @@ body {
justify-content: center;
}
#page-footer p {
#page-footer div {
display: flex;
flex-direction: row;
align-items: center;