Welcome to the Ryder theme example site!

Get started and Learn more about The Ryder theme for Hugo websites over at GitHub. If you leave all of the content on this page, this top box will not show up.

README file on github

Featured Content

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.

Cta Button

Easily add a call to action

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

CTA Buttons Take you places!

Home Feed Filtering and Colorization

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.

Leaflet Maps

Maps on a Hugo website made easy!

Latitude
39° 54' 20.52"
Longitude
-76° 50' 00.60"

Adding a map to your hugo website becomes easy with the leaflet shortcode. You can add a box to display the lat and long as well through the use of the lat-long-box shortcode.

Latest stuff

Outtaluv

outtaluv music video

Affiliate Marketing Tools

Amazon associate cta button for single product

Buy A quick way to add a plug on Amazon.com

Maps

A category homepage

To create a custom taxonomy list page like this one, just create a directory for the taxonomy, in this case categories and the term, here maps and create an index.md in it with front matter like this:

a lot of fun stuff over there

Contact

Hello 👋

You can get in touch with us at hello @ arts-link.com, or through github issues.

Debug Panel

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.

A Randomized Peaceful Page

This one loads random background images because it has the front matter variables set.

Another version of this page is peaceful and it will load just the one bg-image from the tailwind.config.js

All About Hugo

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.

Menus

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.