Fate SRD Theme
The following is a special theme built around how the Fate SRD is formatted.
While the page size is derived from physical Fate publications. Note that this differs from published Fate books, and may not be as appropriate for physical printing.
Blocks
The following are blocks, used for specific and detached text. They are generally denoted as div elements with special classes.
Callouts
Used to explain rules or concepts. Denoted with the callout class. May include an optional header in the first line, which will be standardized regardless of actual level. Thus;
Example Callout
This is a deeper dive of associated information!
Is implemented via;
<div class="callout">
#### Example Callout
Import information!
</div>
Index Cards
Formatted to look like index cards for more aesthetic appeal, as seen on the front page of the Fate SRD. Denoted with the index-card class. May include an optional header in the first line, which will be standardized regardless of actual level. Thus;
Example Index Card
- Conflicting Prophecies
- No Way Out
Is implemented via;
<div class="index-card">
### Example Index Card
* <span class="aspect">Conflicting Prophecies</span>
* <span class="aspect">No Way Out</span>
</div>
Blockquotes
Used to denote examples of actual play. Unlike other blocks, they are implemented via standard markdown; see Blockquotes.
Tables
While rarely used in Fate, tables deserve mention.
While the content of tables is implemented via standard Markdown (see Tables), There are at least three styles of Tables withing the Fate SRD. Since giving tables their own classes is not supported by GM Binder at time of writing, this theme implements classes on surround div elements to style such tables.
Headless Tables
Markdown does not support headless tables by default; this theme implements them by adding the headless class. See Ladder Tables for an example.
Ladder Tables
Ladder tables are denoted with the ladder class. Thus;
| +8 | Legendary |
| +7 | Epic |
Is implemented via
<div class="ladder headless">
|||
|-|-|
|+8|Legendary|
|+7|Epic|
</div>
Skill Lists
Skill list tables are denoted by the skill-list class. Thus;
| Approach | Attack | Defend | Overcome | Create an Advantage |
|---|---|---|---|---|
| Forceful | X | X | X | X |
Is implemented via;
<div class="skill-list">
|Approach|Attack|Defend|Overcome|Create an Advantage|
|-|-|-|-|-|
|Forceful|X|X|X|X|
</div>
Inline
The following features are implemented inline, and can be combined with other text. They are denoted as span elements with special classes.
Aspects
Aspects are denoted with the aspect class. Thus;
- Starry eyed youth
- Something to prove
- Haunted, Hunted, and Unphazed
Is implemented via;
* <span class="aspect">Starry eyed youth</span>
* <span class="aspect">Something to prove</span>
* <span class="aspect">Haunted, Hunted, and Unphazed</span>
Glyphs
Fate Glyphs are denoted with the fate-glyph class. Thus;
- Roll the bones: ++-- = 0
- Actions include CADO
Is implemented via
* Roll the bones: <span class="fate-glyph">++--</span> = 0
* Actions include <span class="fate-glyph">CADO</span>
Big Glyphs
fate-glyph also supports the big class. Thus;
- A++-0 Attack!
Is implemented via;
* <span class="fate-glyph big">A++-0</span> Attack!
Standard Markdown
This section demonstrates standard Markdown as supported by GM binder, and how such elements look in this theme.
Headlines, 2
Headlines, 3
Headlines, 4
Type Faces
- Bold
- Italics
Strikethrough- ScriptSuper
- ScriptSuper
- ScriptSub
- Internal Link
- External Link
- Item 1
- Item 2
- Item 3
- Item 1
- Item 2
- Item 3
Blockquotes
Used to denote examples of actual play per Blockquotes.
"Wait, it's all blockquotes?"
"Always has been."
Tables
Additional options for tables are made available by this theme; see Tables.
| Result | Odd of rolling | Odd of rolling this or higher |
|---|---|---|
| -4 | 1.23% | 100% |
| -3 | 4.94% | 98.77% |
| -2 | 12.35% | 93.83% |
| -1 | 19.75% | 81.48% |
| 0 | 23.46% | 61.73% |
| 1 | 19.75% | 38.27% |
| 2 | 12.35% | 18.52% |
| 3 | 4.94% | 6.17% |
| 4 | 1.23% | 1.23% |
Legal
To use this document as a template, you'll need to pick out a Fate License. The following attributions apply to both this document and any derivatives.
The Fate SRD site is copyright 2013–2019 Amazing Rando Design and is used with permission.
This publication is not affiliated with Evil Hat Productions, LLC.
Fate™ is a trademark of Evil Hat Productions, LLC. The Powered by Fate logo is © Evil Hat Productions, LLC and is used with permission.
The Fate Core font is © Evil Hat Productions, LLC and is used with permission. The Four Actions icons were designed by Jeremy Keller.
