Open Source font family „Source Sans Pro“, „Source Serif Pro“ and „Source Code Pro“ 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.Read more Update: Mar 16, 2023 #CSS SCSS #fonts #hugo #webdesign
Include images in the Markdown file using shortcodes from the page bundle. 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).Read more Jan 30, 2023 #CSS SCSS #front matter #hugo #images #shortcodes #webdesign
Integrate SVG icons with HTML and CSS/SCSS in Hugo 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.Read more Update: Jan 28, 2023 #bootstrap #CSS SCSS #hugo #shortcodes #svg
PHP mail() contact form for the static website generator Hugo 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.Read more Update: Dec 22, 2022 #CSS SCSS #hugo #mail #php
Use pagination several times on one website 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.Read more Jan 2, 2022 #CSS SCSS #hugo #pagination
Variable font sizes for responsive web design 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.Read more Update: Aug 1, 2021 #bootstrap #CSS SCSS #fonts