@@ -78,7 +78,7 @@ display: initial;
 }
 
 @media (prefers-color-scheme: light) {
-    :root {
+    .themed-content {
         --link-color: #b73333;
         --link-hover-color: #653131;
 
@@ -358,7 +358,6 @@ position: fixed;
     top: 28px;
     right: 0;
     left: 0;
-    padding: 0 8px;
     background-color: var(--primary-background);
     box-shadow: 0 16px 16px -16px #000;
     margin-top: -30px;
@@ -366,6 +365,12 @@ }
 
 .main-content {
     margin-top: 20px;
+}
+
+@media screen and (max-width: 385px) {
+    .header-counter {
+        display: none;
+    }
 }
 
 /* End fixed header */

@@ -8,6 +8,9 @@ () :ARTICLES
 {} :HOME
 () :PROJECTS
 
+"contents/articles" ls size :articles-count
+17 :projects-count
+0 :grimoire-count
 
 ; Utility operator to format a timestamp into a date
 (
@@ -24,6 +27,9 @@ "Articles"          %title
   "page"              %content-type
   ARCHIVES dvalues (/code :a /code :b a b >) sort %archives
   ARCHIVE-COLUMNS   %archive-columns
+  projects-count %projects-count
+  articles-count %articles-count
+  grimoire-count %grimoire-count
   ; TODO: why processing twice??
   dup "_archives" swap mustache %contents
   dup "page" swap mustache :page
@@ -42,6 +48,9 @@ "Projects"                                          %title
   "page"                                              %content-type
   PROJECTS ('active dhas?) filter (/id swap /id <) sort     %active-projects
   PROJECTS ('active dhas? not) filter (/id swap /id <) sort %inactive-projects
+  projects-count %projects-count
+  articles-count %articles-count
+  grimoire-count %grimoire-count
   dup "projects" swap mustache :page
   "projects" page process-icons
   %contents
@@ -224,6 +233,9 @@ latest dup /timestamp to-date %date @latest
   HOME
   latest %latest
   recents %recents
+  projects-count %projects-count
+  articles-count %articles-count
+  grimoire-count %grimoire-count
   ;tags %tags
   dup "home" swap mustache :page
   "home" page process-icons
@@ -247,6 +259,8 @@ ;;;;; MAIN ;;;;;
 
 true :enable-content-processing
 
+
+
 (opts 'no-contents dhas?)
   (false @enable-content-processing)
 when 
@@ -261,6 +275,9 @@ (
       content /id :id
       (content /content-type "project" ==) (content PROJECTS append @PROJECTS) when
       content
+      projects-count %projects-count
+      articles-count %articles-count
+      grimoire-count %grimoire-count
       ;"." print!
       process-timestamp 
       process-content 

@@ -10,10 +10,10 @@ <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>
+    <a href="/articles" class="navbar-link">articles</a> <span class="header-counter">({{articles-count}})</span>
     &middot;
-    <a href="/projects" class="navbar-link">projects</a>
+    <a href="/projects" class="navbar-link">projects</a> <span class="header-counter">({{projects-count}})</span>
     &middot;
-    <a href="/grimoire" class="navbar-link">grimoire</a>
+    <a href="/grimoire" class="navbar-link">grimoire</a> <span class="header-counter">({{grimoire-count}})</span>
   </div>
 </header>

@@ -1,6 +0,0 @@ 
-<p>{{articles-tagged}} <em>{{tag}}</em>:</p>
-<ul>
-  {{#articles}}
-  <li><a href="/articles/{{id}}/">{{title}}</a> &mdash; {{date}}</li>
-  {{/articles}}
-</ul>

@@ -1,9 +0,0 @@ 
-<div class="container article-aggregation">
-  {{#tag-columns}}
-  <div class="row">
-    {{#tags}}
-    <div class="col-md-3"><i class="h3-tag"></i> <a href="/tags/{{tag}}/">{{tag}}</a> ({{count}})</div>
-    {{/tags}}
-  </div>
-  {{/tag-columns}}
-</div>