From 55adb103cc0689b767d278670afe310f2afb7afb Mon Sep 17 00:00:00 2001 From: Never Gude Date: Fri, 20 Feb 2026 18:55:08 +0100 Subject: [PATCH] new style --- build/articles/latex-endeavors.html | 11 ++- build/articles/random-linux-utils.html | 11 ++- build/articles/rsync-android.html | 11 ++- build/index.html | 45 +++++----- build/rss.xml | 2 +- pandoc/html-template.html | 35 ++++---- public_html/eh/eh/eh/eh-eh/index.html | 45 +++++----- .../eh/eh/eh/eh-eh/latex-endeavors.html | 11 ++- .../eh/eh/eh/eh-eh/random-linux-utils.html | 11 ++- public_html/eh/eh/eh/eh-eh/rss.xml | 2 +- public_html/eh/eh/eh/eh-eh/rsync-android.html | 11 ++- public_html/eh/eh/eh/eh-eh/styles/style.css | 84 +++++++++++-------- styles/style.css | 84 +++++++++++-------- 13 files changed, 193 insertions(+), 170 deletions(-) diff --git a/build/articles/latex-endeavors.html b/build/articles/latex-endeavors.html index 43734aa..1f482a5 100644 --- a/build/articles/latex-endeavors.html +++ b/build/articles/latex-endeavors.html @@ -28,18 +28,17 @@ -
+

Latex Endeavors

Some unintuitive quirks of Latex

Never

2026-01-09

-
+
-
Previous +
+
-
diff --git a/build/articles/random-linux-utils.html b/build/articles/random-linux-utils.html index c19872a..cc720d5 100644 --- a/build/articles/random-linux-utils.html +++ b/build/articles/random-linux-utils.html @@ -92,18 +92,17 @@ -
+

Random linux utilities

Neat things I picked up along the way

Never

2025-07-25

-
- + - diff --git a/build/articles/rsync-android.html b/build/articles/rsync-android.html index ca302f5..07c9301 100644 --- a/build/articles/rsync-android.html +++ b/build/articles/rsync-android.html @@ -92,18 +92,17 @@ -
+

Using rsync on Android to syncronise my Music library

Never

2026-01-12

-
- +
-
Previous +
+
- diff --git a/build/index.html b/build/index.html index 3e783e9..6ecd442 100644 --- a/build/index.html +++ b/build/index.html @@ -90,15 +90,14 @@ -
+

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.

@@ -109,49 +108,56 @@ is also viewable via curl. Just run

There also is an RSS Feed to stay updated about my doings.

-
+
+
+ +
-
-
Previous -CUPS -Next -
-
-
diff --git a/build/rss.xml b/build/rss.xml index 990dec0..de63bd0 100644 --- a/build/rss.xml +++ b/build/rss.xml @@ -6,7 +6,7 @@ Here I post random stuff. en-us Mon, 12 Jan 2026 00:00:00 +0100 -Fri, 13 Feb 2026 17:43:19 +0100 +Fri, 20 Feb 2026 18:10:00 +0100 https://www.rssboard.org/rss-specification pandoc n.gude@posteo.de (Never) diff --git a/pandoc/html-template.html b/pandoc/html-template.html index c0866d5..9209431 100644 --- a/pandoc/html-template.html +++ b/pandoc/html-template.html @@ -35,15 +35,15 @@ $endif$ $endif$ +$for(include-before)$ +$include-before$ +$endfor$ -
-$for(include-before)$ -$include-before$ -$endfor$ +
$if(title)$

$title$

@@ -63,7 +63,6 @@ $abstract$
$endif$ -
$endif$ $if(toc)$
+ +
+ +
$for(include-after)$ $include-after$ $endfor$ -
-
Previous -CUPS -Next -
-
- diff --git a/public_html/eh/eh/eh/eh-eh/index.html b/public_html/eh/eh/eh/eh-eh/index.html index 3e783e9..6ecd442 100644 --- a/public_html/eh/eh/eh/eh-eh/index.html +++ b/public_html/eh/eh/eh/eh-eh/index.html @@ -90,15 +90,14 @@ -
+

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.

@@ -109,49 +108,56 @@ is also viewable via curl. Just run

There also is an RSS Feed to stay updated about my doings.

-
+
+
+ +
-
-
Previous -CUPS -Next -
-
-
diff --git a/public_html/eh/eh/eh/eh-eh/latex-endeavors.html b/public_html/eh/eh/eh/eh-eh/latex-endeavors.html index 43734aa..1f482a5 100644 --- a/public_html/eh/eh/eh/eh-eh/latex-endeavors.html +++ b/public_html/eh/eh/eh/eh-eh/latex-endeavors.html @@ -28,18 +28,17 @@ -
+

Latex Endeavors

Some unintuitive quirks of Latex

Never

2026-01-09

-
+
-
Previous +
+
-
diff --git a/public_html/eh/eh/eh/eh-eh/random-linux-utils.html b/public_html/eh/eh/eh/eh-eh/random-linux-utils.html index c19872a..cc720d5 100644 --- a/public_html/eh/eh/eh/eh-eh/random-linux-utils.html +++ b/public_html/eh/eh/eh/eh-eh/random-linux-utils.html @@ -92,18 +92,17 @@ -
+

Random linux utilities

Neat things I picked up along the way

Never

2025-07-25

-
- +
-
Previous +
+
- diff --git a/public_html/eh/eh/eh/eh-eh/rss.xml b/public_html/eh/eh/eh/eh-eh/rss.xml index 990dec0..de63bd0 100644 --- a/public_html/eh/eh/eh/eh-eh/rss.xml +++ b/public_html/eh/eh/eh/eh-eh/rss.xml @@ -6,7 +6,7 @@ Here I post random stuff. en-us Mon, 12 Jan 2026 00:00:00 +0100 -Fri, 13 Feb 2026 17:43:19 +0100 +Fri, 20 Feb 2026 18:10:00 +0100 https://www.rssboard.org/rss-specification pandoc n.gude@posteo.de (Never) diff --git a/public_html/eh/eh/eh/eh-eh/rsync-android.html b/public_html/eh/eh/eh/eh-eh/rsync-android.html index ca302f5..07c9301 100644 --- a/public_html/eh/eh/eh/eh-eh/rsync-android.html +++ b/public_html/eh/eh/eh/eh-eh/rsync-android.html @@ -92,18 +92,17 @@ -
+

Using rsync on Android to syncronise my Music library

Never

2026-01-12

-
- + - diff --git a/public_html/eh/eh/eh/eh-eh/styles/style.css b/public_html/eh/eh/eh/eh-eh/styles/style.css index 4eda46e..b7756e5 100644 --- a/public_html/eh/eh/eh/eh-eh/styles/style.css +++ b/public_html/eh/eh/eh/eh-eh/styles/style.css @@ -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; } diff --git a/styles/style.css b/styles/style.css index 4eda46e..b7756e5 100644 --- a/styles/style.css +++ b/styles/style.css @@ -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; }