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

@@ -11,8 +11,8 @@ --leading: 2rem;
     --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;
-    --link-color: #e96363;
-    --link-hover-color: #ff6e6e;
+    --link-color: lightcoral;
+    --link-hover-color: tomato;
     --heading-text-color: #dddada;
     --primary-text-color: #c7c7c7;
     --secondary-text-color: #e0e0e0;
@@ -308,10 +308,12 @@ flex-direction: row;
     align-items: center;
 }
 
-.card-badges {
-    /*display: flex;
-    flex-direction: row;
-    align-items: start;*/
+.badge a, .badge a:visited {
+    color: darkred;
+}
+
+.badge a:hover {
+    color: firebrick;
 }
 
 .card-footer .action {

M templates/_project.mustache → templates/_project.mustache

@@ -5,30 +5,7 @@ <a href="{{home}}">
           {{code}}
         </a>
       </div>
-      <div class="card-badges">
-        {{#conver}}
-        <table class="badge-container">
-          <tr class="badge">
-            <td class="badge-content badge-label">ConVer</td><td class="badge-content badge-{{stage}}">v{{version}}</td>
-          </tr>
-        </table>
-        {{/conver}}
-        {{#semver}}
-        <table class="badge-container">
-          <tr class="badge">
-            <td class="badge-content badge-label">SemVer</td><td class="badge-content badge-{{stage}}">v{{version}}</td>
-          </tr>
-        </table>
-        {{/semver}}
-        {{#license}}
-        &nbsp;
-        <table class="badge-container">
-          <tr class="badge">
-            <td class="badge-content badge-label">License</td><td class="badge-content badge-license">{{license}}</td>
-          </tr>
-        </table>
-        {{/license}}
-      </div>
+      {{> _project_badges}} 
     </div>
     <div class="card-body">
         {{summary}}

A templates/_project_badges.mustache

@@ -0,0 +1,31 @@ 
+<table class="card-badges">
+  <tr>
+    {{#conver}}
+    <td>
+      <table class="badge-container">
+        <tr class="badge">
+          <td class="badge-content badge-label"><a href="/conver">ConVer</a></td><td class="badge-content badge-{{stage}}">v{{version}}</td>
+        </tr>
+      </table>
+    </td>
+    {{/conver}}
+    {{#semver}}
+    <td>
+      <table class="badge-container">
+        <tr class="badge">
+          <td class="badge-content badge-label">SemVer</td><td class="badge-content badge-{{stage}}">v{{version}}</td>
+        </tr>
+      </table>
+    </td>
+    {{/semver}}
+    {{#license}}
+    <td>
+      <table class="badge-container">
+        <tr class="badge">
+          <td class="badge-content badge-label">License</td><td class="badge-content badge-license">{{license}}</td>
+        </tr>
+      </table>
+    </td>
+    {{/license}}
+  </tr>
+</table>

M templates/project.mustache → templates/project.mustache

@@ -9,30 +9,7 @@ </div>
       <div class="main-content">
           <article class="{{content-type}} content">
           {{> _page_header}}
-           <div class="card-badges">
-              {{#conver}}
-              <table class="badge-container">
-                <tr class="badge">
-                  <td class="badge-content badge-label">ConVer</td><td class="badge-content badge-{{stage}}">v{{version}}</td>
-                </tr>
-              </table>
-              {{/conver}}
-              {{#semver}}
-              <table class="badge-container">
-                <tr class="badge">
-                  <td class="badge-content badge-label">SemVer</td><td class="badge-content badge-{{stage}}">v{{version}}</td>
-                </tr>
-              </table>
-              {{/semver}}
-              {{#license}}
-              &nbsp;&nbsp;
-              <table class="badge-container">
-                <tr class="badge">
-                  <td class="badge-content badge-label">License</td><td class="badge-content badge-license">{{license}}</td>
-                </tr>
-              </table>
-              {{/license}}
-            </div>
+          {{> _project_badges}} 
           {{#sourcehut}}
           <div class="card project-card">
             <div class="card-footer">