Add table of contents folded at top of page

2021-10-21 18:08:09 +01:00 · 2021-10-21 18:08:09 +01:00 · e0471c8508
commit e0471c8508
parent 0d2889252c
3 changed files with 10 additions and 7 deletions
--- a/notes2web.py
+++ b/notes2web.py
@ -203,7 +203,8 @@ def main(args):
                f'--template={args.template}',
                '-V', f'filehistory={filehistory}',
                '-V', f'licenseFull={notes_license}',
-                '--mathjax'
+                '--mathjax',
+                '--toc'
            ])
            pathlib.Path(output_filename).parent.mkdir(parents=True, exist_ok=True)

--- a/styles.css
+++ b/styles.css
@ -45,10 +45,6 @@ summary > * {
 	display: inline
 }

-li {
-	margin-bottom: 1em;
-}
-
 img, video {
 	margin: 0 auto;
 	display: block;
--- a/templates/article.html
+++ b/templates/article.html
@ -10,7 +10,7 @@

 <body>
 	<div id="header">
-	<p style="font-size: 0.7em"> tags: [
+	<p class="smallText"> tags: [
 		$for(tags)$
 		<a href="/.tags/$tags$.html">$tags$</a>$sep$,
 		$endfor$
@ -37,6 +37,12 @@
 		</summary>
 		<pre>$licenseFull$</pre>
 	</details>
-	<div>
+	<details>
+		<summary class="smallText"> Table of Contents </summary>
+		<div>$toc$</div>
+	</details>
+	</div>
+	<div id="content">
 	$body$
+	</div>
 </body>