hugo PaperMod Mod

hugo-PaperMod-Mod

A bunch of stylesheets that modify the look of Hugo PaperMod theme. Includes thumbnails and sidebar table of contents.

• Thumbnails
• Sidebar ToC
• Others
• Installation

Thumbnails

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

Sidebar Table of Contents

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

Other QOL changes

custom.css

• 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.

Installation

Simply copy the CSS files that you want from this repository to the assets/css/extended folder of your Hugo project.