Traveller's Handbook
MGT2e Traveller Skin
Overview on Creating
GMBinder 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. Especially now in this early stage. 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+;
orCnd+;
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
Table of Contents
In the menu above, you'll see a Table of Contents for your document.
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/books.jpg' 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
Ready. Set. Go!
Here are some other widgets and things to test re-coloring and font changes. E.g. description block, note block, and tables.
Description Block
This block contains useful information or call-out for further info on a topic. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna. Viverra ipsum nunc aliquet bibendum enim. Sem viverra aliquet eget sit amet tellus cras. Accumsan tortor posuere ac ut. Nibh tortor id aliquet lectus proin nibh nisl condimentum.
Libero volutpat sed cras ornare. Cursus risus at ultrices mi tempus imperdiet nulla. Natoque penatibus et magnis dis parturient montes nascetur ridiculus. Justo donec enim diam vulputate ut pharetra sit amet aliquam. Leo vel orci porta non pulvinar neque. Scelerisque eu ultrices vitae auctor eu augue ut. Et malesuada fames ac turpis egestas maecenas pharetra. Neque laoreet suspendisse interdum consectetur libero id faucibus nisl. Tortor posuere ac ut consequat semper viverra nam libero. Diam maecenas sed enim ut sem. Aliquam sem et tortor consequat id.
Note Block
This block contains shorter blurbs of supplementary information.
In vitae turpis massa sed elementum tempus. Cursus mattis molestie a iaculis at erat pellentesque adipiscing.
Proin nibh nisl condimentum id venenatis a condimentum. Diam maecenas ultricies mi eget.
d6 | Loot | Flavor | Color |
---|---|---|---|
1 | 1 Ship Share | Banana | Yellow |
2 | 5000Cr | Vanilla | Blue |
3 | Plasma Rifle (TL14) | Chocolate | Red |
4 | Sword (TL5) | Vanilla | Yellow |
5 | 10 Military Rations | Metal | Metallic |
6 | 1 Ship Share | Flan | Beige |
d8 | Loot |
---|---|
1 | 100Cr |
2 | 200Cr |
3 | 300Cr |
4 | 400Cr |
d8 | Loot |
---|---|
5 | 500Cr |
6 | 600Cr |
7 | 700Cr |
8 | 1000Cr |