diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index 7f899e5..be7f40c 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -63,6 +63,15 @@ series = "series"
 [markup.goldmark.renderer]
 unsafe = true
 
+[markup]
+
+  # Table of contents
+  # Add toc = true to content front matter to enable
+  [markup.tableOfContents]
+    startLevel = 2
+    endLevel   = 3
+    ordered    = true
+
 [privacy]
 
   [privacy.vimeo]
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index dee40d1..77abf32 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -4,7 +4,6 @@
     </header>
     {{ if .Params.toc }}
     <aside>
-        {{ .TableOfContents }}
     </aside>
     {{ end }}
     <div class="content__body">
@@ -21,4 +20,10 @@
             {{ if .Date }}{{ .Date.Format "2006-01-02" }}{{ end }}
         </p>
     {{ end }}
+
+    {{ if and (.Params.toc) (.TableOfContents) }}
+	    <hr>
+	    On this page:
+	    {{ .TableOfContents }}
+    {{ end }}
 {{ end }}
diff --git a/static/css/typography.css b/static/css/typography.css
index a5e8d80..6369cf0 100644
--- a/static/css/typography.css
+++ b/static/css/typography.css
@@ -212,3 +212,4 @@ img {
     max-width: 100%;
     height: auto;
 }
+