Here are the basics:
This is your very first document. The intent is for it to be a resource about creating within GM Binder, as well as a showcase of the possibilities using this platform. On the following pages, you'll see everything our theme is capable of—and we hope you'll like it as much as we do.
Overview on Creating
GM Binder uses Markdown for its primary content. To learn about Markdown and its supporting syntax, check this out!
In addition, GM Binder allows for HTML content within your document. However, "User Beware" warnings apply. Using HTML for things like images and links is pretty safe. However, structured HTML like divs, tables, etc, may have undesired consequences.
GMBinder Specific
Page Breaks
- Using
\pagebreak
will result in a page break. Or pressCtrl+;
orCmd+;
to insert this. - Using
\pagebreakNum
will result in a page break with page number. Or pressCtrl+'
orCnd+'
to insert this.
Links
- Internal Links - Press Ctrl+Space to get a list of all of your document's headers. Press tab on one to insert the link into your document. ie: Welcome to your next campaign binder!
- External Links - Using the standard markdown link syntax with an external URL will result in a link that opens a new tab. ie: Staff of Darkening
- If you would like the actual URL to show in your external link, a simple solution is to simply wrap it with < and >. ie: https://www.gmbinder.com
Images
There are a couple ways you can place images. If you would like something positioned like you see on this page, you will need to provide the appropriate styles to do so. For example:
<img src='https://www.gmbinder.com/assets/img/bottle.png' style='position:absolute;bottom:45px;right:30px;width:380px; mix-blend-mode:multiply;' />
If you would like to place an image in-line within your content, simply providing an image tag with an external URL will be sufficient. Do be aware that your images should be sized appropriately for the content.
Wrapping to Column Two
Sometimes you want your content in column 1 to be cut short and continue on to column 2. The simplest way to accomplish this is to use:
\columnbreak
You can also press Ctrl+.
or Cnd+.
to insert this.
Footnotes
This is an example of using html and built in styles to get a desired output.
<div class='footnote'>Part 1 | Introduction</div>
Basic Editor Shortcuts
Find and Replace
Ctrl+F
orCmd+F
- FindAlt+Ctrl+F
orAlt+Cmd+F
- Find & Replace
Editing
Ctrl+Z
orCmd+Z
- UndoCtrl+Shift+Z
orCmd+Shift+Z
- RedoCtrl+D
orCmd+D
- Remove current lineCtrl+U
- Uppercase current selectionCtrl+Shift+U
- Lowercase current selection
Content Folding
F2
- Fold / Unfold a block of contentCtrl+Cmd+Alt+0
Fold everythingShift+Cmd+Alt+0
UnFold everything
And Much More...
Ctrl+Alt+H
orCmd+Alt+H
Shows all Editor Shortcuts
Headline 1
Ho mankoi lle uma tanya amin khiluva lle a' gurtha ar' thar quel lome. Shaalth Nuduin amin panta tangwa. Tampa tanya! Naugrim tula uialtum tenna' san'. Aman tel' Seldarine aa' menle nauva calen ar' ta hwesta e' ale'quenle uuma dela amin uuma malia. Gorgaerea rwalaerea atost en' entula orme amin autien rath.
Lye yala onna en' kemen tanya awra! En!. Lirimaerea mereth en draugrim Yallume Elenya. Amin hiraetha quel undome nai uuvanimo turamin cormamin niuve tenna' ta elea lle au'. Yavannie ram en' ondo mereth en draugrim tanka tel' taurnin. Aman tel' Seldarine ram en' templa Amrun'quessir amin khiluva lle a' gurtha ar' thar.
Headline 2
Ho mankoi lle uma tanya amin khiluva lle a' gurtha ar' thar quel lome. Shaalth Nuduin amin panta tangwa. Tampa tanya! Naugrim tula uialtum tenna' san'. Aman tel' Seldarine aa' menle nauva calen ar' ta hwesta e' ale'quenle uuma dela amin uuma malia. Gorgaerea rwalaerea atost en' entula orme amin autien rath.
Headline 3
Ho mankoi lle uma tanya amin khiluva lle a' gurtha ar' thar quel lome. Shaalth Nuduin amin panta tangwa. Tampa tanya! Naugrim tula uialtum tenna' san'. Aman tel' Seldarine aa' menle nauva calen ar' ta hwesta e' ale'quenle uuma dela amin uuma malia. Gorgaerea rwalaerea atost en' entula orme amin autien rath.
Lye yala onna en' kemen tanya awra! En!. Lirimaerea mereth en draugrim Yallume Elenya. Amin hiraetha quel undome nai uuvanimo turamin cormamin niuve tenna' ta elea lle au'. Yavannie ram en' ondo mereth en draugrim tanka tel' taurnin. Aman tel' Seldarine ram en' templa Amrun'quessir amin khiluva lle a' gurtha ar' thar.
Headline 4
Ho mankoi lle uma tanya amin khiluva lle a' gurtha ar' thar quel lome. Shaalth Nuduin amin panta tangwa. Tampa tanya! Naugrim tula uialtum tenna' san'. Aman tel' Seldarine aa' menle nauva calen ar' ta hwesta e' ale'quenle uuma dela amin uuma malia. Gorgaerea rwalaerea atost en' entula orme amin autien rath.
Headline 5
Ho mankoi lle uma tanya amin khiluva lle a' gurtha ar' thar quel lome. Shaalth Nuduin amin panta tangwa. Tampa tanya! Naugrim tula uialtum tenna' san'. Aman tel' Seldarine aa' menle nauva calen ar' ta hwesta e' ale'quenle uuma dela amin uuma malia. Gorgaerea rwalaerea atost en' entula orme amin autien rath.
Lye yala onna en' kemen tanya awra! En!. Lirimaerea mereth en draugrim Yallume Elenya. Amin hiraetha quel undome nai uuvanimo turamin cormamin niuve tenna' ta elea lle au'. Yavannie ram en' ondo mereth en draugrim tanka tel' taurnin. Aman tel' Seldarine ram en' templa Amrun'quessir amin khiluva lle a' gurtha ar' thar.
Headline 6
Ho mankoi lle uma tanya amin khiluva lle a' gurtha ar' thar quel lome. Shaalth Nuduin amin panta tangwa. Tampa tanya! Naugrim tula uialtum tenna' san'. Aman tel' Seldarine aa' menle nauva calen ar' ta hwesta e' ale'quenle uuma dela amin uuma malia. Gorgaerea rwalaerea atost en' entula orme amin autien rath.
Lye yala onna en' kemen tanya awra! En!. Lirimaerea mereth en draugrim Yallume Elenya. Amin hiraetha quel undome nai uuvanimo turamin cormamin niuve tenna' ta elea lle au'. Yavannie ram en' ondo mereth en draugrim tanka tel' taurnin. Aman tel' Seldarine ram en' templa Amrun'quessir amin khiluva lle a' gurtha ar' thar.
Type Faces
- Bold
- Italics
Strikethrough- Super
- SuperScript
- SubScript
- Internal Link
- External Link
- Item 1
- Item 2
- Item 3
- Item 1
- Item 2
- Item 3
Class Block Narrow
Level | Proficiency Bonus | Features | Some Modifier |
---|---|---|---|
1st | +2 | Something | — |
2nd | ─ | ─ | — |
... | ─ | ─ | ─ |
20th | ─ | ─ | ─ |
Catchy Title
Useful Information that may go longer than expected. It seems this does a good job of expanding thoguh.
Catchy Title
Useful information that may go longer.
Class Features
As a class_name, you gain the following class features
Hit Points
- Hit Dice: 1d10 per class_name level
- Hit Points at 1st Level: something
- Hit Points at Higher Levels: something_higher
Proficiencies
- Armor: armor
- Weapons: weapons
- Tools: tools
- Saving Throws: saving_throws
- Skills: Choose two from skills
Equipment
You start with the following equipment, in addition to the equipment granted by your background:
- (a) a item1 or (b) item2
d8 | Loot |
---|---|
1 | 100gp |
2 | 200gp |
3 | 300gp |
4 | 400gp |
5 | 500gp |
6 | 600gp |
7 | 700gp |
8 | 1000gp |
d8 | Loot |
---|---|
1 | 100gp |
2 | 200gp |
3 | 300gp |
4 | 400gp |
d8 | Loot |
---|---|
5 | 500gp |
6 | 600gp |
7 | 700gp |
8 | 1000gp |
Spell Name
Spell Type
- Casting Time: Casting Time
- Range: Range
- Components: V, S
- Duration: Duration
A description bursts from the caster's fingers and spreads at the speed of the reader's comprehension.
Monster Name
Size, Alignment
- Armor Class AC
- Hit Points Hitpoints
- Speed Speed
STR DEX CON INT WIS CHA Str (+Mod) Dex (+Mod) Con (+Mod) Int (+Mod) Wis (+Mod) Cha (+Mod)
- Condition Immunities Some
- Senses Senses
- Languages Languages
- Challenge Senses
Actions
Ability Description. Attack Style: +4 to hit, reach 5 ft., one target. Hit 5 (1d6 + 2)
Monster Name
Size, Alignment
- Armor Class AC
- Hit Points Hitpoints
- Speed Speed
STR DEX CON INT WIS CHA Str (+Mod) Dex (+Mod) Con (+Mod) Int (+Mod) Wis (+Mod) Cha (+Mod)
- Condition Immunities Some
- Senses Senses
- Languages Languages
- Challenge Senses
Actions
Ability Description. Attack Style: +4 to hit, reach 5 ft., one target. Hit 5 (1d6 + 2)
Cantrips (0 Level)
- Cantrip A
- Cantrip B
- Cantrip C
1st Level
- Spell A
- Spell B
- Spell C
2nd Level
- Spell A
- Spell B
- Spell C
3rd Level
- Spell A
- Spell B
- Spell C
4th Level
- Spell A
- Spell B
- Spell C
5th Level
- Spell A
- Spell B
- Spell C
6th Level
- Spell A
- Spell B
- Spell C
7th Level
- Spell A
- Spell B
- Spell C
8th Level
- Spell A
- Spell B
- Spell C
9th Level
- Spell A
- Spell B
- Spell C
Class Block Wide
Level | Proficiency Bonus | Features | Cantrips Known | Spells Known | 1st | 2nd | 3rd | 4th | 5th | 6th | 7th | 8th | 9th |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1st | +2 | Something | — | — | — | — | — | — | — | — | — | — | — |
2nd | ─ | ─ | — | — | — | — | — | — | — | — | — | — | — |
... | ─ | ─ | ─ | ─ | ─ | — | — | — | — | — | — | — | — |
20th | ─ | ─ | ─ | ─ | ─ | ─ | ─ | ─ | ─ | — | — | — | — |
Part 1
A Headline Here
Part 1
An alternative design
Do whatever you want, wherever you want, with the power of CSS!
Easier Blending
To get a beautiful stained edge on your document images (as seen on this page), utilize the convenient built-in classes for applying blend overlays. Please do note: These classes currently only exist in the default GM Binder theme.
Blend Classes
blend-half-right
blend-half-left
blend-half-top
blend-half-bottom
blend-corner-topright
blend-corner-topleft
blend-corner-bottomright
blend-corner-bottom-left
blend-onethird-top
blend-onethird-bottom
blend-twothirds-top
blend-twothirds-bottom
Usage
As seen in the source of this document, blend classes are best applied to div
elements following the image you would like to blend — like so:
<img src="your-image-source.jpg"/>
<div class="blend-half-right"></div>
The above code will ensure you have a parchment background on the right side of your page. Simply swapping the class will allow you to quickly see the variations available.
By the way!
If you would like to convert your existing document to this theme, please make sure that any instance of .phb
is replaced with .gmb
, which is also the new base class for modifying this theme.
Practice
Safe
Homebrewing
People love to flex their creative muscles while composing new homebrew content. More often than not, the inspiration for your homebrew comes from another source. Sometimes significantly. Other times just as a spark.
What is important for the community is that you share your sources of inspiration. This back cover can serve as an easy to find, easy to read place for you to do just that.
So go ahead, remove this chunk of copy and tell everyone who inspired you.
Cover Art: Renae
When you're ready to share with the community, don't forget to mark your document as public so people can find it in the GM Binder Search
More Credits
Maybe you have so many people to give credit to that you need a bit more space. Well, you can use this column to do exactly that!