new style

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

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>