diff --git a/.github/workflows/webpage.yaml b/.github/workflows/webpage.yaml
index 561be14..ad1f706 100644
--- a/.github/workflows/webpage.yaml
+++ b/.github/workflows/webpage.yaml
@@ -35,6 +35,8 @@ jobs:
             --output=website/index.html
             --template=pandoc/template.html4
             --css=style.css
+            --toc
+            --toc-depth=2
             --resource-path=.
             src/index.md
 
diff --git a/pandoc/template.html4 b/pandoc/template.html4
index b636813..db51075 100644
--- a/pandoc/template.html4
+++ b/pandoc/template.html4
@@ -46,19 +46,23 @@ $endif$
       $endif$
     </aside>
   </header>
-  <main>
-    $for(include-before)$
-    $include-before$
-    $endfor$
-    $if(toc)$
+  $if(toc)$
+  <nav>
     <div id="$idprefix$TOC">
     $if(toc-title)$
     <h2 id="$idprefix$toc-title">$toc-title$</h2>
     $endif$
     $table-of-contents$
     </div>
-    $endif$
+  </nav>
+  $endif$
+  <main>
+    $for(include-before)$
+    $include-before$
+    $endfor$
+
     $body$
+
     $for(include-after)$
     $include-after$
     $endfor$