Restructure page to have a contents page on the side

This commit is contained in:
2021-12-22 17:46:01 +00:00
parent b9404c206c
commit a5341e770c
8 changed files with 121 additions and 39 deletions

View File

@@ -9,40 +9,42 @@
</head>
<body>
<div id="header">
<p class="smallText"> tags: [
$for(tags)$
<a href="/.tags/$tags$.html">$tags$</a>$sep$,
$endfor$
]</p>
<p class="smallText">
written by $for(author)$$author$$sep$, $endfor$
</p>
<p class="smallText">
syntax highlighting based on <a href="https://pygments.org/">Pygments'</a> default
colors
</p>
<p class="smallText">
page generated by <a href="https://git.alv.cx/alvierahman90/notes2web">notes2web</a>
</p>
<details id="commitLog">
<summary class="smallText">
Commit log (file history)
</summary>
$filehistory$
</details>
<details>
<summary class="smallText">
License
</summary>
<pre>$licenseFull$</pre>
</details>
<details>
<summary class="smallText"> Table of Contents </summary>
<div>$toc$</div>
</details>
</div>
<div id="content">
$body$
<div id="contentWrapper">
<div id="sidebar">
<div id="header">
<p class="smallText"> tags: [
$for(tags)$
<a href="/.tags/$tags$.html">$tags$</a>$sep$,
$endfor$
]</p>
<p class="smallText">
written by $for(author)$$author$$sep$, $endfor$
</p>
<p class="smallText">
syntax highlighting based on <a href="https://pygments.org/">Pygments'</a> default
colors
</p>
<p class="smallText">
page generated by <a href="https://git.alv.cx/alvierahman90/notes2web">notes2web</a>
</p>
</div>
<h3>Table of Contents</h3>
<div id="toc">$toc$</div>
</div>
<div id="content">
<details id="commitLog">
<summary class="smallText">
Commit log (file history)
</summary>
$filehistory$
</details>
<details id="license">
<summary class="smallText">
License
</summary>
<pre>$licenseFull$</pre>
</details>
$body$
</div>
</div>
</body>

View File

@@ -6,6 +6,7 @@
<title>$title$</title>
</head>
<body>
<div id="content">
<h1>$h1title$</h1>
<p>
These are my personal notes. Correctness is not guaranteed.
@@ -21,7 +22,7 @@ Browse <a href="/notes">here</a> or by tag <a href="/.tags">here</a>.
</div>
<p class="smallText"> page generated by <a href="https://github.com/alvierahman90/notes2web">notes2web</a></p>
</div>
<script src="/fuse.js"> </script>
<script> const data = $data$ </script>
<script src="/search.js"> </script>

View File

@@ -7,7 +7,8 @@
</head>
<body>
<h1>$h1title$</h1>
<div id="content">
$body$
<p style="font-size: 0.7em;"> page generated by <a href="https://github.com/alvierahman90/notes2web">notes2web</a></p>
<p style="font-size: 0.7em;"> page generated by <a href="https://github.com/alvierahman90/notes2web">notes2web</a></p>
</div>
</body>

View File

@@ -1,2 +1,3 @@
<p style="font-size: 0.7em;"> page generated by <a href="https://github.com/alvierahman90/notes2web">notes2web</a></p>
</div>
</body>

View File

@@ -7,6 +7,7 @@
</head>
<body>
<div id="content">
<h1>$title$</h1>
$extra_content$
<div class="article"><a href="..">../</a></div>

View File

@@ -1,2 +1,3 @@
</pre>
</div>
</body>

View File

@@ -7,6 +7,7 @@
</head>
<body>
<div id="content">
<div id="header">
<p class="smallText">
page generated by <a href="https://git.alv.cx/alvierahman90/notes2web">notes2web</a>