Homebrewery

CSS Variables in the Homebrewery

An abstract graphic with a gradient background. In the foreground rounded rectangles stand in for lines for code.

Recently someone on Discord was asking about how CSS Variables work which seemed like a good topic to cover on the blog. CSS Variables are a way to carry a defined property value to other properties across your style sheet. You define your variable with a value, and then you can use that variable elsewhere. … CSS Variables in the Homebrewery

Fonts in the Homebrewery

The Homebrewery has a few different themes at this point, and each has it’s own set of fonts (or a shared set) which will likely be sufficient for many users but there may be some need to look elsewhere to achieve a particular theme. By the end of this post you should be comfortable importing … Fonts in the Homebrewery

Hosting Images

Illustrated image of a deck of polaroids labelled "Hosting Images - LongJohnJones.com"

There is a pretty good chance that in the course of creating brews in the Homebrewery you will want to use an image for a monster or item or some other thing. It might be fun to try and limit yourself to only using the two images included in the snippets (the cat warrior and … Hosting Images

Page Layout in the Homebrewery

An alternate page layout for the default Homebrewery theme featuring 3 columns.

When you first start a new brew on Homebrewery you are presented with a single page with a few defaults, including but not limited to: the page size is US Letter, the margins are 1.4cm (top), 1.9cm (sides), and 1.7cm (bottom), and it has two balanced columns. This setup has it’s basis in the design … Page Layout in the Homebrewery