A bunch of stylesheets that modify the look of Hugo PaperMod theme. Includes thumbnails and sidebar table of contents.
The thumbnail.css file, uses CSS Grid layout to change the position of cover images in post entries. It is adaptive and changes the layout if the width of the page is not sufficient as outlined in the video below.
thumbnail.mp4
The sidetoc.css file, uses CSS Grid layout to change the position of ToC to the side in single posts. It sets the position to sticky so that the ToC stays on the page while scrolling.
sidebar.mp4
- Increase the width of post pages more than the home page
- Increase the width of images placed in the homeinfo section
- Increase the font size of summary text
- Set a limit on the width of post cover and align them center.
Simply copy the CSS files that you want from this repository to the assets/css/extended folder of your Hugo project.