Summary

Currently, the only option to display TOC is in the main text flow. Some pages like https://jshelter.org/versions/ could use TOC as well. However, as all headings are short and there is a long list of headings, generating TOC at the top or near the TOP is not practical. The user would need to scroll down (or click on the correct heading).

Is it possible to generate TOC so that the user immediately sees the change log in the several recent versions in the main text flow and sees a list of all versions outside the main text flow (right, left, elsewhere)?

Setup or How to reproduce

1. Add "[TOC]" to https://pagure.io/JShelter/webextension/blob/main/f/website/content/pages/versions.md?text=True#_4
2. Generate the website locally.
3. Pelican renders a long TOC list at the top but most users are interested in the changes in the most recent versions only.

Workaround for expected result

1. Open DOM inspector.
2. Select the div of class toc.
3. Add properties 'position: absolute; right 10em;'
4. The user can see the main menu, release history, and links to older versions at the same time.

Additional information / notes

Make sure that the solution does not break pages like https://jshelter.org/faq/.