From 105d536103464a8c4dbc5cdebe30a774c8bd5d3b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B8rn=20Erik=20Pedersen?=
 <bjorn.erik.pedersen@gmail.com>
Date: Sun, 11 Feb 2018 14:34:28 +0100
Subject: [PATCH] maintenance: Add TOC

---
 layouts/maintenance/list.html | 30 ++++++++++++++++++++----------
 1 file changed, 20 insertions(+), 10 deletions(-)

diff --git a/layouts/maintenance/list.html b/layouts/maintenance/list.html
index b185f643a..52188b891 100644
--- a/layouts/maintenance/list.html
+++ b/layouts/maintenance/list.html
@@ -1,14 +1,24 @@
 {{ define "main" }}
 <div class="w-100 ph4 pb5 pb6-ns pt1 mt4 pt3-ns">
-    {{ $byLastMod :=  .Site.RegularPages.ByLastmod  }}
-    {{ $recent := $byLastMod | last 10 }}
-    {{ $leastRecent := $byLastMod | first 10 }}
-    
-    <h2>Last Updated</h2>
-    {{ partial "maintenance-pages-table" $recent }}
-
-      <h2>Least Recently Updated</h2>
-    {{ partial "maintenance-pages-table" $leastRecent }}
-   
+    <div class="flex-l">
+        <div class="order-2 w-100 w-20-l ph5-m ph0-l mb4 sticky">
+            <aside class="fixed-lTK mw5-l right-0 f6 bl-l b--moon-gray pv4 pv0-ns ph4-l nested-list-reset nested-links nested-copy-line-height">
+                <p class="b">What's on this Page</p>
+                <ul>
+                    <li><a href="#last-updated">Last Updated</a></li>
+                    <li><a href="#least-recently-updated">Least Recently Updated</a></li>
+                </ul>
+            </aside>
+        </div>
+        <div class="w-100">
+            {{ $byLastMod :=  .Site.RegularPages.ByLastmod  }}
+            {{ $recent := $byLastMod | last 10 }}
+            {{ $leastRecent := $byLastMod | first 10 }}
+            <h2 id="last-updated">Last Updated</h2>
+            {{ partial "maintenance-pages-table" $recent }}
+            <h2 id="least-recently-updated">Least Recently Updated</h2>
+            {{ partial "maintenance-pages-table" $leastRecent }}
+        </div>
+    </div>
 </div>
 {{ end }}
\ No newline at end of file