all repos — h3rald @ 46e247cf8eb3009697adbc38fef2ce1df0e62b07

The source code of the h3rald.com web site. 

Removed theming, fixed header, simplified CSS.
h3rald h3rald@h3rald.com
Mon, 15 Jun 2026 07:14:50 +0200
commit

46e247cf8eb3009697adbc38fef2ce1df0e62b07

parent

db4a2cbfd2e6de28aa24c1092a3985d33adfe1a7

10 files changed, 23 insertions(+), 154 deletions(-)

jump to
M assets/styles/style.css → assets/styles/style.css 
@@ -1,23 +1,6 @@ 
 /* Theme Switcher */
 /* Credits: https://endtimes.dev/no-javascript-dark-mode-toggle/ */
 
-.theme-switcher-icon {
-    cursor: pointer;
-    float: right;
-    margin: 2px;
-    margin-right: 10px;
-    margin-top: -5px;
-}
-
-.theme-switcher-icon svg {
-    width: 14px;
-    height: 14px;
-}
-
-#theme-switcher {
-    display: none;
-}
-
 :root {
 
     --html-font-size: 18px;

@@ -30,111 +13,22 @@ --font-family-sans: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
     --font-family-mono: "JetBrains Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 }
 
-.themed-content {
+html {
+    font-size: var(--html-font-size);
+    line-height: var(--line-height);
+}
+
+body {
     --link-color: #e96363;
     --link-hover-color: #ff6e6e;
-
     --heading-text-color: #dddada;
     --primary-text-color: #c7c7c7;
     --secondary-text-color: #e0e0e0;
-
     --primary-background: #1e1e1e;
     --secondary-background: #262626;
-
     --success-color: #28b869;
     --warning-color: #C97D05;
     --error-color: #da3c3c;
-}
-
-
-#theme-switcher:checked~.themed-content {
-    --link-color: #b73333;
-    --link-hover-color: #653131;
-
-    --heading-text-color: #222;
-    --primary-text-color: #444;
-    --secondary-text-color: #666;
-
-    --primary-background: #fefefe;
-    --secondary-background: #f5f5f5;
-
-    --success-color: #00B918;
-    --warning-color: #FFAF00;
-    --error-color: #DB141A;
-}
-
-.themed-content .light-mode-hide {
-    display: initial;
-}
-
-.themed-content .dark-mode-hide {
-    display: none;
-}
-
-#theme-switcher:checked~.themed-content .light-mode-hide {
-    display: none;
-}
-
-#theme-switcher:checked~.themed-content .dark-mode-hide {
-    display: initial;
-}
-
-@media (prefers-color-scheme: light) {
-    .themed-content {
-        --link-color: #b73333;
-        --link-hover-color: #653131;
-
-        --heading-text-color: #222;
-        --primary-text-color: #444;
-        --secondary-text-color: #666;
-
-        --primary-background: #fefefe;
-        --secondary-background: #f5f5f5;
-
-        --success-color: #00B918;
-        --warning-color: #FFAF00;
-        --error-color: #DB141A;
-    }
-
-    #theme-switcher:checked~.themed-content {
-        --link-color: #e96363;
-        --link-hover-color: #ff6e6e;
-
-        --heading-text-color: #dddada;
-        --primary-text-color: #c7c7c7;
-        --secondary-text-color: #e0e0e0;
-
-        --primary-background: #1e1e1e;
-        --secondary-background: #262626;
-
-        --success-color: #28b869;
-        --warning-color: #C97D05;
-        --error-color: #da3c3c;
-    }
-
-    .themed-content .dark-mode-hide {
-        display: initial;
-    }
-
-    .themed-content .light-mode-hide {
-        display: none;
-    }
-
-    #theme-switcher:checked~.themed-content .dark-mode-hide {
-        display: none;
-    }
-
-    #theme-switcher:checked~.themed-content .light-mode-hide {
-        display: initial;
-    }
-}
-
-html {
-    font-size: var(--html-font-size);
-    line-height: var(--line-height);
-}
-
-body {
     font-family: var(--font-family-sans);
     font-weight: 300;
     margin: auto;

@@ -169,7 +63,7 @@ 
 h2,
 .h2 {
     font-size: 1.6rem;
-    margin-top: calc(var(--leading) * 1);
+    margin-top: 0;
     margin-bottom: calc(var(--leading) * 0.4);
 }
 

@@ -270,7 +164,10 @@ margin-bottom: calc(var(--leading) * 0);
 }
 
 b,
-strong,
+strong {
+    font-weight: bold;
+}
+
 h1,
 h2,
 h3,

@@ -284,8 +181,7 @@ .h4,
 .h5,
 .h6,
 .panel-title {
-    font-family: var(--font-family-sans);
-    font-weight: bold;
+    font-weight: normal;
 }
 
 i,

@@ -350,13 +246,10 @@ background-color: var(--primary-background);
 }
 
 .main-header {
-    position: fixed;
-    top: 24px;
     right: 0;
     left: 0;
     padding: 0.5rem 0;
     background-color: var(--primary-background);
-    box-shadow: 0 16px 16px -16px #000;
     margin-top: -40px;
 }
 

