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

style changes

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

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

@ -28,6 +28,7 @@
</head> </head>
<body> <body>
<canvas id="tv-screen"></canvas> <canvas id="tv-screen"></canvas>
<div id="page">
<header id="page-header"> <header id="page-header">
<a class="page-header-button" href="index.html">Home</a> <a class="page-header-button" href="index.html">Home</a>
<a class="rss-button" href="rss.xml">RSS Feed</a> <a class="rss-button" href="rss.xml">RSS Feed</a>
@ -59,12 +60,11 @@ message</p>
</article> </article>
</section> </section>
<footer id="page-footer"> <footer id="page-footer">
<!-- <embed type="text/html" src="https://cups.teabucket.eu/embed?from=never" style="width:320px; height: 120px; scale: 0.66;"> --> <div href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous" src="images/cups_left.svg" width="30" height="30"></a>
<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/" 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> <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> </footer>
</div>
</body> </body>
</html> </html>

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

@ -92,6 +92,7 @@
</head> </head>
<body> <body>
<canvas id="tv-screen"></canvas> <canvas id="tv-screen"></canvas>
<div id="page">
<header id="page-header"> <header id="page-header">
<a class="page-header-button" href="index.html">Home</a> <a class="page-header-button" href="index.html">Home</a>
<a class="rss-button" href="rss.xml">RSS Feed</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> </article>
</section> </section>
<footer id="page-footer"> <footer id="page-footer">
<!-- <embed type="text/html" src="https://cups.teabucket.eu/embed?from=never" style="width:320px; height: 120px; scale: 0.66;"> --> <div href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous" src="images/cups_left.svg" width="30" height="30"></a>
<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/" 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> <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> </footer>
</div>
</body> </body>
</html> </html>

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

@ -92,6 +92,7 @@
</head> </head>
<body> <body>
<canvas id="tv-screen"></canvas> <canvas id="tv-screen"></canvas>
<div id="page">
<header id="page-header"> <header id="page-header">
<a class="page-header-button" href="index.html">Home</a> <a class="page-header-button" href="index.html">Home</a>
<a class="rss-button" href="rss.xml">RSS Feed</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> </article>
</section> </section>
<footer id="page-footer"> <footer id="page-footer">
<!-- <embed type="text/html" src="https://cups.teabucket.eu/embed?from=never" style="width:320px; height: 120px; scale: 0.66;"> --> <div href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous" src="images/cups_left.svg" width="30" height="30"></a>
<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/" 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> <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> </footer>
</div>
</body> </body>
</html> </html>

10
build/index
View file

@ -3,14 +3,16 @@
──────────────────── ────────────────────
Hello! I am Never and this is my little place on the internet where I 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. This Website itself is one of those projects, that I like to tweak and
Maybe I’ll write an article about its build system. It is also viewable tinker with. Maybe I’ll write an article about its build system. It is
via  curl . Just run also viewable via  curl . Just run
curl nevereverever.de curl nevereverever.de
There also is an RSS Feed to stay updated about my doings.
ARTICLES ARTICLES
Using rsync on Android to syncronise my Music Using rsync on Android to syncronise my Music

17
build/index.html
View file

@ -90,6 +90,7 @@
</head> </head>
<body> <body>
<canvas id="tv-screen"></canvas> <canvas id="tv-screen"></canvas>
<div id="page">
<header id="page-header"> <header id="page-header">
<a class="page-header-button" href="index.html">Home</a> <a class="page-header-button" href="index.html">Home</a>
<a class="rss-button" href="rss.xml">RSS Feed</a> <a class="rss-button" href="rss.xml">RSS Feed</a>
@ -100,11 +101,12 @@
<section id="content"> <section id="content">
<article> <article>
<p>Hello! I am Never and this is my little place on the internet where I <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> 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. <p>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 and tinker with. Maybe I’ll write an article about its build system. It
via <code>curl</code>. Just run</p> 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> <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> </article>
<nav id="articles"> <nav id="articles">
<h2>Articles</h2> <h2>Articles</h2>
@ -219,12 +221,11 @@ function pickColor(){
} }
</script> </script>
<footer id="page-footer"> <footer id="page-footer">
<!-- <embed type="text/html" src="https://cups.teabucket.eu/embed?from=never" style="width:320px; height: 120px; scale: 0.66;"> --> <div href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous" src="images/cups_left.svg" width="30" height="30"></a>
<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/" 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> <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> </footer>
</div>
</body> </body>
</html> </html>

2
build/rss.xml
View file

@ -6,7 +6,7 @@
<description>Here I post random stuff.</description> <description>Here I post random stuff.</description>
<language>en-us</language> <language>en-us</language>
<pubDate>Mon, 12 Jan 2026 00:00:00 +0100</pubDate> <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> <docs>https://www.rssboard.org/rss-specification</docs>
<generator>pandoc</generator> <generator>pandoc</generator>
<managingEditor>n.gude@posteo.de (Never)</managingEditor> <managingEditor>n.gude@posteo.de (Never)</managingEditor>

8
pandoc/html-template.html
View file

@ -36,6 +36,7 @@ $endif$
</head> </head>
<body> <body>
<canvas id="tv-screen"></canvas> <canvas id="tv-screen"></canvas>
<div id="page">
<header id="page-header"> <header id="page-header">
<a class="page-header-button" href="index.html">Home</a> <a class="page-header-button" href="index.html">Home</a>
<a class="rss-button" href="rss.xml">RSS Feed</a> <a class="rss-button" href="rss.xml">RSS Feed</a>
@ -107,12 +108,11 @@ $for(include-after)$
$include-after$ $include-after$
$endfor$ $endfor$
<footer id="page-footer"> <footer id="page-footer">
<!-- <embed type="text/html" src="https://cups.teabucket.eu/embed?from=never" style="width:320px; height: 120px; scale: 0.66;"> --> <div href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous" src="images/cups_left.svg" width="30" height="30"></a>
<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/" 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> <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> </footer>
</div>
</body> </body>
</html> </html>

