Easily add a call to action

C.T.A. buttons now take on the characteristic of the category style

Background

Written in Go, Hugo is an open source static site generator available under the Apache Licence 2.0. Hugo supports TOML, YAML and JSON data file types, Markdown and HTML content files and uses shortcodes to add rich content. Other notable features are taxonomies, multilingual mode, image processing, custom output formats, HTML/CSS/JS minification and support for Sass SCSS workflows.

I made a wrapper around this debug-hugo partial from kaushalmodi

To turn it on, set enabledebugpanel = true in front matter or add the same variable to the site params in hugo.toml.

Amazon associate cta button for single product

Limit your home page feed by Section, Category or Tag

You can now set params in your hugo.toml file to keep any pesky pages off your homepage that you may not wish to promote for whatever reason.

Lead with a wide feature

If you want to have wide features, they will get stacked at the top and will take 2 columns. This is done by setting a front matter param homeFeatureWide to enable it, and adding an order-first class and col-span-2 class to the outer div.

This is one way to add a menu

I modified the default menu.html partial sample code from the hugo docs to use the tailwindcss group-hover syntax. I made the children menu inside a container div so it is a sibling to the main anchor and on hover it appears. Still needs style work.