0% found this document useful (0 votes)
17 views

HB EberronStyle

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
17 views

HB EberronStyle

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 22

```metadata

title: Eberron Style


description: ''
tags: ''
systems:
- 5e
renderer: V3
theme: 5ePHB

```

```css
/* FONT IMPORTS ___________________________________________________ */
/* ________________________________________________________________ */

@import url('https://rawcdn.githack.com/Kaiburr-kath-hound/HomebreweryStyles/
37efe47f612763ab8464a7f035a032339e9e991e/EberronFonts.css');

/* GENERAL CODE ___________________________________________________ */


/* ________________________________________________________________ */

/* PAGE TEXTURE */
.page {
background-image : url(https://i.imgur.com/wjl9qJf.jpg);
background-size : cover;
}
.page:nth-of-type(odd) {
background-image : url(https://i.imgur.com/SvP3Tmr.jpg);
}

/* HEADERS */
.page h1,
.page h2,
.page h3,
.page h4 {
letter-spacing : 1px;
font-weight : normal;
}
.page h3 {
border-bottom : 2px solid #d7c598;
}
.page h5 {
text-shadow : #000 0px 0px 0.1px;
}

/* IMAGES */
.page img:not(.logo img):not(.frontcredit img) {
position : absolute;
z-index : -2;
user-select : none;
}

/* NOTES */
.page .note {
background-color : #dee2d7;
border-image : url(https://i.imgur.com/KtrHa62.png) 14
stretch;
border-image-outset : 6px 0px;
border-image-width : 11px;
margin : 4mm 0 1mm;
}

/* DESCRIPTIVE NOTES */
.page .descriptive {
background-color : #ecd5ab;
border-image : url(https://i.imgur.com/QiaXuKD.png) 12 stretch;
border-image-outset : 4px;
}

/* TABLES */
.page table:not(.monster table) tr:nth-child(odd) td {
background-color : #ccdad9;
}

/* 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 : #818892;
}
.page:nth-of-type(even):not(:has(.insideCover)) .artist {
left : unset;
right : 60px;
transform : rotate(90deg);
transform-origin : bottom right;
}

.page:has(.fullpage) .artist {
color : lightgray;
text-shadow : #000 0 0 3px,
#000 0 0 4px,
#000 0 0 5px;
left : 60px;
}
.page:nth-of-type(even):has(.fullpage) .artist {
left : unset !important;
right : 60px !important;
}

/* SMALL CAPS */
caps {
font-variant : small-caps;
}
.page .backcover caps {
font-size : 120%;
}

/* WATERCOLOR STAIN */
.page [class*="watercolor"] {
background-color : #d49608;
}

/* FOOTER IMAGE */
/* This disables all the footer images, which are built into the page texture on
this document. */
.page:after {
all:unset;
}

/* FOOTER TEXT */
.page:not(:has(.frontCover)):not(:has(.credits)) .footnote {
left : 85px;
bottom : 44px;
width : fit-content;
font-family : Marco Polo;
font-size : 11px;
text-align : left;
text-transform : uppercase;
font-weight : bold;
letter-spacing : 1.2px;
color : #836d70;
}
.page:nth-child(even):not(:has(.frontCover)):not(:has(.credits)) .footnote {
left : unset;
right : 85px;
text-align : right;
}

/* PAGE NUMBER */
.page .pageNumber {
left : 34px;
bottom : 31px;
font-family : Marco Polo;
font-size : 16px;
text-align : left;
color : #836d70;
z-index : -3;
}
.page:nth-child(even) .pageNumber {
left : unset;
right : 34px;
text-align : right;
}

/* HYPERLINKS */
.page a {
text-decoration : none;
color : inherit;
}
.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;
}

/* FRONT COVER ____________________________________________________ */


/* ________________________________________________________________ */

.page:has(.frontCover) .logo {
filter : drop-shadow(0 0 0.08cm rgba(0,0,0,0.75));
}
.page:has(.frontCover) {
padding-top : 78px;
}
.page:has(.frontCover) h1 {
margin-top : 12px;
text-transform : none;
font-size : 98px;
}

.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;
}

/* INSIDE COVER ___________________________________________________ */


/* ________________________________________________________________ */

.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 -72px 20px;
width : 816px;
}

.page:has(.insideCover) hr {
margin : 12px auto;
}

/* CREDITS PAGE ____________________________________________________ */


/* _________________________________________________________________ */

.page:has(.credits) h1+p::first-letter,
.page:has(.credits) h1+p::first-line {
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 : #753206;
font-weight : 900;
}

.page .frontcredit {
position : relative;
right : 10px;
width : 340px;
height : 240px;
margin-top : 15px;
margin-bottom : 110px;
}

.page .frontcredit::before {
content : '';
position : absolute;
top : 4px;
left : -20px;
height : 105%;
width : 110%;
background-image : url(https://i.imgur.com/DWhv2JW.png);
background-size : 100% 100%;
}

.page .frontcredit img {


position : relative;
top :
11px;
left : -18px;
width : 109%;
min-height : 243px;
-webkit-mask-image :
url(https://i.imgur.com/jg96oJM.png);
-webkit-mask-position : top;
-webkit-mask-size : 100% 243px;
-webkit-mask-repeat : no-repeat;
z-index : -1;
}

.page .frontcredit h5 {
margin-top : 10px;
margin-bottom : -2px;
}

.page .frontcredit p {
text-indent : 0em;
margin-left : 0em;
}

.credits .footnote {
bottom : 20px;
left : 0px;
width : 100%;
font-size : 1em;
text-transform : none;
text-align : left;
color : black;
}

.credits .footnote p {
padding : 4.5em;
text-indent : 0px;
}

/* TABLE OF CONTENTS _______________________________________________ */


/* _________________________________________________________________ */

.page:has(.toc) h1 {
text-align : left;
}

.page .toc h3,


.page .toc h4 {
font-family : BookInsanityRemake;
font-size : 12px;
letter-spacing : 0;
}

.page .toc h3 {
font-weight : bold;
border-bottom : unset;
}

.page .toc h4 {
margin-top : 2px;
color : black;
}

.page .toc ul h3 span:first-child::after {


border-bottom : 0.05cm dotted #000;
}

.page .toc ul li + li h3 {
margin-top : 8px;
}

.page .toc.wide {
columns : 3;
column-gap : 16px;
}

/* CHAPTER HEADING _________________________________________________ */


/* _________________________________________________________________ */

.page h1+p::first-letter,
.page h1+p::first-line {
all : unset;
}

.chapter:before {
content : '';
position : absolute;
width : 100%;
height : 401px;
top : 0;
left : 0;
z-index : -1;
background-image : url(https://i.imgur.com/9rSAazI.png);
background-size : cover;
}
.chapter.one::before {
background-image : url(https://i.imgur.com/WNQRQ10.png);}
.chapter.two::before {
background-image : url(https://i.imgur.com/nTI9pWl.png);}
.chapter.three::before {
background-image : url(https://i.imgur.com/OyNB8SN.png);}
.chapter.four::before {
background-image : url(https://i.imgur.com/k8TUT25.png);}
.chapter.five::before {
background-image : url(https://i.imgur.com/D3PTziT.png);}
.chapter.six::before {
background-image : url(https://i.imgur.com/bULVwDY.png);}

.page .chapter {
column-span : all;
display : block;
padding : 20px;
text-align : center;
}
.chapter span {
position : relative;
padding : 20px;
font-size : 4em;
line-height : 1em;
display : flex;
justify-content : center;
align-items : center;
color : rgba(0,0,0,0);
}

.chapter span:before,
.chapter span:after {
content : attr(title);
position : absolute;
background-image : url(https://i.imgur.com/U0rT9Wr.jpg);
background-clip : text;
-webkit-background-clip : text;
}

.chapter span:before {
font-family : Core Deco B6;
background-size : 220px;
background-position : 0 230px;
z-index : 1;
}

.chapter span:after {
font-family : Core Deco B1;
color : rgba(79, 31,
2,0.35);
margin-left : 2px;
margin-top : 2px;
}

.chapter+p::first-letter,
.chapter+.quote::first-letter {
float : left;
font-family : Core Deco B6;
line-height : 1em;
font-size : 10.7em;
margin-left : -50px;
margin-top : -0.31em;
margin-bottom : -22px;
padding-left : 45px;
padding-right : 2px;
color : #604129;
}

.chapter+p:first-line,
.chapter+.quote::first-line {
font-variant : small-caps;
font-size : 13px;
text-transform : lowercase;
line-height : 14px;
}

.chapter+.quote:first-line {
font-family : BookInsanityRemake;
font-size : 14px;
}

.chapter+.quote:first-letter {
font-size : 9.3em;
}

.chapter span[h1] {
font-size : 5.2em;
height : 50px;
}
.chapter span[h2] {
font-size : 3.3em;
}
.chapter span[h3] {
font-size : 2.5em;
}
.chapter span[h3] + span[h1] {
margin : 6px auto 8px;
}

.chapter hr {
visibility : visible;
height : 6px;
width : 234px;
margin : 0px auto 10px;
background-image : url(https://i.imgur.com/vTT80FD.png);
background-size : 100% 100%;
border : none;
}

.chapter hr:first-child {
margin-top : -16px;
}

.chapter hr:last-of-type {
margin-top : 5px;
height : 28px;
background-image : url(https://i.imgur.com/fpABio4.png);
}

.chapter h1 {
margin-bottom : 0;
}

/* FULL PAGE IMAGE & FOOTER TEXT ___________________________________ */


/* _________________________________________________________________ */

.page:has(.fullpage) img {
top : 0;
left : 0;
min-height : 100%;
width : 100%;
}

.page .fullpage::before,
.page .fullpage::after,
.page .fullpage .text::after,
.page .fullpage span {
content : '';
position : absolute;
background-size : 100% 100%;
}

.page .fullpage::before {
top : 0;
right : 0;
height : 233px;
width : 185px;
background-image : url(https://i.imgur.com/3MraEc6.png);
opacity : 65%;
}

.page .fullpage::after {
bottom : 0;
right : 248px;
height : 90px;
width : 145px;
background-image : url(https://i.imgur.com/qa0CaXl.png);
opacity : 65%;
}

.page:has(.fullpage) .text {
position : absolute;
bottom : 30px;
right : 0;
width : 410px;
}

.page:has(.fullpage) .text p {
position : relative;
right : 20px;
height : 50px;
font-family : WalterTurncoat;
font-size : 10px;
text-align : right;
letter-spacing : 0.75px;
color : lightgray;
z-index : 20;
transform : ScaleX(0.9);
display : flex;
align-items : center;
}

.page:has(.fullpage) .text a {
font-style : italic;
}

.page:has(.fullpage) .text::after {
bottom : 0px;
right : 0px;
height : 48px;
width : 555px;
background-image : url(https://i.imgur.com/t0WLq4q.png);
z-index : 1;
}
.page:has(.fullpage) span {
bottom : 7px;
right : 0px;
height : 45px;
width : 590px;
-webkit-mask-image : url(https://i.imgur.com/HMovILR.png);
background-color : #000;
z-index : 10;
opacity : 80%;
}

.page:nth-child(even) .fullpage::before,
.page:nth-child(even):has(.fullpage) .text::after,
.page:nth-child(even) .fullpage span {
transform : scaleX(-1);
left : 0px;
}

.page:nth-child(even) .fullpage::after {
transform : scaleX(-1);
left : 248px;
}

.page:nth-child(even):has(.fullpage) .text p {
left : 20px;
}

.page:nth-child(even):has(.fullpage) .text {
left : 0px;
}

/* GAZETTEER _______________________________________________________ */
/* _________________________________________________________________ */

.page .gazette {
border-image-source : url(https://i.imgur.com/mmSI4vr.png);
border-image-slice : 70 fill;
border-image-width : 35px;
border-image-outset : 16px 10px 6px 14px;
padding : 10px 20px 10px 10px;
margin : 30px -10px;
width : calc(100% + 12px);
filter : drop-shadow(2px 3px 5px rgba(135, 135, 135, 0.6));
font-size : 11.8px;
}

.page .gazette h1,


.page .gazette h2,
.page .gazette h3,
.page .gazette h4,
.page .gazette h5 {
border-bottom : unset;
color : black;
text-transform : uppercase;
text-align : center;
padding-bottom : 2px;
}
.page .gazette h1 {
font-size : 45px;
font-family : avenir bold;
border-bottom : 0.7mm dotted black;
width : 321px;
margin-left : -10px;
margin-bottom : 12px;
margin-top : -6px;
padding-bottom : 10px;
}

.page .gazette h2 {
font-size : 32px;
font-family : core deco a1;
font-weight : 100;
letter-spacing : 0px;
border-bottom : 1mm double black;
width : 321px;
margin-left : -10px;
padding-bottom : 6px;
margin-bottom : 3px;
}

.page .gazette.wide {
border-image-source : url(https://i.imgur.com/cbV2NOt.png);
}

.page .gazette.wide h1,


.page .gazette.wide h2 {
width : 678px;
}

.page .gazette h3,


.page .gazette h4,
.page .gazette h4::before,
.page .gazette h4::after {
font-style : italic;
font-weight : 900;
font-size : 12px;
font-family : avenir;
transform : ScaleX(0.95);
}

.page .gazette h4::before,


.page .gazette h4::after {
content : ' —— ';
letter-spacing : -1px;
font-family : lato;
}

/* These lines of code make the body text of a gazette note justified, which is
true of real-life newspapers.

But if you want to stay REALLY true to Eberron, delete the following lines: */
.page .gazette p {
text-align: justify;
}
/* BACK COVER CODE__________________________________________________ */
/* _________________________________________________________________ */

/* If you change the last "0" in the line below to "0.75", the backcover will
project a red shadow over the background image. Feel free to change the other three
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(237, 31, 36, 0));
}

.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;
}

.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)}}

{{emblem
![image](https://i.imgur.com/Nfw1Mpq.png) {opacity:70%}
}}

{{color,background-color:#f3af1b,opacity:100%}}

# HERON
## Rising for the Last Soar
___

{{banner HOMEBREW}}

{{footnote
Explore the steampunk styles of Eberron in this template <br> made for the world's
greatest roleplaying game
}}

![background image](https://i.imgur.com/ezdYmTs.jpg){top:0,right:0,height:105%}
\page

{{insideCover}}

# Heron
### RISING FOR THE LAST SOAR
___

![image](https://i.imgur.com/te4xii5.png){width:580px,left:95px,bottom:245px,z-
index:1}

{{watercolor7,width:500px,left:150px,top:340px}}

{{watercolor6,width:400px,left:290px,top:250px}}

{{artist
[Cory Trego-Erdner](https://www.artstation.com/corytregoerdner)
}}

{{logo ![](/assets/naturalCritLogoRed.svg)}}

\page

{{credits,wide

{{columns:2

# Credits
**Template Designers:**
[u/Kaiburr_Kath-Hound](https://www.reddit.com/user/Kaiburr_Kath-Hound/)

\column

##### Artist Credits


**Front Cover:** *D&D Eberron* by [Wesley
Burt](https://www.artstation.com/wesleyburt), @Wizards of the Coast

**Inside Cover:** *Redcloak Warrior* by [Cory


Trego-Erdner](https://www.artstation.com/corytregoerdner), @Wizards of the Coast

**Page 5:** *Lightning-rail Station* by [Titus


Lunter](https://www.artstation.com/titus), @Wizards of the Coast

}}

{{frontcredit
<!---
Replace the url below with whatever image you use for the front cover; the image
will automatically arrange itself inside the display box
--->
![image](https://i.imgur.com/ezdYmTs.jpg) {}

##### On the Cover


The investigations of a warforged wizard, Talenta halfling, and their dinosaur
companion lead from the ruins of the Last War into the depths of the Demon Wastes,
in this image by [Wesley Burt](https://www.artstation.com/wesleyburt).
}}

{{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

- ### [{{ Welcome to Eberron}}{{ 6}}](#p6)

\column

- ### [{{ Ch. 1: Character Creation}}{{ 7}}](#p7)


- #### [{{ Ch. 2: Khorvaire Gazetteer}}{{ 8}}](#p8)
- #### [{{ Ch. 2: Khorvaire Gazetteer}}{{ 8}}](#p8)

- #### [{{ Ch. 2: Khorvaire Gazetteer}}{{ 8}}](#p8)

- ### [{{ Ch. 1: Character Creation}}{{ 7}}](#p7)


- #### [{{ Ch. 2: Khorvaire Gazetteer}}{{ 8}}](#p8)
- ### [{{ Ch. 5: Treasures}}{{ 275}}](#p7)
- #### [{{ Ch. 2: Khorvaire Gazetteer}}{{ 8}}](#p8)
- ### [{{ Ch. 6: Friends and Foes}}{{ 9}}](#p9)
- #### [{{ Anime Sphinx}}{{ 9}}](#p9)
- [{{ Actions}}{{ 9}}](#p9)

}}

{{pageNumber,auto}}
{{footnote Table of Contents}}
\page

<!---
The .fullpage graphics will format depending on whether the page is even or odd-
numbered. If you don't want that, delete lines 866-884 in the Style Editor tab.
--->
{{fullpage
![image](https://i.imgur.com/g48iF4Z.jpg)

<!---
The text box is optional, but if you want it to appear with the colored background,
make sure to include "{{background-color:#272953}}" inside the .text class. Black
is the default color for the background, but you still have to include "{{}}"
within the {{text }} class.

... That sounds complicated, just... see below


--->
{{text
Passengers from all over Khorvaire disembark from a lightning train.

{{background-color:#272953}}
}}
{{artist
[Titus Lunter](https://www.artstation.com/titus)
}}

}}

\page

<!---
Chapter Titles are hard to pull off here. Due to the way the code works, the only
way to create a title that has the correct texture AND has a shadow is to write it
in the following, funky way:

<span title='WelcoMe to' h3></span>


<span title='Eberron' h1></span>

Header sizes range from H3 (smallest) to H1 (largest) as per normal, but they must
be written this way, with the actual contents being written within the weird
"<span> title='' </span>" bit.

If ANYONE has a cleaner way of doing this, short of creating an entire custom font,
DM me, because this is a little ridiculous (and it doesn't auto-populate intp the
table of contents, which also stinks).

Lastly, the normal setup for a chapter title is either the intro:

<span title='Title Text' h3></span>


<span title='Title Text' h1></span>
___

Or the other chapters:


___
<span title='Title Text' h2></span>
___

## h2

Note where the "___" goes, since it will make a difference in the formatting (only
underscores that apppear after one of the spans will have the gear in it).

--->
{{chapter

<span title='WelcoMe to' h3></span>


<span title='Eberron' h1></span>
___
}}

In an ancient ruin beneath the Demon Wasts, a band of heroes races to claim the
Reaper's Heart. If the agents of the Emerald Claw reach it first, they'll reignite
the Last War and unleash an army of undead.

In the city of Sharn, a team of spies pulls off an impossible scheme—breaking into
the impenetrable vaults of House Kundarak. But instead of gold, they find a secret
that could shatter the fragile peace between the nations.

## H2 Header
### H3 Header

#### H4 Header

##### H5 Header

<!---
Nothing too crazy with the .gazette class. The only difference between H3 and H4 is
that H4 has the "———" lines before and after. Play around with the order of the
titles, it's kinda fun.
--->
{{gazette
#### Here is A
## Gazetteer Cutout
# And here is its fancy title
With a plethura of options, this is a fun newspaper-y snippet that you can have a
lot of fun with.

The typical arrangement is:


- Small H4 or H3 title (just "The", normally)
- Medium H2 title (the name of the newspaper)
- Large H1 title (The newspaper's headline)

The double-line and dotted line are linked to the H2 and H1 titles respectively, so
feel free to change around which titles are where.
}}

{{pageNumber,auto}}
{{footnote Welcome to Eberron}}
\page

<!---
Something to note about the chapter titles: The Core Deco font has lots of
differences bewteen uppercase and lowercase letters, so I recommend testing each
character to see which version you like better.
--->
{{chapter,one
___
<span title='CHAPTER 1' h2></span>
___

# Character Creation
}}

The skyscrapers of Sharn rise up before you, the spires glimmering with magical
lights. Or wind rushes through your hair as the airship you're riding races toward
adventure in the jungles of Q'barra. Or you hunt Emerald Claw agents on the
lightning rail, creeping through one train car after another. Or you chart another
adventurous course on the war-torn continent of Khorvaire. Whatever path your
character takes in Eberron, consider how the world affects your character.

Building on the book's introduction, this chapter reveals how you can create a
character shaped by Eberron and its war-filled history.

\column

{{note
##### Time to Drop Knowledge
Use notes to point out some interesting information.

**Tables and lists** both work within a note.


}}

{{descriptive
##### Time to Drop Knowledge
Use descriptive boxes to highlight text that should be read aloud.

**Tables and lists** both work within a descriptive box.


}}

##### Character Advancement


| Experience Points | Level | Proficiency Bonus |
|:------------------|:-----:|:-----------------:|
| 0 | 1 | +2 |
| 300 | 2 | +2 |
| 900 | 3 | +2 |
| 2,700 | 4 | +2 |
| 6,500 | 5 | +3 |
| 14,000 | 6 | +3 |

{{pageNumber,auto}}
{{footnote Chapter 1 | Character Creation}}
\page

<!---
As per other chapter titles, the header image with change for numbers "one" through
"six". The default image is without any number, so you can have up to seven
chapters with different images, otherwise they start repeating.
--->
{{chapter,two
<span title='prepAre For...' h3></span>
___
<span title='CHAPTER 2' h1></span>
___
<span title="A cHapter'S CHaptER" h2></span>

# Khorvaire Gazetteer
}}

<!---
The .quote class works the same as in other documents. The drop cap should work
fine, and make sure to add the .author tag to include an author's name. The last
paragraph will be formatted, in that case.
--->

{{quote,author
Just one century ago, the kingdom of Galijar spanned most of Khorvaire. Of course,
we never tamed the lands beyond the Graywall Mountains or thejungles ofthe east.
Nevertheless, it was impressive, this kingdom ofhumanity's.

Now I look at the map ofKhorvaire with a touch of despair. Galijar lies shattered,
the Five Nations irreparably divided. So many new realms claim sovereignty-kingdoms
of elves and goblins, and what of this nation of monsters called Droaam? Can it
last, or will another war fracture us further? Should I dwell on such things when
the Mourning might simply consume us all? Gods, how I fear the future.

—Lyrian Das, Morgrave historian


}}

{{gazette,wide
#### Here is A
## WIDE Gazetteer Cutout
# And here is its much longer, much larger title

{{columns:3,column-gap:30px
Everything that works in the normal Gazetteer cutout works here too. There's not
much more to say here, except that you can add a "columns:" class to make it look
more like a newspaper. Maybe I should say this three times to make the section look
better.

Everything that works in the normal Gazetteer cutout works here too. There's not
much more to say here, except that you can add a "columns:" class to make it look
more like a newspaper. Maybe I should say this three times to make the section look
better.

Everything that works in the normal Gazetteer cutout works here too. There's not
much more to say here, except that you can add a "columns:" class to make it look
more like a newspaper. Maybe I should say this three times to make the section look
better.
}}

}}

{{pageNumber,auto}}
{{footnote Chapter 2 | Khorvaire Gazetteer }}
\page

{{chapter,six
___
<span title='CHAPTER 6' h2></span>
___

# Friends and Foes


}}
Even as the five nations slowly recover from the Last War, rumors spread of the
alien daelkyr, the Emerald Claw, the Lord of Blades, and other threats growing in
power across the world. This chapter provides stat blocks for many of the creatures
that can play a role in an Eberron campaign, including enemies that might overrun a
town, powerful entities threatening all Khorvaire, and NPCs that can serve as
either friends or foes.
The chapter's monsters appear first in a bestiary.

{{monster,frame
## Anime Sphinx
*Tiny beast, manic-depressive evil*
___
**Armor Class** :: 19 (chain mail, shield)
**Hit Points** :: 100(1d4 + 5)
**Speed** :: 30ft.
___
| STR | DEX | CON | INT | WIS | CHA |
|:-----:|:-----:|:-----:|:-----:|:-----:|:-----:|
|14 (+2)|2 (-4)|1 (-4)|13 (+2)|3 (-3)|1 (-4)|
___
**Condition Immunities** :: melancholy, drunk
**Senses** :: darkvision 60 ft., passive Perception 16
**Languages** :: Pottymouth
**Challenge** :: 10 (8682 XP)
___
***Onion Stench.*** Any creatures within 5 feet of this thing develops an
irrational craving for onion rings.
:
***Hangriness.*** This creature is angry, and hungry. It will refuse to do anything
with you until its hunger is satisfied.

When in visual contact with this creature, you must purchase an extra order of
fries, even if they say they aren't hungry.
### Actions
***Bulldog Rake.*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one target. *Hit*
5 (1d6 + 2)
:
***Team Foot.*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one target. *Hit* 5
(1d6 + 2)
:
***Turnbuckle Roll.*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one target.
*Hit* 5 (1d6 + 2)
:
***Dual Throw.*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one target. *Hit* 5
(1d6 + 2)
}}

{{watercolor10,top:500px,right:60px,width:450px,opacity:70%}}

{{pageNumber,auto}}
{{footnote Appendix D | Monsters and NPCs}}
\page

{{backCover}}

![background](https://i.imgur.com/ezdYmTs.jpg)
{left:5%,bottom:0px,top:unset,height:105%}

# Banish the <br> Shadows of War

Whether aboard an airship or a train car, embark on thrilling adventures shrouded


in intrigue! Discover secrets buried by years of devastating war, in which magic-
fueled weapons threatened an entire continent.
:
In the post-war world, magic pervades everyday life, and people of all sorts flock
to Sharn, a city of wonders where skyscrapers pierce the clouds. Will you find your
fortune on mean city streets or scouring haunted battlefields? Will you throw in
your lot with the mighty dragonmarked houses? Will you seek truth as a newspaper
reporter, a university researcher, or a government spy? Or will you forge a destiny
that defies the scars of war?
:
This book provides tools that both players and Dungeon Masters need to explore the
world of Eberron, including the artificer character class—a master of magical
invention—and monsters birthed by ancient warmongering forces. Will Eberron enter a
prosperous new age or will the shadow of war descend once again?

___

For use with the fifth edition <br> [*Player's Hand


Book*](https://homebrewery.naturalcrit.com/share/1gJtTm4frFs0kb9fD9jGO5I4rLipDzLFpR
q-hmiZmTQZz), *Monster's Manual*, <br> and *Dungeon's Masterguide*.

{{logo
![](/assets/naturalCritLogoWhite.svg)

[homebrewery.naturalcrit.com](https://homebrewery.naturalcrit.com)
}}

You might also like