M assets/styles/style.css → assets/styles/style.css

@@ -61,18 +61,6 @@ --warning-color: #FFAF00;
     --error-color: #DB141A;
 }
 
-/*
-.theme-switcher-icon.dark-mode-hide::after {
-    content: " dark mode";
-    color: var(--primary-text-color);
-}
-
-.theme-switcher-icon::after {
-    content: " light mode";
-    color: var(--primary-text-color);
-}
-*/
-
 .themed-content .light-mode-hide {
     display: initial;
 }
@@ -236,7 +224,7 @@ time,
 .panel-header,
 hr::before,
 footer {
-    font-size: calc(var(--base-font-size) * 0.85);
+    font-size: calc(var(--base-font-size) * 0.75);
 }
 
 sub,
@@ -327,10 +315,8 @@ text-underline-offset: 2px;
     display: inline;
 }
 
-a[href^=http] {
-    text-decoration: underline dotted;
-    text-decoration-thickness: 1px;
-    text-underline-offset: 2px;
+a[href^=http]::after {
+    content: "🡥";
 }
 
 .content {
@@ -363,7 +349,7 @@ #theme-switcher {
     position: fixed;
     right: 0;
     top: 0;
-    left: 0;
+    z-index: 1000;
     background-color: var(--primary-background);
 }
 
@@ -375,6 +361,7 @@ left: 0;
     padding: 0 8px;
     background-color: var(--primary-background);
     box-shadow: 0 16px 16px -16px #000;
+    margin-top: -30px;
 }
 
 .main-content {
@@ -383,21 +370,18 @@ }
 
 /* End fixed header */
 
-.main-header {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: center;
-}
-
 .main-header h1 {
-    margin-top: 0.1em;
+    margin: 0 0.5rem;
+    height: 40px;
+    text-align: center;
 }
 
 .main-header .navlinks {
     text-align: left;
+    font-size: 14px;
     flex-grow: 1;
     margin: 0;
+    text-align: center;
 }
 
 .logo {
@@ -624,18 +608,13 @@ white-space: pre-wrap;
     padding: 1rem;
 }
 
-.navlinks-secondary-row {
-    font-size: 12px;
-}
-
-.navlinks-primary-row {
-    font-size: 14px;
-}
-
-
 a.icon-link,
 a[href^=http].icon-link {
     text-decoration: none;
+}
+
+a[href^=http].icon-link::after {
+    content: "";
 }
 
 .icon-link img {

M templates/_footer.mustache → templates/_footer.mustache

@@ -6,29 +6,33 @@ <img src="/images/logo-light.svg" alt="H3RALD" class="logo-mini light-mode-hide"> Web Site v10.0.0
     </p> 
     <p>&copy; 2004&mdash;2024 &bull; <em>Fabio Cevasco</em></p>
     <div class="navlinks">
-      <a class="navbar-link" href="/about/">about</a>
+        <a href="https://2c.fyi" class="navbar-link">bookmarks</a>
+        &middot;
+        <a href="https://nifty.tools" class="navbar-link">tools</a>
+        &middot;
+        <a href="https://code.h3rald.com" class="navbar-link">code</a>
     </div>
-    <p>Unless stated otherwise, all the content published on this web site is licensed under 
+    <div class="merveilles">
+      <a href="https://webring.xxiivv.com/" target="_blank" rel="noopener" class="icon-link">
+        <img src="/images/rotonde.svg" alt="xxiivv webring">
+      </a>
+      <a rel="me" href="https://merveilles.town/@h3rald" target="_blank" rel="noopener" class="icon-link">
+        <img src="/images/merveilles.svg" alt="@h3rald@merveilles.town">
+      </a>
+      <a href="https://lieu.cblgh.org" target="_blank" rel="noopener" class="icon-link">
+        <img src="/images/lieu.svg" alt="lieu" class="icon-link">
+      </a>
+    </div>
+    <div class="licensing">Unless stated otherwise, all the content published on this web site is licensed under 
     the <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>.
     The source code of this web site, such as its layout, stylesheets, custom min rules and code is licensed under the terms of the 
       <a href="https://opensource.org/licenses/mit-license.php"><span class="caps">MIT</span> License</a> and it is available
       on <a href="https://github.com/h3rald/h3rald">GitHub</a>.
-    </p>
-    <p class="license-icons">
+    </div>
+    <div class="license-icons">
     :creative-commons:
     :creative-commons-attribution:
     :creative-commons-noncommercial-eu: 
     :creative-commons-sharealike:
-    </p>
-    <p>
-      <a href="https://webring.xxiivv.com/" target="_blank" rel="noopener" class="icon-link">
-   <img src="/images/rotonde.svg" alt="xxiivv webring">
-      </a>
-      <a rel="me" href="https://merveilles.town/@h3rald" target="_blank" rel="noopener" class="icon-link">
-   <img src="/images/merveilles.svg" alt="@h3rald@merveilles.town">
-      </a>
-      <a href="https://lieu.cblgh.org" target="_blank" rel="noopener" class="icon-link">
-   <img src="/images/lieu.svg" alt="lieu" class="icon-link">
-      </a>
-    </p>
+    </div>
 </footer>

M templates/_header.mustache → templates/_header.mustache

@@ -6,19 +6,14 @@ <img src="/images/logo-dark.svg" alt="H3RALD" class="logo dark-mode-hide">
       </a>
   </h1>
   <div class="navlinks">
-    <div class="navlinks-secondary-row">
-      &rarr; <a href="https://code.h3rald.com" class="navbar-link">code</a>
-      &rarr; <a href="https://nifty.tools" class="navbar-link">tools</a>
-      &rarr; <a href="https://2c.fyi" class="navbar-link">bookmarks</a>
-    </div>
-    <div class="navlinks-primary-row">
-      <a href="/now" class="navbar-link">now</a>
-      &middot;
-      <a href="/articles" class="navbar-link">articles</a>
-      &middot;
-      <a href="/projects" class="navbar-link">projects</a>
-      &middot;
-      <a href="/grimoire" class="navbar-link">grimoire</a>
-    </div>
+    <a href="/now" class="navbar-link">now</a>
+    &middot;
+    <a href="/about/" class="navbar-link">about</a>
+    &middot;
+    <a href="/articles" class="navbar-link">articles</a>
+    &middot;
+    <a href="/projects" class="navbar-link">projects</a>
+    &middot;
+    <a href="/grimoire" class="navbar-link">grimoire</a>
   </div>
 </header>