John

Complex Tables

Homebrewery allows for an extended Markdown-like syntax for more complex tables which is helpful when building something like D&D class tables. In Basic Tables the regular syntax for simple Markdown tables was covered. Simple tables will likely cover most of your use cases, and everything starts from there, so be sure you have read that Complex Tables

Basic Tables

I’ve covered tables in the past, but with the new little live editor it’s worth taking a second swing for the Almanac. Many brews will use tables for things like class tables, roll tables, lists of loot, monster stat blocks and more. All of these tables can have different layouts and don’t necessarily just follow Basic Tables

Description Lists

A description list is a pattern where a term is followed by a description. HTML supports this pattern with three tags: dl, dt, and dd, respectively. The description list (dl) wraps around the term and description, or multiple pairs like an ordered or unordered list (ol, ul) wraps around list items (li). In the above Description Lists

Table of Contents

What is the best way to work with a Table of Contents in the Homebrewery? Homebrewery’s Table of Contents snippet generally works by collecting all of the headers used in your brew and the manipulates them into a list of links. It only does this at the initial generation of your ToC. This means two Table of Contents

Simple Styling

Tables are a common target for custom styling, but due to their HTML structure they can be a little tricky. Let’s look at just some quick and easy changes that you can do in this article. First, here is the HTML structure of a simple 2 column table: HTML tables can be roughly summarized as: Simple Styling

Images Not Working

If your images are not displaying in Homebrewery, usually it’s because you are not using an URL to an actual image file. Especially if you are using Imgur. Imgur would prefer to serve up an link to a page on Imgur than just the image itself, because then you navigate to their site (where they Images Not Working

Variables

Homebrewery’s Variables is a feature that really takes a minute to commit to memory. I’ve long avoided writing about it, mostly because I haven’t found a strong reason to use it. However, it seems like more features are likely to built on top of it going forward. And, because I hardly actually use the Homebrewery Variables

New Year, New Editor

How do I best write articles that help readers use the Homebrewery? Well, up until now that meant opening up a new Homebrewery document, writing out some markdown and CSS, copying that into WordPress (the CodePro plugin) and uploading a screenshot of the preview pane to paste into the article to show the result. That’s New Year, New Editor

Three Column Table of Contents

Someone asked how I would go about creating three columns in the Table of Contents with the 5ePHB theme. Well, if you are just using the default ToC snippet and you don’t have lots (or any) custom styling that interferes, this is what I would do: Just a note: This is basically a test post Three Column Table of Contents

HB Redesign: Editor

The Edit Page is where most of the action happens on the Homebrewery; the page has the heaviest UI with more buttons, forms, menus and other elements than any other page. Most of them today are all treated as unique items. When I started this redesign I wanted to see what components could be combined HB Redesign: Editor

HB Redesign: Error Pages

Taking a look now at the pages that you hope to not see, the Error page and it’s various errors. Hopefully I can make the pages a little less of a bummer to see by steering away from “errors as brew documents” and maybe even adding some additional info to the error message to make HB Redesign: Error Pages

HB Redesign: Vault

In this other post I talked about how I am doing a redesign of the front-end of the Homebrewery. There was a lot of preamble in that post, and I’m just going to link to it here. Vault The last post was about the smaller single unit of the Vault page, the ‘card’ that displays HB Redesign: Vault

HB Redesign: BrewItem

I’ve been working on a redesign of the Homebrewery UI for a few months now. I have sort of kept the open Pull Request on Github up to date with where I am at, but I realizing that I have a website related to the Homebrewery where I can talk through it. A few things HB Redesign: BrewItem

Font Talk on Hedonic.ink

While searching for something else, I came across this post on hedonic.ink about font choices for TTRPGs (May 2021). It’s actually a series of four posts, and I haven’t combed through each yet since I’m not pining for a new font at this particular moment, but I wanted to share it so that maybe more Font Talk on Hedonic.ink

Paint Filters with FotoSketcher

I just discovered a desktop program, FotoSketcher, that runs images through an automated process to add a paint-like effect to them. The result is similar to Photoshop filters (at least as I remember them existing probably a couple decades ago when I last used PS), but FotoSketcher is free, even for commercial use. It works Paint Filters with FotoSketcher