first commit

layouts/partials/sidebar.html

@@ -0,0 +1,80 @@
+<aside class="sidebar" aria-label="Sidebar">
+
+  <!-- System Info Widget -->
+  <div class="sidebar-widget pixel-border">
+    <div class="sidebar-widget__header"><span class="site-title__cursor" aria-hidden="true">█</span>SYS_INFO</div>
+    <div class="sys-info">
+      <div class="sys-info__row">
+        <span class="sys-info__key">HOST</span>
+        <span class="sys-info__val">{{ .Site.Title | default "codex" }}</span>
+      </div>
+      <div class="sys-info__row">
+        <span class="sys-info__key">LANG</span>
+        <span class="sys-info__val">{{ .Site.LanguageCode | default "en-US" }}</span>
+      </div>
+      <div class="sys-info__row">
+        <span class="sys-info__key">ENTRIES</span>
+        <span class="sys-info__val">{{ len .Site.RegularPages }}</span>
+      </div>
+      <div class="sys-info__row">
+        <span class="sys-info__key">TAGS</span>
+        <span class="sys-info__val">{{ len .Site.Taxonomies.tags }}</span>
+      </div>
+      <div class="sys-info__row">
+        <span class="sys-info__key">STATUS</span>
+        <span class="sys-info__val" style="color:var(--forest-light)">ONLINE</span>
+      </div>
+      <div class="sys-info__row">
+        <span class="sys-info__key">UPTIME</span>
+        <span class="sys-info__val" id="js-uptime">--:--:--</span>
+      </div>
+    </div>
+  </div>
+
+  <!-- Recent Posts Widget -->
+  {{- $recent := first 5 .Site.RegularPages }}
+  {{- if $recent }}
+  <div class="sidebar-widget pixel-border">
+    <div class="sidebar-widget__header"><span class="widget-icon">📖</span> RECENT</div>
+    <ul class="sidebar-posts">
+      {{- range $recent }}
+      <li class="sidebar-post">
+        <a href="{{ .Permalink }}">{{ .Title }}</a>
+        <span class="sidebar-post__date">{{ .Date.Format "2006-01-02" }}</span>
+      </li>
+      {{- end }}
+    </ul>
+  </div>
+  {{- end }}
+
+  <!-- Tags Widget
+  {{- with .Site.Taxonomies.tags }}
+  <div class="sidebar-widget pixel-border">
+    <div class="sidebar-widget__header"><span class="widget-icon">🏷</span> INDEX</div>
+    <div class="sidebar-tags">
+      {{- range $name, $pages := . }}
+      <a href="{{ "tags/" | relURL }}{{ $name | urlize }}/" class="tag">
+        {{ $name }}
+        <span style="color:var(--text-dim);font-size:0.75em;">({{ len $pages }})</span>
+      </a>
+      {{- end }}
+    </div>
+  </div>
+  {{- end }}-->
+
+  <!-- Quote Widget -->
+  {{- with .Site.Params.sidebarQuote }}
+  <div class="sidebar-widget pixel-border" style="border-left:3px solid var(--amber-dark);">
+    <div class="sidebar-widget__header"><span class="widget-icon">🪶</span> MARGINALIA</div>
+    <p style="font-family:var(--font-body); font-style:italic; font-size:0.85rem; color:var(--text-muted); line-height:1.65;">
+      &ldquo;{{ . }}&rdquo;
+    </p>
+    {{- with $.Site.Params.sidebarQuoteAuthor }}
+    <p style="font-family:var(--font-terminal); font-size:0.75rem; color:var(--text-dim); margin-top:0.5rem; text-align:right;">
+      &mdash; {{ . }}
+    </p>
+    {{- end }}
+  </div>
+  {{- end }}
+
+</aside>