10
public_ansi/index
View file

@ -3,14 +3,16 @@
──────────────────── ────────────────────
Hello! I am Never and this is my little place on the internet where I 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. This Website itself is one of those projects, that I like to tweak and
Maybe I’ll write an article about its build system. It is also viewable tinker with. Maybe I’ll write an article about its build system. It is
via  curl . Just run also viewable via  curl . Just run
curl nevereverever.de curl nevereverever.de
There also is an RSS Feed to stay updated about my doings.
ARTICLES ARTICLES
Using rsync on Android to syncronise my Music Using rsync on Android to syncronise my Music

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

@ -90,6 +90,7 @@
</head> </head>
<body> <body>
<canvas id="tv-screen"></canvas> <canvas id="tv-screen"></canvas>
<div id="page">
<header id="page-header"> <header id="page-header">
<a class="page-header-button" href="index.html">Home</a> <a class="page-header-button" href="index.html">Home</a>
<a class="rss-button" href="rss.xml">RSS Feed</a> <a class="rss-button" href="rss.xml">RSS Feed</a>
@ -100,11 +101,12 @@
<section id="content"> <section id="content">
<article> <article>
<p>Hello! I am Never and this is my little place on the internet where I <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> 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. <p>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 and tinker with. Maybe I’ll write an article about its build system. It
via <code>curl</code>. Just run</p> 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> <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> </article>
<nav id="articles"> <nav id="articles">
<h2>Articles</h2> <h2>Articles</h2>
@ -219,12 +221,11 @@ function pickColor(){
} }
</script> </script>
<footer id="page-footer"> <footer id="page-footer">
<!-- <embed type="text/html" src="https://cups.teabucket.eu/embed?from=never" style="width:320px; height: 120px; scale: 0.66;"> --> <div href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous" src="images/cups_left.svg" width="30" height="30"></a>
<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/" 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> <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> </footer>
</div>
</body> </body>
</html> </html>

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

@ -28,6 +28,7 @@
</head> </head>
<body> <body>
<canvas id="tv-screen"></canvas> <canvas id="tv-screen"></canvas>
<div id="page">
<header id="page-header"> <header id="page-header">
<a class="page-header-button" href="index.html">Home</a> <a class="page-header-button" href="index.html">Home</a>
<a class="rss-button" href="rss.xml">RSS Feed</a> <a class="rss-button" href="rss.xml">RSS Feed</a>
@ -59,12 +60,11 @@ message</p>
</article> </article>
</section> </section>
<footer id="page-footer"> <footer id="page-footer">
<!-- <embed type="text/html" src="https://cups.teabucket.eu/embed?from=never" style="width:320px; height: 120px; scale: 0.66;"> --> <div href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous" src="images/cups_left.svg" width="30" height="30"></a>
<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/" 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> <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> </footer>
</div>
</body> </body>
</html> </html>

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

@ -92,6 +92,7 @@
</head> </head>
<body> <body>
<canvas id="tv-screen"></canvas> <canvas id="tv-screen"></canvas>
<div id="page">
<header id="page-header"> <header id="page-header">
<a class="page-header-button" href="index.html">Home</a> <a class="page-header-button" href="index.html">Home</a>
<a class="rss-button" href="rss.xml">RSS Feed</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> </article>
</section> </section>
<footer id="page-footer"> <footer id="page-footer">
<!-- <embed type="text/html" src="https://cups.teabucket.eu/embed?from=never" style="width:320px; height: 120px; scale: 0.66;"> --> <div href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous" src="images/cups_left.svg" width="30" height="30"></a>
<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/" 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> <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> </footer>
</div>
</body> </body>
</html> </html>

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

@ -6,7 +6,7 @@
<description>Here I post random stuff.</description> <description>Here I post random stuff.</description>
<language>en-us</language> <language>en-us</language>
<pubDate>Mon, 12 Jan 2026 00:00:00 +0100</pubDate> <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> <docs>https://www.rssboard.org/rss-specification</docs>
<generator>pandoc</generator> <generator>pandoc</generator>
<managingEditor>n.gude@posteo.de (Never)</managingEditor> <managingEditor>n.gude@posteo.de (Never)</managingEditor>

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

@ -92,6 +92,7 @@
</head> </head>
<body> <body>
<canvas id="tv-screen"></canvas> <canvas id="tv-screen"></canvas>
<div id="page">
<header id="page-header"> <header id="page-header">
<a class="page-header-button" href="index.html">Home</a> <a class="page-header-button" href="index.html">Home</a>
<a class="rss-button" href="rss.xml">RSS Feed</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> </article>
</section> </section>
<footer id="page-footer"> <footer id="page-footer">
<!-- <embed type="text/html" src="https://cups.teabucket.eu/embed?from=never" style="width:320px; height: 120px; scale: 0.66;"> --> <div href="https://cups.teabucket.eu/prev?from=never" target="_parent"><img alt="Previous" src="images/cups_left.svg" width="30" height="30"></a>
<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/" 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> <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> </footer>
</div>
</body> </body>
</html> </html>

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

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

10
src/index.md
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 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 This Website itself is one of those projects, that I like to tweak and tinker
write an article about its build system. It is also viewable via `curl`. Just with. Maybe I'll write an article about its build system. It is also viewable
run via `curl`. Just run
```sh ```sh
curl nevereverever.de curl nevereverever.de
``` ```
There also is an RSS Feed to stay updated about my doings.

26
styles/style.css
View file

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