John

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

Lists

Creating lists in Homebrewery, using Markdown, is quite intuitive, and styling it isn’t half bad either. Homebrewery doesn’t add any special syntax for regular lists, but it does for definition lists (article to come soon). Markup Lists should contain content that is actually a list of related items, and there are basically two types of Lists

Why is the first line all small caps?

Occasionally this question pops up on the /r/homebrewery subreddit or in Discord: “I don’t want my first sentence to have all caps, how do I remove it?”. The default D&D 5e theme for any new Homebrewery document includes this styling for the first line of the first paragraph after a top level “H1” header, which Why is the first line all small caps?

Injectors

Injectors are the third and final type of “curly brace” syntax that is unique to the Homebrewery, and they are used to “inject” the preceding element with it’s own attribute contents. It is a custom extension of Markdown, and thus it can be difficult to find any information about how to use it when doing Injectors

Divs

A <div> element in HTML is a basic, generic container for content on a website, similar to a <span> element, except that rather than being “inline” it is a “block” element. In Homebrewery terms, things like the “note” or a “stat block” are pieces of content wrapped in a div. Like a span, a div Divs

Spans

Applying some sort of modification to a span of text on a website would typically require a bit of HTML, specifically a <span> tag with a class or id attribute so it could be targeted with CSS. Homebrewery simplifies this with a special extended Markdown syntax that utilizes “curly” or “mustache” braces for both spans Spans

Links

In your homebrew document you may want to add some links, either to external sites like your own website or to another brew, or some internal links to specific pages or headings so your audience can navigate via a Table of Contents. Adding links can be done with Markdown, saving a lot of effort over Links

Italic

Italicizing text in the Homebrewery is very easy via Markdown syntax, and works in much the same as “bolding” text, with the same caveat that there is a difference between “italicizing” and “emphasizing” text. Where “bold” is to “strong”, “italic” is to “emphasis”. But first, the markup: Markup Using Markdown in the Brew Editor, you Italic

Bold

To add visual weight to a portion of text, you can set the text to be marked as “bold” in the markup. Traditionally, this increases the font weight so it stands out from the surrounding text. This doesn’t always have to be the case, as shown later. Markup Setting text to bold in a Homebrewery Bold

Headings

Markup You can add headings to your homebrew document using the # symbol in the Brew Editor: When you are writing at length, you’ll likely want to have different levels of headings to give your brew some hierarchical structure– first you’ll have a top-level header (or “Header 1”), and then nested under that several more Headings

Heavy Pages

Quick housekeeping note: I turned off comments on the blog because it was 100% spam. Likely if you are here, you have received the link actually from me through discord or similar…comment there.

Markdown, Homebrewery, and Tables

In this post I would like to talk about Tables in the Homebrewery because not only are they useful in homebrews but also because of how the Homebrewery takes a few steps outside of conventional Markdown with a custom extension of the table syntax. I’ll start with the most basic of tables using standard Markdown Markdown, Homebrewery, and Tables