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

@@ -177,10 +177,17 @@ 
 .label {
   font-variant: small-caps;  
   vertical-align: middle;
+  margin-top: -9px;
 }
 
 .card-subtitle {
   font-style: italic;
+}
+
+.projects .badge[data-badge]::after {
+  transform: translate(0rem,-.1rem); 
+  vertical-align: baseline;
+  font-weight: normal;
 }
 
 a[href^=http]::after {

M rules.min → rules.min

@@ -33,12 +33,13 @@ 
 ; Create the Projects page
 (
   ()
-  "projects/index"                          %id
-  "projects.html"                           %path
-  ".html"                                   %ext
-  "Projects"                                %title
-  "page"                                    %content-type
-  PROJECTS (?active) sort %projects
+  "projects/index"                                    %id
+  "projects.html"                                     %path
+  ".html"                                             %ext
+  "Projects"                                          %title
+  "page"                                              %content-type
+  PROJECTS (?active) filter (/id swap /id <) sort     %active-projects
+  PROJECTS (?active not) filter (/id swap /id <) sort %inactive-projects
   dup "projects" swap mustache %contents
   output-fwrite
 ) :create-projects-page

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

@@ -1,13 +1,13 @@ 
   <div class="card project-card">
     <div class="card-header">
       <div class="card-title h5">
+        {{title}}
         {{#active}}
         <small class="label label-success">active</small>
         {{/active}}
         {{#inactive}}
         <small class="label label-warning">inactive</small>
         {{/inactive}}
-        {{title}}
         <span class="badge" data-badge="v{{version}}"></span>
       </div>
     </div>

M templates/projects.mustache → templates/projects.mustache

@@ -10,9 +10,12 @@ <div class="row">
             {{> _page_header}}
           </div>
           <div class="body-text hyphenate">
-            {{#projects}}
+            {{#active-projects}}
+              {{> _project}}
+            {{/active-projects}}
+            {{#inactive-projects}}
               {{> _project}}
-            {{/projects}}
+            {{/inactive-projects}}
 					</div>
 				</article>
       </main>