@@ -7,7 +7,9 @@ --html-font-size: 18px;
     --base-font-size: 1rem;
     --line-height: 1.5;
     --scale-factor: 1.3333;
-    --leading: 2rem;
+    --leading: 1.6rem;
+    --quarter-leading: 0.4rem;
+    --half-leading: 0.4rem;
     --letter-spacing: 0.05em;
     --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;
@@ -48,42 +50,41 @@ }
 
 .navlinks {
     margin-top: 2rem;
-    text-transform: uppercase;
 }
 
 h1,
 .h1 {
     font-size: 1.8rem;
-    margin-top: calc(var(--leading) * 1);
-    margin-bottom: calc(var(--leading) * 0);
+    margin-top: var(--leading);
+    margin-bottom: 0;
 }
 
 h2,
 .h2 {
     font-size: 1.6rem;
     margin-top: 0;
-    margin-bottom: calc(var(--leading) * 0.4);
+    margin-bottom: var(--quarter-leading);
 }
 
 h3,
 .h3 {
     font-size: 1.4rem;
-    margin-top: calc(var(--leading) * 1);
-    margin-bottom: calc(var(--leading) * 0.4);
+    margin-top: var(--leading);
+    margin-bottom: var(--quarter-leading);
 }
 
 h4,
 .h4 {
     font-size: 1.2rem; 
-    margin-top: calc(var(--leading) * 1);
-    margin-bottom: calc(var(--leading) * 0.4);
+    margin-top: var(--leading);
+    margin-bottom: var(--quarter-leading);
 }
 
 h5,
 .h5 {
     font-size: 1.1rem;
-    margin-top: calc(var(--leading) * 1);
-    margin-bottom: calc(var(--leading) * 0.4);
+    margin-top: var(--leading);
+    margin-bottom: var(--quarter-leading);
 }
 
 p,
@@ -92,16 +93,16 @@ ol,
 pre,
 table,
 blockquote {
-    margin-top: calc(var(--leading) * 0.3);
-    margin-bottom: calc(var(--leading) * 0.3);
+    margin-top: var(--quarter-leading);
+    margin-bottom: var(--quarter-leading);
 }
 
 ul ul,
 ol ol,
 ul ol,
 ol ul {
-    margin-top: calc(var(--leading) * 0);
-    margin-bottom: calc(var(--leading) * 0);
+    margin-top: 0;
+    margin-bottom: 0;
 }
 
 a,
@@ -111,7 +112,7 @@ strong,
 em,
 small,
 code {
-    line-height: calc(var(--leading) * 0);
+    line-height: 0;
 }
 
 pre,
@@ -130,9 +131,9 @@ sub,
 sup,
 time,
 .panel-header,
-hr::before,
+hr,
 footer {
-    font-size: calc(var(--base-font-size) * 0.75);
+    font-size: 0.8rem;
 }
 
 sub,
@@ -149,8 +150,8 @@ bottom: -0.25em;
 }
 
 .primary-subtitle {
-    margin-top: calc(var(--leading) * 0.25);
-    line-height: calc(var(--leading) * 0.8);
+    margin-top: var(--quarter-leading);
+    line-height: var(--half-leading);
 }
 
 .secondary-subtitle {
@@ -158,8 +159,8 @@ margin-top: 0;
 }
 
 .leading {
-    margin-top: calc(var(--leading) * 1);
-    margin-bottom: calc(var(--leading) * 0);
+    margin-top: var(--leading);
+    margin-bottom: 0;
 }
 
 b,
@@ -211,12 +212,12 @@ text-decoration-style: dotted;
 }
 
 .content {
-    padding: 0 calc(var(--leading) * 0.5);
-    padding-bottom: calc(var(--leading) * 0.25);
+    padding: 0 var(--half-leading);
+    padding-bottom: var(--quarter-leading);
 }
 
 .container-fluid {
-    padding: 0 calc(var(--leading) * 0);
+    padding: 0 0;
 }
 
 time {
@@ -266,7 +267,6 @@ 
 .main-header .navlinks {
     text-align: left;
     font-size: 14px;
-    flex-grow: 1;
     margin: 0;
     text-align: center;
 }
@@ -284,35 +284,36 @@ vertical-align: middle;
     border: none;
 }
 
