Merge pull request #15 from sekthor/feat/toc

feat(#7): add table of contents

Author: sekthor

assets/css/main.css

@@ -33,8 +33,32 @@ header a {
   text-decoration: none;
 }
 
+.toc {
+  position: fixed;
+  right:2em;
+  top: 7em;
+  padding: 1em;
+  border: 1px solid #ddd;
+  background-color: #fff;
+  font-size: smaller;
+  width: 135px;
+}
+
+.toc ul {
+  list-style: none;
+  padding-left: 0;
+  margin: 0;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.toc ul ul {
+  padding-left: 1em;
+}
+
 main {
-  max-width: 768px;
+  max-width: 765px;
   margin: 3em auto;
   padding: 1em;
 }
@@ -54,6 +78,8 @@ h1 {
 h2, h3, h4 {
   border-bottom: 1px solid darkorange;
   font-weight: normal;
+  padding-top: 48px;
+  margin-top: -24px;
 }
 
 time {
@@ -150,4 +176,21 @@ blockquote {
 
 .profile:hover {
   box-shadow: 2px 2px 10px #ddd;
+}
+
+@media (max-width: 1100px) {
+  main {
+    margin-left: 0;
+  }
+  .toc {
+    right: 0;
+  }
+}
+@media (max-width: 950px) {
+  main {
+    max-width: 100%;
+  }
+  .toc {
+    display: none;
+  }
 }

layouts/_default/baseof.html

@@ -7,6 +7,16 @@
   <header>
     {{ partial "header.html" . }}
   </header>
+{{ if .IsPage }}
+  {{ with .TableOfContents }}
+    {{ if ne . "<nav id=\"TableOfContents\"></nav>" }}
+      <div class="toc">
+        <strong>Table of Contents</strong>
+        {{ . }}
+      </div>
+    {{ end }}
+  {{ end }}
+{{ end }}
   <main>
     {{ block "main" . }}{{ end }}
   </main>