diff --git a/docs/mode.html b/docs/mode.html
new file mode 100644
--- /dev/null
+++ b/docs/mode.html
@@ -0,0 +1,3 @@
+<a class="px-4 py-2 mt-8 block text-center w-full rounded-sm shadow-sm border border-gray-200 dark:border-gray-700 no-underline hover:no-underline" href="$if(single-page)$/$else$/single-page.html$endif$">
+  $if(single-page)$View as multi-page$else$View as single-page$endif$
+</a>
diff --git a/docs/template.html b/docs/template.html
--- a/docs/template.html
+++ b/docs/template.html
@@ -74,6 +74,7 @@
           $if(toc-title)$$toc-title$$else$Table of Contents$endif$
         </button>
         ${ table-of-contents:toc.html() }
+        ${ single-page:mode.html() }
       </div>
 
 
@@ -83,6 +84,7 @@
         <h2 id="$idprefix$toc-title" class="text-lg font-semibold mb-4 text-gray-900">$toc-title$</h2>
         $endif$
         ${ table-of-contents:toc.html() }
+        ${ single-page:mode.html() }
       </nav>
     $endif$
 
diff --git a/nix/pkgs/docs.nix b/nix/pkgs/docs.nix
--- a/nix/pkgs/docs.nix
+++ b/nix/pkgs/docs.nix
@@ -18,14 +18,26 @@
   # icons
   cp -rf ${lucide-src}/*.svg working/
 
-  # content
+  # content - chunked
   ${pandoc}/bin/pandoc ${src}/docs/DOCS.md \
     -o $out/ \
     -t chunkedhtml \
     --variable toc \
+    --variable-json single-page=false \
     --toc-depth=2 \
     --css=stylesheet.css \
     --chunk-template="%i.html" \
+    --highlight-style=working/highlight.theme \
+    --template=working/template.html
+
+  # content - single page
+  ${pandoc}/bin/pandoc ${src}/docs/DOCS.md \
+    -o $out/single-page.html \
+    --toc \
+    --variable toc \
+    --variable single-page \
+    --toc-depth=2 \
+    --css=stylesheet.css \
     --highlight-style=working/highlight.theme \
     --template=working/template.html