Posts

Topic web Posts

A Material for MkDocs logo sits in the center against a black background with an exception error message.

Learn how to fix MkDocs not able to serve or build a website after receiving the exception error of "jinja2.exceptions.UndefinedError: 'nav_item' is undefined".

Eight grey social media icons, along with email in white and copy link icons. Text above the icons says, share buttons.

Learn to create your own share buttons for social media, email, and more using HTML, CSS, and a little JavaScript for a website with privacy in mind.

A background of binary ones, and zeros formed like a hallway. On top has a dark gray hand with yellow outlines with text that reads, WebFinger for Mastodon.

Using the power of WebFinger on your own domain to make your Mastodon profile discoverable, and to verify association.

Two well used brooms stand upside down against a barn wall.

Website cleanup continues of topics (categories), and tags with detailed explanation on how I tried to automate the clean-up process.

An example of markdown text with kramdown attribute lists.

Learn to easily apply HTML attributes by writing Markdown when using kramdown, and Jekyll or Bridgetown static site generators.

The copyright symbol in white

How to add the copyright year to a website and have it updated automatically using Liquid template language, PHP or JavaScript.

Black and white photo of a bucket and a wooden bristle push broom.

How I tackled cleaning up over use of blog categories (topics) and tags resulting in quite a reduction of unnecessary pages.

Faint graph paper grid background with black text of MkDocs

Learn the ins and outs of adding custom metadata to MkDocs with overriding blocks and meta files for all pages, per page or per directory.

Multi-colored admonitions or call-outs repeated horizontally

Uncover what an admonition or call-out is and how to implement them in a website using Jekyll, HTML, Liquid and SASS.

Web Code HTML by jamesmarkosborne, Pixabay

How a simple upgrade lead to optimizing the website download performance and gained a better end user experience.