I would like to make a webpage with a sidebar table of contents (TOC) like these examples:
I generate HTML files (using emacs org-mode) which appears to include the following description of Table of Contents:
<div id="table-of-contents">
<h2>Table of Contents</h2>
<div id="text-table-of-contents">
<ul style="list-style-type:none">
<li><a href="#org0595c1a">1. Heading 1</a></li>
<li><a href="#orgb4d7ab6">2. Heading 2</a></li>
</ul>
</div>
With org-mode, there is a possibility to use CSS files when exported with this line the file:
#+html_head: <link rel="stylesheet" type="text/css" href="style.css"/>
But I have not found a CSS file which creates this TOC in the sidebar.
I do not know javascript or CSS so I would appreciate any suggestions.