@@ -230,22 +230,6 @@ .sidebar header {
     text-align: center;
 }
 
-#theme-switcher {
-    font-style: italic;
-    cursor: pointer;
-}
-
-/** Fixed header **/
-
-#theme-switcher~label,
-#theme-switcher {
-    position: fixed;
-    right: 0;
-    top: 0;
-    z-index: 1000;
-    background-color: var(--primary-background);
-}
-
 .main-header {
     right: 0;
     left: 0;
@@ -274,9 +258,6 @@ 
 footer {
     padding: 1rem;
 }
-
-
-/* End fixed header */
 
 .main-header h1 {
     margin: 16px 0 0 0;
@@ -335,8 +316,52 @@ .card-footer .action:first-child {
     margin-left: 0;
 }
 
-.panel-wrapper {
-    margin: calc(var(--leading) * 1) 0;
+.badge {
+    vertical-align: middle;
+    margin: 0 8px;
+    white-space: nowrap;
+    font-size: 10px;
+    width: 96px;
+    height: 14px;
+    border: 1px solid snow;
+}
+
+.badge-content {
+    vertical-align: middle;
+    height: 9px;
+    width: 46px;
+    text-align: center;
+    color: black;
+    background: silver;
+    display: inline-block;
+    padding: 1px;
+    padding-bottom: 4px;
+    margin-bottom: 4px; 
+}
+
+.badge-label {
+    color: black;
+    background: silver;
+}
+
+.badge-bedrock {
+    color: snow;
+    background: royalblue;
+}
+
+.badge-operational {
+    color: black;
+    background: goldenrod;
+}
+
+.badge-prototype {
+    color: snow;
+    background: chocolate;
+}
+
+.badge-consolidated {
+    color: snow;
+    background: seagreen;
 }
 
 .panel,
@@ -459,6 +484,7 @@ }
 
 .main {
     padding-top: 35px;
+    margin: 0 8px;
 }
 
 .main,
@@ -487,23 +513,6 @@ .sidebar hr,
 .main hr,
 .panel-header {
     color: var(--secondary-text-color);
-}
-
-.badge {
-    color: var(--heading-text-color);
-    font-variant: small-caps;
-}
-
-.badge-success {
-    background: var(--success-color);
-}
-
-.badge-warning {
-    background: var(--warning-color);
-}
-
-.badge-error {
-    background: var(--error-color);
 }
 
 code,

@@ -7,8 +7,8 @@ summary: "A simple command line tool that can be used to manage Convergent Versioning for your projects."
 content-type: project
 active: true
 version: 100-D
-version-badge: 100--D   
-release-color: orange
+conver: true
+stage: prototype
 license: MIT
 sourcehut: conver-tool
 changelog: true

@@ -7,8 +7,8 @@ summary: "An alternative approach to versioning projects that aim to achieve eventual stability, maturity, and completeness."
 content-type: project
 active: true
 version: 450-B
-version-badge: 450--B
-release-color: yellow
+conver: true
+stage: prototype
 license: CC--BY--4.0
 sourcehut: conver
 changelog: true

@@ -8,8 +8,8 @@ content-type: project
 active: true
 sourcehut: fae
 version: 880-0
-version-badge: 880--0
-release-color: green
+conver: true
+stage: consolidated 
 changelog: true
 license: MIT
 -----

@@ -4,8 +4,8 @@ title: "H3RALD.com"
 content-type: project
 subtitle: "The site you're looking at"
 version: 510-5
-version-badge: 510--5
-release-color: yellow
+conver: true
+stage: operational
 license: CC--BY--4.0
 sourcehut: h3rald
 active: true

@@ -12,6 +12,8 @@ release-color: royalblue
 license: MIT
 sourcehut: herald.vim
 changelog: true
+stage: bedrock
+conver: true
 -----
 <p><strong>herald</strong> is a dark color scheme for <a href="http://www.vim.org">Vim</a> which aims to be easy to
 	read, eye-appealing, portable on multiple terminals, and suitable for source code highlighting in multiple

@@ -7,8 +7,8 @@ summary: "A simple but powerful task runner that lets you define your own commands by editing a YAML configuration file."
 content-type: project
 active: true
 version: B00-0
-version-badge: B00--0
-release-color: green
+conver: true
+stage: consolidated
 license: MIT
 sourcehut: pls
 changelog: true

@@ -1,5 +1,4 @@ 
-<div class="panel-wrapper col-xs-12 col-md-6">
-  <div class="panel">
+<div class="panel">
   <div class="panel-header">
     featured projects
   </div>
@@ -16,11 +15,9 @@ <article>
       <h3><a href="/litestore/">LiteStore</a></h3>
       <p class="secondary-subtitle">A self-contained, lightweight NoSQL data store, featuring a RESTful API, full-text search, JWT token validation and authorization support, server-side JavaScript middleware, and more.</p>
     </article>
-  </div>
   </div>
 </div>
-<div class="panel-wrapper col-xs-12 col-md-6">
-  <div class="panel">
+<div class="panel">
   <div class="panel-header">
     featured articles
   </div>
@@ -37,6 +34,5 @@ <article>
       <h3><a href="/articles/10-more-programming-languages">10 more programming languages worth checking out</a></h3>
       <p class="secondary-subtitle">Another look at 10 non-mainstream programming languages, 10 years later</p>
     </article>
-  </div>
   </div>
 </div>

@@ -1,13 +1,14 @@ 
   <div class="card">
     <div class="card-header">
       <div class="card-title h5">
-        {{#home}}
-          <a href="{{home}}">
-        {{/home}}
-        {{code}}
-        {{#home}}
-          </a>
-        {{/home}}&nbsp; &nbsp;v{{version}}
+        <a href="{{home}}">
+          {{code}}
+        </a>
+        {{#conver}}
+        <span class="badge badge-conver">
+          <span class="badge-content badge-label">ConVer</span><span class="badge-content badge-{{stage}}">v{{version}}</span>
+        </span>
+        {{/conver}}
       </div>
     </div>
     <div class="card-body">

@@ -20,9 +20,7 @@ <div class="sidebar">
         {{> _panels}}
       </div>
       <div class="footer">
-        <div class="col-xs-12">
-          {{> _footer}}
-        </div>
+        {{> _footer}}
       </div>
     </div>
   </body>