Steampunk | Games Tools Whispers World
Current: Petals & Fangs
Tools / Style Guide

Headings

The above is an H2, H1 is reserved for the overall page heading. H2s and H3s form the document outline in the sidebar.

This is an H3

This is an H4

This is an H5
This is an H6

Text

This is normal paragraph text. It features inline styles such as italics, bolded text, fenced code, links, and strikethroughs. Text will mostly be styled in this way. More words here are for padding and aren’t really to be read. The tense in question may prove challenging.

Block quotes

Blockquotes default to looking like this.

They can also be styled as letters with {.letter}. Strengthened text becomes underlined.

A signature in italics gets,
Special Treatment

We’ve also got business cards
***
(styled with {.business-card})

And finally, two large-glyph variations:

A B C

A B C D E F G

There are also horizontal rules:


which can be used to soft-separate sections.

Lists

  • Lists look
  • Simple with
  • Just the
  • normal bullets
  1. They can
  2. Be counted
  3. As well

And of course the pathological case:

  • Sometimes
    • One
      • May
        • Be
          • Very
            • Indented

Tables

Basic Tables
Work as you might expect And keep content laid out tidily
By tabularizing it As one is prone to do in a table
⟐ Weekly Calendar Tables — Month, 999 H.A.
Mon Tue Wed Thu Fri Sat Sun
1 2 3 4 5 6 7
One day Many days ✦ Notable day
8 9 10 11 12 13 14
A second week
⟐ Yearly Calendar
Year Spring Summer Fall Winter
101 H.A. Nothing yet of note...
100 H.A. Spring Summer Fall Winter
  • Use lists
  • In each
  • Season cell
  • ... and they
  • nicely hold multiple
  • things including links

Definition lists

Singular
Just this!
Multiples
Hello
Indeed

Special elements

GM Notes!

These look like this!

Cal refs! Spring 164 H.A.

Images

You can… well, put them in places?

You can also overlay two images in a map toggle (hover or tap to reveal):

Normal Deeper Miasma