GM Binder Theme Introduction

by renae

Search GM Binder Visit User Profile
Welcome to GM Binder

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 press Ctrl+; or Cmd+; to insert this.
  • Using \pagebreakNum will result in a page break with page number. Or press Ctrl+' or Cnd+' to insert this.

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>

Part 1 | Introduction

Basic Editor Shortcuts

Find and Replace

  • Ctrl+F or Cmd+F - Find
  • Alt+Ctrl+F or Alt+Cmd+F - Find & Replace

Editing

  • Ctrl+Z or Cmd+Z - Undo
  • Ctrl+Shift+Z or Cmd+Shift+Z - Redo
  • Ctrl+D or Cmd+D - Remove current line
  • Ctrl+U - Uppercase current selection
  • Ctrl+Shift+U - Lowercase current selection

Content Folding

  • F2 - Fold / Unfold a block of content
  • Ctrl+Cmd+Alt+0 Fold everything
  • Shift+Cmd+Alt+0 UnFold everything

And Much More...

  • Ctrl+Alt+H or Cmd+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

  1. Item 1
  2. Item 2
  3. Item 3
  • Item 1
  • Item 2
  • Item 3
Part 2 | Elements
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)

Part 2 | Elements


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 2 | Elements

Part 1

A Headline Here
Part 2 | Elements

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.

Part 3 | Blending Images

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!

 

This document was lovingly created using GM Binder.


If you would like to support the GM Binder developers, consider joining our Patreon community.