This most likely got broken when Swup was integrated, wrapping all content (including these position: fixed <a></a> tags) in a <main></main> tag.

Currently, the stats are hardcoded into the page.

I already wrote an object that can contain all brew statistics (stats), but did not implement replacing the hardcoded stats in the 4-grid yet. (See picture below)

Essentially, style.css is a mess.

A number of recipes currently still have placeholder text instead of an actual recipe. These pages are:

• Toffee Apple

• Dry-Hopped Cider

• Kiki's Cheeky Kriekie

• Natural Red Wine

• Hefeweizen

Related to the implementation of the Swup library:
document.documentElement.scrollTop = 0

This should be synced with half the animation time of the Swup transition.

Currently, the layout is not limited in width for screens, which makes things look wonky when a user accesses the page on an ultrawide display.

Suggestion: include a max-width for the containers, e.g. 1280px.

It would be nice to have a gallery with images for recipes: showing the process and the end results.

This would be placed in between the recipe and the other-brews components.

Enhancement for in a future, far far away.

Eventually, I'd like to move on to a kegerator system to conserve, carbonate and serve my brews. This issue shall be used as a board to store my thoughts and discuss several add-on design/development things that come with it.

Essentially this: adding two new columns to the Brewing Log table which provide additional information on original- and final gravity readings.

Currently, this endpoint throws a 403. I think it would be elegant to list all recipes (perhaps with an image too)

The SWUP implementation broke the function that removes the CurrentBrew from the OtherBrews module.

E.g.: The OtherBrews module on the /recipes/toffee-apple.php page sometimes shows the brew that is already featured on the page — redundant.

Would be cool to update the navbar with more (yet relevant) links, now also pointing to recipes with a fancy af dropdown, and likewise for the blog (named something more cool than 'blog', like stories or articles.

Design based on TailwindUI

Inspired by Clawhammer Supply's 'tasting' section: I think it adds value to the overall feel of the page.

• https://www.clawhammersupply.com/blogs/moonshine-still-blog/beet-carrot-ale-homebrew-recipe