Web Development

Adding Leaflet to Ryder Theme

I made this quick and easy shortcode to get started using leaflet.js in the Ryder Theme for Hugo Websites, as I add more features supported by leaflet to the shortcode I might update this page.

Pines Image Gallery With Hugo

A super simple alpinjs image gallery

The first place I used this is on the recipe page about my mom’s family recipe cookbook

The Ryder Theme for Hugo

In honor of this old guy
In honor of this old guy

Introducing the Ryder theme, a theme for the hugo static website generator. This is an open-source Hugo theme boasting Tailwind CSS, FontAwesome integration, and customizable features. Perfect for beginners and seasoned developers alike, kickstart your website with this versatile theme.

Styling a RSS feed With XSL

A styled RSS feed makes your site more usable

When you put a link to your rss / atom feed on your website it is a link to a raw xml file designed for feed readers such as feedly to import them and provide the reader with all their internet in one place.

Github Action to Create New Content in Hugo

This is what it looks like
This is what it looks like

I use Hugo a lot for my web development work, and I think it is pretty great. The one problem with it for many non-technical people I work with is that there is no CMS feature, they want a website administration page where they can do the usual.

Hugo Helpers

Here are some useful partials I use in this theme.

layouts/_default/_markup/render-image.html

This replaces the default markup template for rendering an image when the markdown code ![Alt Text](/path/to/img.jpg) is used. It calls another partial you have to add to your theme or layout directory in your site called ImageConverter.