HB XanatharundefinedsStyle
HB XanatharundefinedsStyle
HB XanatharundefinedsStyle
```
```css
/* FONT IMPORTS ____________________________________________________ */
/* _________________________________________________________________ */
@import url(https://rawcdn.githack.com/Kaiburr-kath-hound/HomebreweryStyles/
86c37513be2e315f717a2e9295bfb8149dc85a80/XanatharFonts.css);
@import url('https://rawcdn.githack.com/Kaiburr-kath-hound/HomebreweryStyles/
6ade797a215521264f7a7aca9355489333d9caba/EberronFonts.css');
/* ________________________________________________________________ */
To change the color theme in this document, you just need to put the following
somewhere on the page you want to change:
{{blue}}
Or, if you want a slightly cleaner way to do it, I like to put the "blue" class in
the page number code, like the following:
{{pageNumber,auto,blue}}
The same goes for the themes below, just use the color "green" or "red",
respectively. Again, yellow will be the color theme by default. */
/* PAGE TEXTURE */
.page {
background-image : url(https://i.imgur.com/VjuryuT.jpg);
background-size : cover;
}
.page:nth-of-type(odd) {
background-image : url(https://i.imgur.com/UrB4Mya.jpg);
}
/* HEADERS */
.page h1,
.page h2,
.page h3,
.page h4,
.page h5 {
letter-spacing : 1px;
font-weight : normal;
}
.page h5 {
font-weight : bold;
text-shadow : #000 0 0 0.1px;
}
.page h1+p {
margin-top : 5px;
}
/* DROP CAP */
.page .chapter+p:first-letter,
.page h1+p:first-letter,
.page .chapter+.quote::first-letter,
.page h1+.quote::first-letter {
color : black;
float : left;
font-family : SolberaImitationRemake;
font-size : 126px;
line-height : 1em;
--shadow-x0 : #f9f8f4 0 0 1.2px;
--shadow-x1 : var(--shadow-x0), var(--shadow-x0), var(--shadow-x0);
--shadow-x2 : var(--shadow-x1), var(--shadow-x1), var(--shadow-x1);
text-shadow : var(--shadow-x2), var(--shadow-x2), var(--shadow-x2);
text-transform : uppercase;
background : unset;
background-image : url(https://i.imgur.com/OXd9IH6.png);
background-size : min(82px, 100%) auto;
background-repeat : no-repeat;
background-position : right 44% center;
padding : 24px 4px 2px 40px;
margin : -32px 1px -20px -34px;
}
/* IMAGES */
.page img:not(.logo img):not(.frontcredit img) {
position : absolute;
z-index : -2;
user-select : none;
}
/* SMALL CAPS */
.page caps {
font-variant : small-caps;
}
.page .backcover caps {
font-size : 120%;
}
/* FOOTER IMAGE */
.page:after {
height : 330px;
background-image : url(https://i.imgur.com/wNAkUuR.png);
}
/* TABLES */
.page table:not(.monster table) tr:nth-child(odd) td {
background-color : #dbdbe1;
}
/* MONSTER STATBLOCKS */
.page .monster.frame {
background-color : #fdf8ce;
}
.page .monster table tr:nth-child(odd) td {
background-color : transparent;
}
/* NOTES */
.page .descriptive {
background-color : #dbdbe1;
}
.page .note {
background-color : #f2e5ba;
border-image : url(https://i.imgur.com/KtrHa62.png) 14
stretch;
border-image-outset : 6px 0px;
border-image-width : 11px;
margin : 4mm 0 1mm;
}
/* ARTIST CREDITS */
.page .artist {
position : absolute !important;
bottom : 100px;
left : 60px;
transform : rotate(-90deg);
transform-origin : bottom left;
text-align : left;
font-family : ScalySansSmallCapsRemake;
font-size : 13px;
text-transform : lowercase;
color : #999;
}
.page:nth-of-type(even):not(:has(.insideCover)) .artist {
left : unset;
right : 60px;
transform : rotate(90deg);
transform-origin : bottom right;
}
/* WATERCOLOR STAIN */
.page [class*="watercolor"] {
background-color : #b4a779;
}
/* FOOTER */
.page:not(:has(.frontCover),:has(.credits)) .footnote {
left : 74px;
bottom : 49px;
width : fit-content;
font-size : 10px;
text-align : left;
text-transform : uppercase;
letter-spacing : 0.8px;
}
.page:nth-child(even):not(:has(.frontCover),:has(.credits)) .footnote {
left : unset;
right : 85px;
text-align : right;
}
/* PAGE NUMBER */
.page .pageNumber {
left : 26px;
bottom : 42px;
font-size : 12px;
text-align : left;
}
.page:nth-child(even) .pageNumber {
left : unset;
right : 26px;
text-align : right;
}
/* HYPERLINKS */
.page a {
color : inherit;
text-decoration : none;
}
.page a:hover{
text-decoration : underline;
}
/* QUOTE */
.quote {
margin-top : 0px;
padding-bottom : 20px;
font-family : Cormorant;
font-size : 15px;
line-height : 1em;
}
.quote.author p:last-child {
margin-top : 4px;
font-family : BookInsanityRemake;
font-size : 0.34cm;
text-align : right;
}
/* EXTRAS _________________________________________________________ */
/* DECALS __________________________________________________________ */
.page [class*="decal"],
.page .crosshatch {
content : '';
position : absolute;
background-size : contain;
background-repeat : no-repeat;
z-index : -10;
}
.page [class*="decal"] {
right : 0;
}
.page [class*="decal"].left {
right : unset;
left : 0px;
transform : ScaleX(-1);
}
.page .decal2.left,
.page .decal3.left {
left : -10px;
}
.page .decal1 {
top : 0;
height : 530px;
width : 323px;
background-image : url(https://i.imgur.com/qArNReE.png);
}
.page .decal2 {
right : -10px;
bottom : 0;
height : 530px;
width : 530px;
background-image : url(https://i.imgur.com/F2r2FA0.png);
z-index : 200;
}
.page .decal3 {
top : -10px;
height : 610px;
width : 545px;
background-image : url(https://i.imgur.com/jZmQXae.png);
}
.page .decal4 {
top : 0;
height : 146px;
width : 400px;
background-image : url(https://i.imgur.com/VtiR9PM.png);
}
.page:has(.frontCover) {
padding-top : 78px;
}
.page:has(.frontCover) h1 {
margin-top : 16px;
text-transform : none;
}
.page:has(.frontCover) hr {
margin : 12px auto;
width : 10cm;
}
.page:has(.frontCover) h2,
.page:has(.frontCover) h3 {
filter : drop-shadow(0 0 1.3px black) drop-shadow(0 0 0 black)
drop-shadow(0 0 0 black) drop-shadow(0 0 0 black)
drop-shadow(0 0 0 black) drop-shadow(0 0 0 black)
drop-shadow(0 0 0 black) drop-shadow(0 0 0 black);
font-family : 'Modesto Expanded';
font-size : 0.8cm;
letter-spacing : 0.1cm;
margin-top : 10px;
transform : ScaleX(0.9);
}
.page:has(.frontCover) h3 {
color : white;
border-bottom : none;
font-size : 0.64cm;
}
.page:has(.frontCover) .footnote {
font-family : VeraCruz;
letter-spacing : 1px;
z-index : 1;
width : fit-content;
}
.page small {
position : relative;
text-transform : lowercase;
bottom : 10px;
font-size : 90%;
}
.page:has(.frontCover) .emblem,
.page:has(.frontCover) .color {
position : absolute;
top : 0;
left : 0;
background-size : 100% 100%;
background-repeat : no-repeat;
}
.page:has(.frontCover) .color {
height : 19px;
width : 650px;
background-color : black;
opacity : 75%;
z-index : -1;
-webkit-mask-image : url(https://i.imgur.com/bURATrX.png);
-webkit-mask-size : 100% 100%;
}
.page:has(.frontCover) .emblem {
height : 80px;
width : 340px;
z-index : 0;
background-image : url(https://i.imgur.com/y2xctk4.png);
}
.page:has(.frontCover) .emblem img {
left : 20px;
top : 0;
min-width : unset;
max-width : 50%;
max-height : 100%;
z-index : 1;
}
.page:has(.insideCover) h1 {
font-size : 88px;
}
.page:has(.insideCover) h2 {
font-family : Nodesto;
font-size : 3em;
letter-spacing : 0.8px;
}
.page:has(.insideCover) h3 {
font-family : 'Modesto Expanded';
font-weight : normal;
font-size : 31px;
letter-spacing : 1px;
border-bottom : unset;
margin : 10px -80px 20px;
width : 816px;
}
.page:has(.insideCover) hr {
margin : 12px auto;
}
.page:has(.credits) h1+p::first-letter,
.page:has(.credits) h1+p::first-line,
.page:has(.credits)::after {
all : unset;
}
.page:has(.credits) h1 {
font-size : 40px;
}
.page:has(.credits h2),
.page:has(.credits h5) {
margin-bottom :14px;
}
.page:has(.credits) p {
font-family : Martel_SansRegular;
font-style : normal;
font-size : 0.83em;
line-height : 1.5em;
text-indent : -1em;
margin-left : 1em;
}
.page:has(.credits) strong {
font-family : Martel_SansExtraBold;
}
.credits a {
color : #999;
font-weight : bold;
}
.page .frontcredit {
position : relative;
right : 10px;
width : 310px;
height : 240px;
margin-top : 15px;
margin-bottom : 100px;
}
.page .frontcredit::before {
content : '';
position : absolute;
top : 9px;
left : -20px;
height : 94.5%;
width : 113%;
background-image : url(https://i.imgur.com/HKHIW1j.png);
background-position : center;
background-size : 100% 100%;
background-repeat : no-repeat;
}
.page .frontcredit h5 {
margin-top : 10px;
margin-bottom : -2px;
}
.page .frontcredit p {
text-indent : 0;
margin-left : 0;
}
.credits .footnote {
bottom : 20px;
left : 0;
width : 100%;
font-size : 1em;
text-transform : none;
text-align : left;
color : black;
}
.credits .footnote p {
padding : 4.5em;
text-indent : 0;
}
.page .toc h3 {
font-weight : bold;
border-bottom : unset;
}
.page .toc h4 {
margin-top : 2px;
color : black;
}
.page .toc ul li + li h3 {
margin-top : 8px;
}
.page .toc.wide {
columns : 3;
column-gap : 16px;
}
/* The weird notation below just means "apply this code to any class that has the
name 'comment' in it" */
.page [class*="comment"] {
font-family : Psycho;
position : absolute;
min-height : 130px;
max-height : 350px;
width : 340px;
padding : 10px 20px 20px 30px;
background-image : url(https://i.imgur.com/fSEEBUG.png);
background-size : 100% 100%;
background-repeat : no-repeat;
filter : drop-shadow(1px 3px 5px rgba(140,
140, 140, 0.8));
z-index : 205;
}
.page .comment2 {
background-image : url(https://i.imgur.com/VBHXNmb.png);
min-height : 90px;
max-height : 230px;
width : 350px;
padding : 15px 20px 20px 25px;
}
.page .comment3 {
background-image : url(https://i.imgur.com/gAfgytb.png);
min-height : 120px;
max-height : 250px;
width : 360px;
padding : 10px 25px 20px 30px;
}
.page .comment4 {
background-image : url(https://i.imgur.com/s8dkeCL.png);
min-height : 75px;
max-height : 200px;
width : 380px;
padding : 12px 25px 20px 30px;
}
.page .comment5 {
background-image : url(https://i.imgur.com/pbWuP59.png);
min-height : 80px;
max-height : 180px;
width : 375px;
padding : 10px 25px 20px 25px;
}
.page .comment6 {
background-image : url(https://i.imgur.com/EullZt7.png);
min-height : 70px;
max-height : 200px;
width : 370px;
padding : 15px 20px 20px 25px;
}
.page .comment7 {
background-image : url(https://i.imgur.com/u95HaQt.png);
min-height : 90px;
max-height : 300px;
width : 420px;
padding : 20px 30px 20px 30px;
}
.page .comment8 {
background-image : url(https://i.imgur.com/RscZc46.png);
min-height : 100px;
max-height : 250px;
width : 390px;
padding : 15px 25px 15px;
}
.page .comment9 {
background-image : url(https://i.imgur.com/1848blR.png);
min-height : 70px;
max-height : 150px;
width : 385px;
padding : 15px 20px 10px 30px;
}
.page .comment10 {
background-image : url(https://i.imgur.com/qcq9SS6.png);
min-height : 90px;
max-height : 240px;
width : 380px;
padding : 25px 20px 20px 30px;
}
.page .comment11 {
background-image : url(https://i.imgur.com/pXlSnaO.png);
min-height : 130px;
max-height : 320px;
width : 420px;
padding : 15px 20px 15px 25px;
}
.page .comment12 {
background-image : url(https://i.imgur.com/xKUdw4w.png);
min-height : 130px;
max-height : 325px;
width : 400px;
padding : 18px 18px 15px 30px;
}
.page .comment13 {
background-image : url(https://i.imgur.com/aO1BPAR.png);
min-height : 80px;
max-height : 150px;
width : 375px;
padding : 18px 18px 15px 30px;
}
.page .comment14 {
background-image : url(https://i.imgur.com/BTiffB9.png);
min-height : 90px;
max-height : 220px;
width : 380px;
padding : 12px 18px 15px 25px;
}
.page .comment15 {
background-image : url(https://i.imgur.com/0UJI6qY.png);
min-height : 80px;
max-height : 160px;
width : 400px;
padding : 18px 25px 20px 35px;
}
.page .comment16 {
background-image : url(https://i.imgur.com/6HN3nsg.png);
min-height : 150px;
max-height : 250px;
width : 350px;
padding : 15px 25px 15px 30px;
}
.page .comment17 {
background-image : url(https://i.imgur.com/FV6hjtP.png);
width : 315px;
min-height : 140px;
max-height : 250px;
padding : 20px 20px 20px 30px;
}
.page [class*="comment"] p {
color : #693a4f;
font-size : 24px;
line-height : 22px;
transform : ScaleY(0.9);
}
.page .chapter {
column-span : all;
display : block;
padding-top : 14px;
padding-bottom : 30px;
}
.chapter::before {
content : '';
position : absolute;
width : 100%;
height : 214px;
top : 0;
left : 0;
z-index : -1;
background-image : url(https://i.imgur.com/NvpOA5P.png);
background-size : cover;
}
.chapter.stain::before {
background-image : url(https://i.imgur.com/2ZWzeWC.png);
}
.page:nth-of-type(odd) .chapter::before {
transform : ScaleX(-1)
}
.chapter hr {
visibility : visible;
height : 15px;
width : 236px;
margin : 0 5.76cm 24px;
background-image : url(https://i.imgur.com/hOcUlP9.png);
background-size : 100% 100%;
border : none;
}
.page:has(.blue) .chapter::before {
background-image : url(https://i.imgur.com/0KkpGTn.png) }
.page:has(.blue) .chapter.stain::before {
background-image : url(https://i.imgur.com/5VUPA1o.png) }
.page:has(.blue) .chapter hr {
background-image : url(https://i.imgur.com/u0vS9Ac.png) }
.page:has(.green) .chapter.stain::before {
background-image : url(https://i.imgur.com/oWy4Wg0.png) }
.page:has(.green) .chapter::before {
background-image : url(https://i.imgur.com/zPQCACW.png) }
.page:has(.green) .chapter hr {
background-image : url(https://i.imgur.com/h5ISdvI.png) }
.page:has(.red) .chapter.stain::before {
background-image : url(https://i.imgur.com/9EB1TvU.png) }
.page:has(.red) .chapter::before {
background-image : url(https://i.imgur.com/e1fGc5U.png) }
.page:has(.red) .chapter hr {
background-image : url(https://i.imgur.com/Youqcfr.png) }
.chapter h1 {
font-size : 39px;
font-family : MrEavesRemake;
text-transform : unset;
position : relative;
margin : -5px;
display : flex;
justify-content : center;
}
.chapter hr+h1 {
margin-top : -26px;
}
.page .chapter::after {
content : '';
position : absolute;
width : 123px;
height : 261px;
top : 129px;
left : 0px;
z-index : -10;
background-image : url(https://i.imgur.com/vE10Nd4.png);
background-size : contain;
background-repeat : no-repeat;
}
.page:nth-of-type(odd) .chapter::after {
background-image : unset;
}
.chapter+.quote::first-line,
.chapter+p:first-line {
font-variant : small-caps;
font-family : BookInsanityRemake;
font-size : 15px;
text-transform : lowercase;
line-height : 14px;
}
/* Feel free to change the "rgba" values to whatever color you'd like (I recommend
using https://www.hexcolortool.com/ to pick a color) */
.page:has(.backCover) .backCover {
filter : drop-shadow(0 0 30px rgba(145, 137, 154, .75));
}
.page:has(.backCover) h1 {
font-size : 58px;
}
.page:has(.backCover) p {
font-family : martel_sanssemibold;
font-size : 11.7px;
line-height : 1.6em;
text-indent : 0em;
color : white;
}
.page:has(.backCover) caps {
font-size : 125%;
}
```
<!---
Here is a link to all my other Homebrewery templates, if you're interested:
https://homebrewery.naturalcrit.com/user/KaiburrKathHound?sort=alpha&dir=asc
Also, IF you want to buy me a coffee (or something), here's my Ko-fi page:
https://ko-fi.com/kaiburrkathhound
--->
{{frontCover}}
{{logo ![](/assets/naturalCritLogoRed.svg)}}
{{banner HOMEBREW}}
{{footnote
Explore a wealth of gilded decals, cross-hatched backgrounds, and color- <br>coded
sections in this template made for the world's greatest roleplaying game
}}
![background image](https://i.imgur.com/ZMc6xy3.jpg)
{position:absolute,bottom:0,right:-5px,height:100%}
\page
{{insideCover}}
{{watercolor2,top:270px,left:300px,width:360px,background-color:#7a768e}}
{{watercolor10,top:330px,left:100px,width:360px,,background-color:#7a768e}}
![sylgar](https://i.imgur.com/SQartox.png)
{position:absolute;width:350px;left:240px;top:400px;}
{{artist
[Jason Rainville](https://www.artstation.com/jason_rainville)
}}
{{logo ![](/assets/naturalCritLogoRed.svg)}}
\page
{{credits,wide,columns:2
# Credits
**Template Designers:** [u/5e_cleric](https://www.reddit.com/user/5e_cleric/),
[u/Kaiburr_Kath-Hound](https://www.reddit.com/user/Kaiburr_Kath-Hound/)
:::::
{{frontcredit
![image](https://i.imgur.com/ZMc6xy3.jpg) {margin-bottom:16px}
}}
\column
**Page 9 (Top):** *War Magic Wizard* by unknown artist*, @Wizards of the Coast
<br>*If anyone knows who the artists are for any specific artwork used, please
message [u/Kaiburr_Kath-Hound](https://www.reddit.com/message/compose/) on reddit;
I don't like to just write "Wizards of the Coast" on artist credits.*
{{footnote
The contents of this document is unofficial Fan Content permitted under the Fan
Content Policy. Not approved/endorsed by Wizards. Portions of the materials used
are property of Wizards of the Coast. ©Wizards of the Coast LLC.
}}
}}
\page
{{toc,wide
# Contents
- ### [{{ Introduction}}{{ 5}}](#p5)
- #### [{{ Using This Book}}{{ 5}}](#p5)
- ### [{{ Ch. 1: Character Options}}{{ 7}}](#p7)
- ### [{{ Ch. 2: Dungeon Master's Tools}}{{ 10}}](#p10)
- #### [{{ Header 2}}{{ 10}}](#p10)
- [{{ Header 3}}{{ 10}}](#p10)
- #### [{{ Ghost Pigeon}}{{ 10}}](#p10)
- [{{ Actions}}{{ 10}}](#p10)
- ### [{{ Ch. 3: Spells}}{{ 11}}](#p11)
- ### [{{ App. A: Character Names}}{{ 12}}](#p12)
- #### [{{ Nonhuman Names}}{{ 12}}](#p12)
}}
\page
# Introduction
Beneath the bustling City of Waterdeep, a beholder crime lord keeps tabs on
everyone and everything—or so the beholder thinks. Known as Xanathar, this bizarre
being believes it can gather information on everything in the <caps>Dungeons &
Dragons</caps> multiverse. The beholder desires to know it all! But no matter what
the beholder learns and what treasures it acquires, its most prized possession in
all the multiverse remains its goldfish, Sylgar.
The first major rules expansion to the fifth edition of D&D, Xanathar's Guide to
Everything provides a wealth of new options for the game. Xanathar might not be
able to realize its dream to know everything, but this book does delve into every
major part of the game: adventurers, their adventures, and the magic they wield.
## Using This Book
Written for both players and Dungeon Masters, this book offers options to enhance
campaigns in any world, whether you're adventuring in the Forgotten Realms, another
official D&D setting, or a world of your own creation. The options here build on
the official rules contained within the [*Player's Hand
Book*](https://homebrewery.naturalcrit.com/share/kkVdZJx6HO1f), the *Monster's
Manual*, and the *Dungeon's Masterguide*. Think of this book as the companion to
those volumes. It builds on their foundation, exploring pathways first laid in
those publications. Nothing herein is required for a D&D campaign—this is not a
fourth core rulebook—but we hope it will provide you new ways to enjoy the game.
Chapter 1 offers character options that expand on those offered in the [*Player's
Hand Book*](https://homebrewery.naturalcrit.com/share/kkVdZJx6HO1f). Chapter 2 is a
toolkit for the DM that provides new resources for running the game and designing
adventures, all of it building on the *Monster's Manual* and the *Dungeon's
Masterguide*. Chapter 3 presents new spells for player characters and spellcasting
monsters to unleash.
{{note
##### Unearthed Arcana
Much of the material in this book originally appeared in Unearthed Arcana, a series
of online articles we publish to explore rules that might officially become part of
the game. Some Unearthed Arcana offerings don't end up resonating with fans and are
set aside for the time being. The Unearthed Arcana material that inspired the
options in the following chapters was well received and, thanks to feedback from
thousands of you, has been refined into the official forms presented here.
}}
{{comment17,symbol,bottom:5px,right:60px,transform:rotate(-5deg)
What's that, Sylgar? No. Not <br>
yet, my fishy friend. They just <br>
got here. Perhaps after we chat a bit. <br>
I find a little conversation at the beginning helps digestion.
{{symbol,left:34%}}
}}
![image](https://i.imgur.com/9JUF2fD.png)
{position:absolute;width:320px;right:64px;top:50px}
{{watercolor7,top:870px,right:40px,width:350px,background-
color:#7a768e,transform:scaleX(-1)scaleY(1.4)}}
{{pageNumber,auto}}
{{footnote Introduction}}
\page
{{fullpage
![image](https://i.imgur.com/HuuFsV2.jpg)
}}
\page
{{chapter
# Chapter 1
___
# Character Options
}}
{{comment1,left:0px,top:305px,transform:rotate(-5deg)
There are a lot of options for notes, all of which have maximum or minimum height,
keeping the notes from looking too stretched out. Cycle through the comment numbers
to see which one fits best!
}}
{{comment2,left:30px,top:450px,transform:rotate(5deg)
Comments can be rotated using the "transform:rotate_deg" (if you're unsure how to
do this, just copy and paste this whole comment, changing the number as you see
fit!).
}}
{{comment3,signature,left:10px,top:570px
In addition, comments can have a signature at the end (denoting who wrote the
comment). It can say whichever name you'd like, but remember to add "signature"
after the comment line, like so: "{{comment3,signature,left:0px..."
Lastly, rmember that the **LAST PARAGRAPH** of the comment will be considered the
signature, and will be formatted differently.
— KAIBURR
}}
{{comment4,left:40px,top:800px,transform:rotate(-5deg)
Another classic staple of these comments is the little "eye" symbol at the end of
each comment. These symbols can be placed where you like. The default is centered
and just below the bottom line, but you may want to change it, depending on your
tastes.
{{symbol}}
}}
{{comment5,signature,right:0px,top:520px,transform:rotate(-1deg)
You can even change which symbol is used, if someone else is writing a comment.
{{symbol,background-image:url(https://i.imgur.com/MhLXU0j.png)}}
— TASHA
}}
{{comment6,right:40px,top:608px,transform:rotate(6deg)
There are more comments to be had? Sure, why not?
{{symbol,background-image:url(/assets/
naturalCritLogoRed.svg),filter:brightness(.39)hue-rotate(-30deg)saturate(0.58)}}
}}
{{comment8,right:-20px,top:690px,transform:rotate(-2deg)
Hang on, MORE comments?? How many more things could I talk about? I could discuss
other abberations, I suppose. Talk about your eye-sores.
{{symbol,left:35%}}
}}
{{comment7,right:10px,top:806px,transform:rotate(1deg)
How long can these notes be? Maybe I could rant about the difficulty of being a
creature with a million eyes. Imagine seeing something so horrible that you WISH
you could forget it, right? I see things ALL the time that I wish I could unsee.
Let me tell you, it is not fun to be caught in between your parents when they're
arguing about one of them "making eyes" at other beholders. That wasn't a metaphor,
and that particular session of therapy was an expensive one, and in all
seriousness, they probably know more about me than anyone, although I like to think
I know as much about them. Is that sad? I can't even tell anymore. The pressure of
seeing more than anyone else does can be a lot,
{{symbol,top:-13px}}
}}
\column
{{descriptive
##### Time to Drop Knowledge
Use descriptive boxes to highlight text that should be read aloud.
{{note
##### Time to Drop Knowledge
Use notes to point out some interesting information.
{{pageNumber,auto,blue}}
{{footnote Chapter 1 | Character Options}}
\page
![img](https://i.imgur.com/Bysd6yB.png)
{position:absolute,width:312px,top:20px,left:65px}
{{crosshatch,width:470px,left:-46px,top:-20px,opacity:60%}}
![img](https://i.imgur.com/auiKgRq.png)
{position:absolute,width:400px,top:80px,right:5px,z-index:201}
{{watercolor2,top:-10px,right:0px,width:380px,opacity:60%,transform:ScaleX(-1)}}
{{decal1,right:-22px,top:-118px}}
{{artist
[Eric Belisle](http://www.ericbelisle.com/)
}}
{{comment9,left:-10px,top:570px,transform:rotate(-4deg)
Alright, I guess there are more comments than I thought there were. What the heck
do you say after so many?
:
{{symbol,top:-25px}}
}}
{{comment10,left:15px,top:690px,transform:rotate(8deg)
So, yeah. Lots of fun, exciting moments to be had during a time like this. Remember
when I ranted about my troubled past?
Good times.
{{symbol,top:-40px,left:30%}}
}}
{{comment11,left:-10px,top:850px,transform:rotate(-3deg)
So, do you want any tea?
Boy, this is a tall note. I should probably write something more substantial.
{{symbol}}
}}
{{comment12,signature,right:20px,top:570px,transform:rotate(8deg)
You remember that these comments are all from me, right? I suppose I need to work
on my "actual" signature anyways. My penmanship isn't what it used to be.
:
— ~~XANTHA~~ XANATHAR
}}
{{comment13,signature,right:20px,top:715px
Are you wondering why these are called "comments" and not "notes" (even though
they're literally written on little notes of paper)? The Homebrewery already has a
designated class called "notes", and I wanted to make a distinction to avoid
confusion.
:
— KAIBURR
}}
{{comment14,right:20px,top:870px,transform:rotate(2deg)
Ha! You believed me when I said I was that "Kaiburr" person, huh? No, I just wanted
to distract from the fact that I misspelled my name... Awww dang it.
{{symbol}}
}}
{{pageNumber,auto,blue}}
{{footnote Chapter 1 | Character Options}}
\page
{{decal4,left}}
![img](https://i.imgur.com/XubiBNM.png)
{position:absolute,width:350px,top:80px,right:40px}
{{decal3,width:520px}}
![img](https://i.imgur.com/j0BaBDO.png)
{position:absolute,width:205px,bottom:60px,left:200px,z-index:201}
{{watercolor7,top:500px,left:-40px,width:380px,opacity:40%}}
{{decal2,left}}
{{comment15,left:20px,top:150px,transform:rotate(-4deg)
Oof. I'm realizing more and more that, as much as I like to talk, it is VERY
difficult to come up with enticing things to talk about.
{{symbol,top:-20px}}
}}
{{comment16,left:20px,top:280px,transform:rotate(6deg)
Oh goodness. You'd think there would <br>
be a warning label on a spell scroll of <br>
*incindiary cloud*. Clearly not.
Luckily, Sylgar was able to splash some water on this note, saving it. Thank
goodness, because this is all very useful information.
{{symbol,top:-30px,left:65%}}
}}
{{pageNumber,auto,blue}}
{{footnote Chapter 1 | Character Options}}
\page
{{chapter
# Chapter 2
___
# Dungeon Master's Tools
}}
Each adventuring group is bound together by the quests it embarks on and by the
dangers its members face together. This chapter offers another way to bind your
party together: a group patron. These patrons provide a strong binding element: an
individual or an organization that unites a party as a team in service to a greater
purpose. A group patron can help set the tone of your party's entire campaign. For
example, a group whose patron is an academic institution is likely to have a very
different story from a group that serves a military. A patron can influence
characters' relationships, their backstories, and the types of dangers they face.
## Header 2
:
### Header 3
:
#### Header 4
:
##### Header 5
(These are just to demonstrate the appearance of headers. They are largely
unchanged from the default).
\column
:
{{monster,frame
## Ghost Pigeon
*Small beast, silly neutral*
___
**Armor Class** :: 10 (chain mail, shield)
**Hit Points** :: 33(1d4 + 5)
**Speed** :: 39ft.
___
| STR | DEX | CON | INT | WIS | CHA |
|:-----:|:-----:|:-----:|:-----:|:-----:|:-----:|
|11 (+1)|20 (+5)|5 (-2)|14 (+2)|4 (-3)|1 (-4)|
___
**Condition Immunities** :: groggy, weak-kneed
**Senses** :: darkvision 60 ft., passive Perception 20
**Languages** :: Jive, Common
**Challenge** :: 5 (1066 XP)
___
***Onion Stench.*** Any creatures within 5 feet of this thing develops an
irrational craving for onion rings.
:
***Big Jerk.*** Whenever this creature makes an attack, it starts telling you how
much cooler it is than you.
:
***Pack Tactics.*** These guys work together like peanut butter and jelly. Jelly
and peanut butter.
When one of these guys attacks, the target is covered with, well, peanut butter and
jelly.
### Actions
***Heel Jawbreaker.*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one target.
*Hit* 5 (1d6 + 2)
:
***Tilt-a-whirl Eye Takedown.*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one
target. *Hit* 5 (1d6 + 2)
:
***Dual Cobra Wristlock.*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one
target. *Hit* 5 (1d6 + 2)
}}
{{pageNumber,auto,green}}
{{footnote Chapter 2 | Dungeon Master's Tools}}
\page
{{chapter,stain
# Chapter 3
___
# Spells
}}
{{watercolor11,top:80px,right:30px,width:350px,opacity:50%}}
{{note
##### Exhaustion
Some special abilities and environmental hazards, such as starvation and the long-
term effects offreezing or scorching temperatures, can lead to a special condition
called exhaustion. Exhaustion is measured in six levels. An effect can give a
creature one or more levels ofexhaustion, as specified in the effect's description.
}}
{{pageNumber,auto,red}}
{{footnote Chapter 3 | Magical Miscellany}}
\page
{{chapter,red
# Chapter 3
___
# Spells
}}
{{watercolor11,top:80px,right:30px,width:350px,opacity:50%}}
{{note
##### Exhaustion
Some special abilities and environmental hazards, such as starvation and the long-
term effects offreezing or scorching temperatures, can lead to a special condition
called exhaustion. Exhaustion is measured in six levels. An effect can give a
creature one or more levels ofexhaustion, as specified in the effect's description.
}}
{{pageNumber,auto,red}}
{{footnote Chapter 3 | Magical Miscellany}}
\page
Each table contains names that are associated with a nonhuman character race in the
Player's Handbook or a real-world ethnic or language group, with a focus on
\column
groups from antiquity and the Middle Ages. You can select from the possibilities
here, or use dice to determine a name.
Even though names are associated with races in this appendix, a character might not
have a name from their own race. For instance, a half-orc might have grown up among
dwarves and have a dwarven name. Or, as DM, you might decide that dragonborn in
your campaign have a culture reminiscent of ancient Rome and therefore use Roman
names, rather than the dragonborn names suggested here.
{{wide,decoration
## Nonhuman Names
{{columns:4,margin-top:
##### Twi'lek, Male
| d10 | Name |
|:---:|:------|
| 1 | Alask |
| 2 | Cotan |
| 3 | Darap |
| 4 | Jer |
| 5 | Lonay |
| 6 | Nerra |
| 7 | Pol |
| 8 | Siolo |
| 9 | Tol |
| 10 | Vuren |
}}
}}
{{pageNumber,auto}}
{{footnote Appendix A | Conditions}}
\page
{{backCover}}
![background](https://i.imgur.com/ZMc6xy3.jpg){left:
%,bottom:0px,top:unset,height:100%}
{{logo
![](/assets/naturalCritLogoWhite.svg)
[homebrewery.naturalcrit.com](https://homebrewery.naturalcrit.com)
}}