#CSS SCSS

Using fonts locally in Hugo

Find free fonts, download them, integrate them locally into Hugo and use them in the web pages. A description of my approach. Fonts visually enhance the text display of web pages.

Hugo - Page Bundle shortcodes for images

In this post I describe how to declare images of the page bundle in the front matter of the Markdown file. Since the Markdown possibilities of the image output are not sufficient for me, I have programmed two shortcodes with more possibilities ( size, positioning, caption).

Use free Bootstrap SVG Icons in Hugo

Bootstrap provides more than 1800 SVG icons. How easy these can be used in Hugo, I describe in this post. The Bootstrap SVG icons can also be used independently of the Bootstrap Toolkit.

Hugo - Contact form with PHP

Hugo website instructions for a multilingual PHP mail() contact form. With honeypot input fields, input validation and error output. A lot of effort for a simple but secure contact form.

Hugo - Pagination for blog posts and tags

And it can be done - use pagination multiple times on a website. With the help of Joe Mooring, I created different pagination for my blog posts on the home page and for the tag list.

Bootstrap RFS - Responsible Font Sizes

Bootstrap RFS automates and simplifies the adjustment of font sizes in Responsive Web Design. Using it is really quite simple.

RFS automatically calculates the appropriate values based on the dimensions of the browser viewport.