@@ -381,10 +274,6 @@ footer {
     padding: 1rem;
 }
 
-.main-content {
-    margin-top: 40px;
-}
-
 
 /* End fixed header */
 

@@ -406,7 +295,7 @@ .logo {
     width: 130px;
     height: 33.725px;
     border: none;
-    display: block;
+    display: initial;
 }
 
 .logo-mini {

@@ -684,7 +573,7 @@ padding: 1rem;
 }
 
 #toc li {
-    list-style-type: "\203A";
+    list-style-type: "\203A\00A0";
     margin-right: 1rem;
 }
 

@@ -771,14 +660,3 @@ flex-basis: 100%;
         max-width: 100%;
     }
 }
-
-/* SVG icons */
-
-.icon svg {
-    width: 16px;
-    height: 16px;
-}
-
-.icon svg path {
-    fill: var(--primary-text-color);
-}
M templates/_footer.mustache → templates/_footer.mustache 
@@ -1,7 +1,6 @@ 
 <footer class="sidebar">
     <p>
-      <img src="/images/logo-dark.svg" alt="H3RALD" class="logo-mini dark-mode-hide"> 
-      <img src="/images/logo-light.svg" alt="H3RALD" class="logo-mini light-mode-hide"> Web Site v510-5
+      <img src="/images/logo-light.svg" alt="H3RALD" class="logo-mini"> Web Site v510-5
     </p> 
     </p>This web site uses <a href="/conver">Convergent Versioning</a></p>
     <p>&copy; 2004&mdash;2026 &bull; <em>Fabio Cevasco</em></p>
M templates/_header.mustache → templates/_header.mustache 
@@ -4,8 +4,7 @@ -->
 <header class="main-header box">
   <h1>
       <a href="/" title="H3RALD">
-        <img src="/images/logo-light.png" alt="H3RALD" class="logo light-mode-hide">
-        <img src="/images/logo-dark.png" alt="H3RALD" class="logo dark-mode-hide">
+        <img src="/images/logo-light.png" alt="H3RALD" class="logo">
       </a>
   </h1>
   <div class="navlinks">
M templates/article.mustache → templates/article.mustache 
@@ -2,8 +2,7 @@ <!DOCTYPE html>
 <html lang="en">
   {{> _head}}
   <body id="top">
-    {{> _theme_switcher}} 
-    <div class="main container-fluid themed-content">
+    <div class="main container-fluid">
       <div class="row header">
         <div class="col-xs-12 sidebar">
           {{> _header}}
M templates/days.mustache → templates/days.mustache 
@@ -2,8 +2,7 @@ <!DOCTYPE html>
 <html lang="en">
   {{> _head}}
   <body id="top">
-    {{> _theme_switcher}} 
-    <div class="main container-fluid themed-content">
+    <div class="main container-fluid">
       <div class="row header">
         <div class="col-xs-12 sidebar">
           {{> _header}}
M templates/grimoire.mustache → templates/grimoire.mustache 
@@ -2,8 +2,7 @@ <!DOCTYPE html>
 <html lang="en">
   {{> _head}}
   <body id="top">
-    {{> _theme_switcher}} 
-    <div class="main container-fluid themed-content">
+    <div class="main container-fluid">
       <div class="row header">
         <div class="col-xs-12 sidebar">
           {{> _header}}
M templates/home.mustache → templates/home.mustache 
@@ -2,8 +2,7 @@ <!DOCTYPE html>
 <html lang="en">
   {{> _head}}
   <body id="top">
-    {{> _theme_switcher}} 
-    <div class="main container-fluid themed-content">
+    <div class="main container-fluid">
       {{> _header}}
       <div class="row main-content">
         <article class="page box content">
M templates/page.mustache → templates/page.mustache 
@@ -2,8 +2,7 @@ <!DOCTYPE html>
 <html lang="en">
   {{> _head}}
   <body id="top">
-    {{> _theme_switcher}} 
-    <div class="main container-fluid themed-content">
+    <div class="main container-fluid">
       <div class="row header">
         <div class="col-xs-12 sidebar">
           {{> _header}}
M templates/project.mustache → templates/project.mustache 
@@ -2,8 +2,7 @@ <!DOCTYPE html>
 <html lang="en">
   {{> _head}}
   <body id="top">
-    {{> _theme_switcher}} 
-    <div class="main container-fluid themed-content">
+    <div class="main container-fluid">
       <div class="row header">
         <div class="col-xs-12 sidebar">
           {{> _header}}
M templates/projects.mustache → templates/projects.mustache 
@@ -2,8 +2,7 @@ <!DOCTYPE html>
 <html lang="en">
   {{> _head}}
   <body id="top">
-    {{> _theme_switcher}} 
-    <div class="main container-fluid themed-content">
+    <div class="main container-fluid">
       <div class="row header">
         <div class="col-xs-12 sidebar">
           {{> _header}}