-.card-footer {
-    margin: auto;
+.card-title {
+    margin-bottom: 0;
+}
+
+table.badge-container, table.card-badges {
+    margin: 0;
 }
 
-.card-title {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
+.project-legend tr {
+    height: 20px;
 }
 
-.badge a, .badge a:visited {
-    color: darkred;
+.project-legend td {
+    height: 20px;
 }
 
-.badge a:hover {
-    color: firebrick;
+.card-footer {
+    margin: auto;
 }
 
-.card-footer .action {
-    margin: 0 10px;
+.badge a, .badge a:visited {
+    color: darkred;
 }
 
-.card-footer .action:first-child {
-    margin-left: 0;
+.badge a:hover {
+    color: firebrick;
 }
 
 .badge-container {
     border-collapse: collapse;
-    display: inline;
 }
 
 .badge {
@@ -321,7 +322,7 @@ border: 1px solid snow;
 }
 
 .badge-content {
-    width: 42px;
+    width: 45px;
     text-align: center;
     border: 1px solid snow;
 }
@@ -334,31 +335,31 @@ 
 .badge-bedrock {
     color: snow;
     background: royalblue;
-    width: 72px;
+    width: 75px;
 }
 
 .badge-operational {
     color: black;
     background: goldenrod;
-    width: 72px;
+    width: 75px;
 }
 
 .badge-prototype {
     color: snow;
     background: chocolate;
-    width: 72px;
+    width: 75px;
 }
 
 .badge-consolidated {
     color: snow;
     background: seagreen;
-    width: 72px;
+    width: 75px;
 }
 
 .badge-license {
     color: snow;
     background: lightslategray;
-    width: 72px;
+    width: 75px;
 }
 
 .panel,
@@ -380,7 +381,7 @@ text-align: right;
 }
 
 .panel-body {
-    margin-top: calc(var(--leading) * -1);
+    margin-top: var(--leading);
 }
 
 .panel-body header {
@@ -625,18 +626,8 @@ .days img {
     border: none;
 }
 
-
 /* Used only in Glyph Book */
 
 .line-numbers {
     display: none;
-}
-
-/* iPad Fix */
-
-@media screen and (min-width: 768px) and (max-width: 768px) {
-    .col-sm-8 {
-        flex-basis: 100%;
-        max-width: 100%;
-    }
-}
+}

@@ -20,7 +20,7 @@ Because I have worked as a tech writer, developer, and architect in the past, people say that I'm not the _typical_ product manager, as I tend to deep dive quite a bit into the technology and programming side of things. I love programming after all, and even if I don't get to do it at work that much, I still do it in my (very little) free time.
 
 ### H3RALD ecosystem
 
-I've recently collected what I call the _H3RALD Ecosystem_ on [code.h3rald.com](https://code.h3rald.com). It is a collection of my own tools, mainly for my personal use, that may also be useful to others. Every project is open source, and every project is either a standalone, self-contained command line tool or something equally minimal. You can obtain the source code of each of these tools via [code.h3rald.com](https://code.h3rald.com) or [GitHub](https://github.com/h3rald).
+I've recently collected what I call the _H3RALD Ecosystem_ on [code.h3rald.com](https://code.h3rald.com). It is a collection of my own tools, mainly for my personal use, that may also be useful to others. Every project is open source, and every project is either a standalone, self-contained command line tool or something equally minimal. You can obtain the source code of each of these tools via [code.h3rald.com](https://code.h3rald.com) or [Sourcehut](https://git.sr.ht/~h3rald).
 
 With not one but two young kids, I basically don't have time to work on my personal projects right now, but it doesn't mean that I don't use them myself frequently or that I don't push the occasional feature or fix when needed.
 

@@ -5,13 +5,13 @@ </p>
     </p>This web site uses <a href="/conver">Convergent Versioning</a></p>
     <p>&copy; 2004&mdash;2026 &bull; <em>Fabio Cevasco</em></p>
     <div class="navlinks">
-        <a href="/about" class="navbar-link">about</a>
+        <a href="/about" class="navbar-link">ABOUT</a>
         &middot;
-        <a href="https://2c.fyi" class="navbar-link">bookmarks</a>
+        <a href="https://2c.fyi" class="navbar-link">BOOKMARKS</a>
         &middot;
-        <a href="https://nifty.tools" class="navbar-link">tools</a>
+        <a href="https://nifty.tools" class="navbar-link">TOOLS</a>
         &middot;
-        <a href="https://code.h3rald.com" class="navbar-link">code</a>
+        <a href="https://code.h3rald.com" class="navbar-link">CODE</a>
     </div>
     <div class="merveilles">
       <a href="https://webring.xxiivv.com/" target="_blank" rel="noopener" class="icon-link">
@@ -28,7 +28,7 @@ <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>.
+      on <a href="https://git.sr.ht/~h3rald/h3rald">Sourcehut</a>.
     </div>
     <div class="license-icons">
     :creative-commons:

@@ -8,14 +8,14 @@ <img src="/images/logo-light.png" alt="H3RALD" class="logo">
       </a>
   </h1>
   <div class="navlinks">
-    <a href="/days/" class="navbar-link">days</a>
+    <a href="/days/" class="navbar-link">DAYS</a>
     &middot;
-    <a href="/now" class="navbar-link">now</a>
+    <a href="/now" class="navbar-link">NOW</a>
     &middot;
-    <a href="/articles" class="navbar-link">articles</a>
+    <a href="/articles" class="navbar-link">ARTICLES</a>
     &middot;
-    <a href="/projects" class="navbar-link">projects</a>
+    <a href="/projects" class="navbar-link">PROJECTS</a>
     &middot;
-    <a href="/grimoire" class="navbar-link">grimoire</a>
+    <a href="/grimoire" class="navbar-link">GRIMOIRE</a>
   </div>
 </header>

@@ -29,8 +29,8 @@ <td class="badge-content badge-label">Stage</td><td class="badge-content badge-operational">operational</td>
                     </tr>
                   </table>
                 </td>
-              <tr>
               </tr>
+              <tr>
                 <td>
                   <table class="badge-container">
                     <tr class="badge">