Implement sidebar-toc

2 files changed, 28 insertions, 0 deletions

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 1a777b3..9d9e70b 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -7,6 +7,7 @@
             <header class="masthead">
                 <div class="container">
                     <h3 class="masthead-title">
+                        {{/* TODO: Translate titlle */}}
                         <a href="{{ site.Home.RelPermalink }}" title="Home">{{ site.Title }}</a>
                         <br><small>{{ site.Params.tagline }}</small>
                     </h3>
diff --git a/layouts/partials/sidebar-toc.html b/layouts/partials/sidebar-toc.html
index e69de29..18ca0e6 100644
--- a/layouts/partials/sidebar-toc.html
+++ b/layouts/partials/sidebar-toc.html
@@ -0,0 +1,27 @@
+{{/* Target for toggling the sidebar `.sidebar-checkbox` is for regular styles, `#sidebar-checkbox` for behavior. */}}
+<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
+
+<!-- Toggleable sidebar -->
+<aside class="sidebar" id="sidebar">
+    <div class="sidebar-item">
+        <p>{{ .Title }}</p>
+    </div>
+
+    <nav class="sidebar-nav">
+        {{/* TODO: Translate links */}}
+        <a class="sidebar-nav-item" href="{{ site.Home.RelPermalink }}">Home</a>
+        <a class="sidebar-nav-item" href="#" data-proofer-ignore>Return to Top</a>
+
+        {{ range $item := .Params.toc }}
+            <!-- {% if page.url == node.url %} active{% endif %} -->
+            <a class="sidebar-nav-item sidebar-nav-item-toc" href="#{{ . | anchorize }}">{{ . }}</a>
+        {{ end }}
+    </nav>
+
+    <div class="sidebar-item">
+        <p>Edited by {{ .Params.editor }}, {{ now.Format "2006" }}.</p>
+        <p>
+        Built with <a href="https://minicomp.github.io/ed/" target="_blank" rel="noopener noreferrer">Ed.</a> Distributed under an MIT license.
+        </p>
+    </div>
+</aside>