Эх сурвалжийг харах

Merge branch 'release/0.9.0'

Warafear 1 жил өмнө
parent
commit
88f0de3e6a
23 өөрчлөгдсөн 6003 нэмэгдсэн , 152 устгасан
  1. 1 1
      package.json
  2. 8 1
      src/app/character/character-creator/character-creator.component.html
  3. 9 0
      src/app/character/character-creator/character-creator.component.scss
  4. 0 2
      src/app/character/character-creator/character-creator.component.ts
  5. 2 1
      src/app/character/character-routing.module.ts
  6. 1 1
      src/app/character/landing-page/landing-page.component.html
  7. 1 1
      src/app/character/landing-page/landing-page.component.scss
  8. 4 1
      src/app/journal/journal-character/background/background.component.html
  9. 22 0
      src/app/journal/journal-character/background/background.component.scss
  10. 22 2
      src/app/journal/journal-character/background/background.component.ts
  11. 3 3
      src/app/journal/journal-character/class/class.component.scss
  12. 0 1
      src/app/journal/journal-character/class/class.component.ts
  13. 1 2
      src/app/journal/journal-character/journal-character.component.html
  14. 47 17
      src/app/journal/journal-character/species/species.component.html
  15. 65 11
      src/app/journal/journal-character/species/species.component.scss
  16. 150 1
      src/app/journal/journal-character/species/species.component.ts
  17. 15 14
      src/app/journal/journal-stats/ability-panel/spellslots/spellslots.component.html
  18. 2 2
      src/app/journal/journal-stats/ability-panel/trait-table/trait-modal/trait-modal.component.html
  19. 41 4
      src/assets/i18n/de.json
  20. 16 0
      src/services/background/background.service.spec.ts
  21. 2634 0
      src/services/background/background.service.ts
  22. 2908 87
      src/services/species/species.service.ts
  23. 51 0
      src/services/translator/translator.service.ts

+ 1 - 1
package.json

@@ -1,6 +1,6 @@
 {
   "name": "dndtools",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "scripts": {
     "ng": "ng",
     "start": "nx serve",

+ 8 - 1
src/app/character/character-creator/character-creator.component.html

@@ -8,7 +8,14 @@
     <mat-form-field appearance="outline">
       <mat-label>{{ "creator.species" | translate }}</mat-label>
       <mat-select [(ngModel)]="characterSpecies" name="species">
-        @for (species of translator.races; track species) {
+        <mat-optgroup [label]="'Häufige Spezies'"></mat-optgroup>
+        @for (species of translator.commonRaces; track species) {
+          <mat-option [value]="species">{{
+            "species." + species | translate
+          }}</mat-option>
+        }
+        <mat-optgroup [label]="'Andere Spezies'"></mat-optgroup>
+        @for (species of translator.otherRaces; track species) {
           <mat-option [value]="species">{{
             "species." + species | translate
           }}</mat-option>

+ 9 - 0
src/app/character/character-creator/character-creator.component.scss

@@ -54,3 +54,12 @@
     scale: 1.03;
   }
 }
+
+::ng-deep .mat-mdc-optgroup-label .mdc-list-item__primary-text {
+  font-size: 0.825rem !important;
+  font-weight: 600 !important;
+}
+
+::ng-deep .mat-mdc-option .mdc-list-item__primary-text {
+  padding-left: 1rem !important;
+}

+ 0 - 2
src/app/character/character-creator/character-creator.component.ts

@@ -63,8 +63,6 @@ export class CharacterCreatorComponent {
   ) {}
 
   public async createCharacter(): Promise<void> {
-    console.log(this.characterName);
-
     // Creates a new entry in the character collection
     this.dataAccessor.addData('characters', { name: this.characterName });
     // Creates a new collection with the character name

+ 2 - 1
src/app/character/character-routing.module.ts

@@ -5,9 +5,10 @@ import { CharacterCreatorComponent } from './character-creator/character-creator
 import { LandingPageComponent } from './landing-page/landing-page.component';
 
 const routes: Routes = [
+  { path: 'characterPicker', component: CharacterPickerComponent },
   { path: 'landingPage', component: LandingPageComponent },
   { path: 'creator', component: CharacterCreatorComponent },
-  { path: '**', redirectTo: 'landingPage', pathMatch: 'full' },
+  { path: '**', redirectTo: 'characterPicker', pathMatch: 'full' },
 ];
 
 @NgModule({

+ 1 - 1
src/app/character/landing-page/landing-page.component.html

@@ -117,7 +117,7 @@
           >. Verwende einfach als Label <i>Featurewunsch</i>.
         </div>
       } @else if (active === 5) {
-        <div class="title">News</div>
+        <div class="title">Fehler melden</div>
         <div class="content">
           Wenn du inhaltliche, technische oder UI Fehler findest, kannst du
           gerne ein neues Issue unter diesem

+ 1 - 1
src/app/character/landing-page/landing-page.component.scss

@@ -68,7 +68,7 @@
 
 .landing-body {
   height: calc(100% - 6rem);
-  background-image: url("../../../assets/images/background-dark.jpg");
+  background-image: url("../../../assets/images/background-light.jpg");
   background-size: cover;
 
   .horizontal {

+ 4 - 1
src/app/journal/journal-character/background/background.component.html

@@ -1 +1,4 @@
-<p>background works!</p>
+<div class="background-container">
+  <div class="title">{{ "backgrounds." + backgroundName | translate }}</div>
+  <div class="content" [innerHTML]="background.description"></div>
+</div>

+ 22 - 0
src/app/journal/journal-character/background/background.component.scss

@@ -0,0 +1,22 @@
+.background-container {
+  width: 800px;
+  height: calc(100vh - 10.5rem);
+  overflow: auto;
+  margin: auto;
+  border: 1px solid black;
+  padding: 2rem 1rem 2rem 1rem;
+  border-radius: 10px;
+  background-color: var(--items-hover);
+  box-shadow: var(--shadow-large);
+  position: absolute;
+  top: 8.5rem;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.title {
+  text-align: center;
+  font-size: 2.5em;
+  font-weight: bold;
+  margin: 0 0 2rem 0;
+}

+ 22 - 2
src/app/journal/journal-character/background/background.component.ts

@@ -1,8 +1,28 @@
 import { Component } from '@angular/core';
+import { BackgroundService } from 'src/services/background/background.service';
+import { DataService } from 'src/services/data/data.service';
+import { TranslateService } from '@ngx-translate/core';
 
 @Component({
-  selector: 'app-background',
+  selector: 'background',
   templateUrl: './background.component.html',
   styleUrl: './background.component.scss',
 })
-export class BackgroundComponent {}
+export class BackgroundComponent {
+  public backgroundName: string = '';
+  public background: any = {
+    title: 'Titel',
+    description: 'Beschreibung',
+  };
+
+  public constructor(
+    public backgroundAccessor: BackgroundService,
+    public dataAccessor: DataService,
+    public translate: TranslateService,
+  ) {
+    this.backgroundName = this.dataAccessor.characterData.background;
+    this.background = backgroundAccessor.getBackgroundDetails(
+      this.backgroundName,
+    );
+  }
+}

+ 3 - 3
src/app/journal/journal-character/class/class.component.scss

@@ -51,9 +51,9 @@
   margin-top: 1rem;
 }
 
-:host ::ng-deep p {
-  margin: 0;
-}
+// :host ::ng-deep p {
+//   margin: 0;
+// }
 
 :host ::ng-deep h3,
 :host ::ng-deep h4 {

+ 0 - 1
src/app/journal/journal-character/class/class.component.ts

@@ -24,7 +24,6 @@ export class ClassComponent {
   public ngOnInit(): void {
     this.className = this.dataAccessor.characterData.class;
     this.class = this.classAccessor.getClassDetails(this.className);
-    console.log(this.class);
   }
 
   public addFeature(feature: any) {

+ 1 - 2
src/app/journal/journal-character/journal-character.component.html

@@ -74,8 +74,7 @@
           {{ "character.background.label" | translate }}
         </button>
         <ng-template ngbNavContent>
-          <!-- <class></class> -->
-          Coming soon!
+          <background></background>
         </ng-template>
       </ng-container>
       <ng-container ngbNavItem="stroy">

+ 47 - 17
src/app/journal/journal-character/species/species.component.html

@@ -1,20 +1,50 @@
 <div class="species-container">
-  <div class="title">{{ "species." + species.title | translate }}</div>
+  <div class="title">{{ "species." + speciesName | translate }}</div>
 
-  <!-- <markdown [data]="species.description"></markdown> -->
-  <div [innerHTML]="species.description"></div>
-
-  <div class="abilities">
-    @for (ability of species.abilities; track ability) {
-      <div class="ability">
-        <div class="ability-name">{{ ability.name }}</div>
-        <div class="ability-level">{{ ability.level }}</div>
-        <div [innerHTML]="ability.description"></div>
-        <!-- <markdown
-          class="ability-description"
-          [data]="ability.description"
-        ></markdown> -->
-      </div>
-    }
-  </div>
+  @for (entry of species.content; let index = $index; track entry) {
+    <div class="entry">
+      @if (index === 0 || showContent[index]) {
+        <div class="title-row">
+          <div>
+            <h2 class="b-1">{{ entry.title }}</h2>
+          </div>
+          @if (index !== 0) {
+            <icon-button
+              class="hide-button"
+              [icon]="'visible'"
+              style="margin-right: 1rem"
+              (click)="toggleContentVisibility(index)"
+            ></icon-button>
+          }
+        </div>
+        <div [innerHTML]="entry.description"></div>
+        <div class="abilities">
+          @for (feature of entry.features; track feature) {
+            <div class="ability">
+              <hr />
+              <div class="ability-name">{{ feature.name }}</div>
+              <icon-button
+                [icon]="'add'"
+                class="feature-button"
+                (click)="addFeature(feature)"
+              ></icon-button>
+              <div
+                class="feature-description"
+                [innerHTML]="feature.description"
+              ></div>
+            </div>
+          }
+        </div>
+      } @else {
+        <div class="hidden-title-row">
+          <div class="hidden-title">{{ entry.title }}</div>
+          <icon-button
+            [icon]="'hidden'"
+            (click)="toggleContentVisibility(index)"
+          ></icon-button>
+        </div>
+      }
+    </div>
+    <hr />
+  }
 </div>

+ 65 - 11
src/app/journal/journal-character/species/species.component.scss

@@ -4,7 +4,7 @@
   overflow: auto;
   margin: auto;
   border: 1px solid black;
-  padding: 2rem;
+  padding: 2rem 1rem 2rem 1rem;
   border-radius: 10px;
   background-color: var(--items-hover);
   box-shadow: var(--shadow-large);
@@ -16,33 +16,87 @@
 
 .title {
   text-align: center;
-  font-size: 2em;
+  font-size: 2.5em;
   font-weight: bold;
   margin: 0 0 2rem 0;
 }
 
-.description {
+.entry {
+  padding: 0 1rem;
+  border-radius: 10px;
 }
 
 .abilities {
-  margin-top: 2rem;
+  margin-top: 1.5rem;
+  position: relative;
+}
+
+.ability {
   position: relative;
 }
 
 .ability-name {
-  font-size: 1.5rem;
-  font-weight: 600;
+  font-size: 1.125rem;
+  font-weight: bold;
   margin-bottom: 1rem;
+  margin-left: 1rem;
 }
 
-.ability-level {
+.feature-button {
   position: absolute;
-  left: -1.75rem;
-  top: 0;
-  font-size: 1.5rem;
+  right: 0;
+  top: 1.5rem;
+}
+
+.feature-description {
+  padding: 0 2rem 0 3rem;
+}
+
+.title-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.hidden-title-row {
+  background-color: rgba(211, 211, 211, 0.3);
+  border-radius: 15px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 1rem;
+}
+
+.hidden-title {
+  font-size: 0.875rem;
   font-weight: 600;
+  color: darkgrey;
 }
 
-.ability-description {
+:host ::ng-deep h3,
+:host ::ng-deep h4 {
   margin-top: 1rem;
 }
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+/* Style the table header */
+th {
+  background-color: #f2f2f2;
+  text-align: left;
+  padding: 8px;
+}
+
+/* Style the table cells */
+td {
+  border: 1px solid #ddd;
+  padding: 8px;
+}
+
+/* Style the table rows */
+tr:nth-child(even) {
+  background-color: #f2f2f2;
+}

+ 150 - 1
src/app/journal/journal-character/species/species.component.ts

@@ -1,6 +1,11 @@
 import { Component } from '@angular/core';
+import { Trait } from 'src/interfaces/traits';
 import { DataService } from 'src/services/data/data.service';
 import { SpeciesService } from 'src/services/species/species.service';
+import { ModalService } from 'src/services/modal/modal.service';
+import { Ability } from 'src/interfaces/ability';
+import { AbilityModalComponent } from '../../journal-stats/ability-panel/ability-table/ability-modal/ability-modal.component';
+import { TraitModalComponent } from '../../journal-stats/ability-panel/trait-table/trait-modal/trait-modal.component';
 
 @Component({
   selector: 'species',
@@ -8,14 +13,158 @@ import { SpeciesService } from 'src/services/species/species.service';
   styleUrl: './species.component.scss',
 })
 export class SpeciesComponent {
+  public characterData: any;
   species: any;
   speciesName: string = '';
+  public showContent: boolean[] = [];
 
   public constructor(
     public speciesAccessor: SpeciesService,
     public dataAccessor: DataService,
+    public modalAccessor: ModalService,
   ) {
-    this.speciesName = this.dataAccessor.characterData.race;
+    this.characterData = this.dataAccessor.characterData;
+    this.speciesName = this.characterData.race;
     this.species = speciesAccessor.getSpeciesDetails(this.speciesName);
+    this.showContent = this.characterData.speciesArray;
+    if (this.showContent === undefined) {
+      this.showContent = new Array(this.species.content.length).fill(true);
+    }
+    this.updateDatabase();
+  }
+
+  /**
+   * Toggles the visibility of the content at the given index.
+   * @param index The index of the content to be toggled.
+   */
+  public toggleContentVisibility(index: number) {
+    this.showContent[index] = !this.showContent[index];
+    this.updateDatabase();
+  }
+
+  /**
+   * Updates the database with the new content visibility.
+   */
+  private updateDatabase() {
+    this.characterData.speciesArray = this.showContent;
+    this.dataAccessor.characterData = this.characterData;
+  }
+
+  /**
+   * Checks if it is an ability or a trait. If the key ability is present, it is an ability, otherwise it is a trait.
+   * @param feature The feature or trait to be added to the character dashboard.
+   */
+  public addFeature(feature: any) {
+    if (feature.isAbility) {
+      this.addAbility(feature);
+    } else {
+      this.addTrait(feature);
+    }
+  }
+
+  private addAbility(feature: any) {
+    let index = feature.name.indexOf('Optional');
+    if (index > -1) {
+      feature.name = feature.name.slice(index, 8);
+    }
+    let ability: Ability = {
+      name: feature.name,
+      shortDescription: '',
+      longDescription: feature.description,
+      cost: '',
+      charges: 0,
+      currentlyUsedCharges: 0,
+    };
+    this.modalAccessor.openModal(AbilityModalComponent, {
+      ability: ability,
+      isUpdate: true,
+      isAddedFromCharacter: true,
+    });
+    const resultSubscription = this.modalAccessor.result$.subscribe(
+      (result) => {
+        if (result.state === 'update' || result.state === 'add') {
+          let ability = this.dataAccessor.abilities;
+          ability.push(result.data);
+          this.dataAccessor.abilities = ability;
+        }
+        resultSubscription.unsubscribe();
+      },
+    );
+  }
+
+  private addTrait(feature: any) {
+    let index = feature.name.indexOf('Optional');
+    if (index > -1) {
+      feature.name = feature.name.slice(index, 8);
+    }
+    let trait: Trait = {
+      name: feature.name,
+      shortDescription: '',
+      longDescription: feature.description,
+      origin: 'Class',
+    };
+    this.modalAccessor.openModal(TraitModalComponent, {
+      trait: trait,
+      isUpdate: true,
+      isAddedFromCharacter: true,
+    });
+    const resultSubscription = this.modalAccessor.result$.subscribe(
+      (result) => {
+        if (result.state === 'update' || result.state === 'add') {
+          let traits = this.dataAccessor.traits;
+          traits.push(result.data);
+          this.dataAccessor.traits = traits;
+        }
+        resultSubscription.unsubscribe();
+      },
+    );
   }
 }
+
+// public characterData: any;
+//   species: any;
+//   speciesName: string = '';
+//   public showContent: boolean[] = [];
+
+//   public constructor(
+//     public speciesAccessor: SpeciesService,
+//     public dataAccessor: DataService,
+//     public modalAccessor: ModalService,
+//   ) {
+//     this.characterData = this.dataAccessor.characterData;
+//     this.speciesName = this.characterData.species;
+//     this.species = speciesAccessor.getSpeciesDetails(this.speciesName);
+//     this.showContent = this.characterData.speciesArray;
+//     console.log('speciesName: ', this.speciesName);
+
+//     console.log('species: ', this.species);
+
+//     if (this.showContent === undefined) {
+//       this.showContent = new Array(this.species.content.length - 1);
+//     }
+//     this.updateDatabase();
+//   }
+
+//   public updateShowContentArray(index: number) {
+//     this.showContent[index] = !this.showContent[index];
+//     this.updateDatabase();
+//   }
+
+//   private updateDatabase() {
+//     console.log('arry: ', this.showContent);
+
+//     this.characterData.speciesArray = this.showContent;
+//     this.dataAccessor.characterData = this.characterData;
+//   }
+
+//   /**
+//    * Checks if it is an ability or a trait. If the key ability is present, it is an ability, otherwise it is a trait.
+//    * @param feature The feature or trait to be added to the character dashboard.
+//    */
+//   public addFeature(feature: any) {
+//     if ('ability' in feature) {
+//       this.addAbility(feature);
+//     } else {
+//       this.addTrait(feature);
+//     }
+//   }

+ 15 - 14
src/app/journal/journal-stats/ability-panel/spellslots/spellslots.component.html

@@ -59,22 +59,23 @@
           </div>
         }
       </div>
-
-      <div class="value-row">
-        <value-box [value]="spellSaveDC" [label]="'magic.saveAC'"></value-box>
-        <div>
-          <div class="value-box">
-            {{ "attributes." + spellcastingAttribute | translate }}
-          </div>
-          <div class="value-label t-0375">
-            {{ "magic.spellcastingAttribute" | translate }}
+      @if (spellcastingAttribute) {
+        <div class="value-row">
+          <value-box [value]="spellSaveDC" [label]="'magic.saveAC'"></value-box>
+          <div>
+            <div class="value-box">
+              {{ "attributes." + spellcastingAttribute | translate }}
+            </div>
+            <div class="value-label t-0375">
+              {{ "magic.spellcastingAttribute" | translate }}
+            </div>
           </div>
+          <value-box
+            [value]="spellAttackModifier"
+            [label]="'magic.spellAttackBonus'"
+          ></value-box>
         </div>
-        <value-box
-          [value]="spellAttackModifier"
-          [label]="'magic.spellAttackBonus'"
-        ></value-box>
-      </div>
+      }
     }
     @if (!kiPoints.showKiPoints && !showSpellslots) {
       <div class="empty-list">

+ 2 - 2
src/app/journal/journal-stats/ability-panel/trait-table/trait-modal/trait-modal.component.html

@@ -1,9 +1,9 @@
 <div class="dimensions">
   <div class="title">
     @if (isUpdate && !isAddedFromCharacter) {
-      {{ "trait.modal.editTrait" | translate }}
+      {{ "traits.modal.editTrait" | translate }}
     } @else {
-      {{ "trait.modal.addTrait" | translate }}
+      {{ "traits.modal.addTrait" | translate }}
     }
   </div>
   <div class="flex-form t-15">

+ 41 - 4
src/assets/i18n/de.json

@@ -139,10 +139,47 @@
     "dwarf": "Zwerg",
     "halfling": "Halbling",
     "gnome": "Gnom",
-    "halfelf": "Halbelf",
-    "halforc": "Halbork",
+    "halfElf": "Halbelf",
+    "halfOrc": "Halbork",
     "tiefling": "Tiefling",
-    "dragonborn": "Drachenblütiger"
+    "dragonborn": "Drachenblütiger",
+    "aarakocra": "Aarakocra",
+    "aasimar": "Asimar",
+    "autognome": "Autognome",
+    "bugbear": "Grottenschrat",
+    "centaur": "Zentaur",
+    "changeling": "Wechselbalg",
+    "duergar": "Duergar",
+    "drow": "Drow",
+    "eladrin": "Eladrin",
+    "halfElfDetection": "Halbelf (Zeichen der Erkenntnis)",
+    "fairy": "Feenwesen",
+    "firbolg": "Firbolg",
+    "genasi": "Genasi",
+    "gith": "Gith",
+    "goblin": "Goblin",
+    "goliath": "Goliath",
+    "hobgoblin": "Hobgoblin",
+    "kalashtar": "Kalashtar",
+    "kenku": "Kenku",
+    "kobold": "Kobold",
+    "leonin": "Leonin",
+    "lizardfolk": "Echsenmensch",
+    "locathah": "Locathah",
+    "loxodon": "Loxodon",
+    "minotaur": "Minotaurus",
+    "orc": "Orc",
+    "owlin": "Eulenwesen",
+    "satyr": "Satyr",
+    "shifter": "Gestaltwandler",
+    "tabaxi": "Tabaxi",
+    "simicHybrid": "Simic-Hybrid",
+    "tortle": "Tortle",
+    "triton": "Triton",
+    "vedalken": "Vedalken",
+    "verdan": "Verdan",
+    "warforged": "Kriegsgeschmiedeter",
+    "yuanTi": "Yuan-Ti"
   },
   "classes": {
     "barbarian": "Barbar",
@@ -618,7 +655,7 @@
       "label": "Klasse"
     },
     "subclass": {
-      "barabarian": "Pfad",
+      "barbarian": "Pfad",
       "bard": "Kolleg",
       "druid": "Zirkel",
       "monk": "Klostertradition",

+ 16 - 0
src/services/background/background.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { BackgroundService } from './background.service';
+
+describe('BackgroundService', () => {
+  let service: BackgroundService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(BackgroundService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

+ 2634 - 0
src/services/background/background.service.ts

@@ -0,0 +1,2634 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class BackgroundService {
+  public getBackgroundDetails(backgroundName: string) {
+    switch (backgroundName) {
+      case 'acolyte':
+        return this.acolyte;
+      case 'charlatan':
+        return this.charlatan;
+      case 'criminal':
+        return this.criminal;
+      case 'entertainer':
+        return this.entertainer;
+      case 'folkHero':
+        return this.folkHero;
+      case 'guildArtisan':
+        return this.guildArtisan;
+      case 'hermit':
+        return this.hermit;
+      case 'noble':
+        return this.noble;
+      case 'outlander':
+        return this.outlander;
+      case 'sage':
+        return this.sage;
+      case 'sailor':
+        return this.sailor;
+      case 'soldier':
+        return this.soldier;
+      case 'urchin':
+        return this.urchin;
+    }
+  }
+
+  private acolyte: any = {
+    title: 'acolyte',
+    description: `
+        p><strong><em>You have spent your life in the service of a temple to a specific god or pantheon of gods. You act as an intermediary between the realm of the holy and the mortal world, performing sacred rites and offering sacrifices in order to conduct worshipers into the presence of the divine. You are not necessarily a cleric –&nbsp;performing sacred rites is not the same thing as channeling divine power.</em></strong></p>
+        <p><strong><em>Choose a god, a pantheon of gods, or some other quasi-divine being, and work with your DM to detail the nature of your religious service. Were you a lesser functionary in a temple, raised from childhood to assist the priests in the sacred rites? Or were you a high priest who suddenly experienced a call to serve your god in a different way? Perhaps you were the leader of a small cult outside of any established temple structure, or even an occult group that served a fiendish master that you now deny.</em></strong></p>
+        <p>Source: Player's Handbook</p>
+        <p><strong>Skill Proficiencies:</strong> Insight, Religion<br />
+        <strong>Tool Proficiencies:</strong> None<br />
+        <strong>Languages:</strong> Two of your choice<br />
+        <strong>Equipment:</strong> A holy symbol (a gift to you when you entered the priesthood), a prayer book or prayer wheel, 5 sticks of incense, <span class="hover">vestments<span>Value:0 Weight:0</span></span>, a set of <span class="hover">common clothes<span>Value:5sp Weight:3lbs</span></span>, and a <span class="hover">pouch<span>Value:5sp Weight:1lb</span></span> containing 15gp</p>
+        <h1 id="toc0"><span><span style="font-size:80%;">Features</span></span></h1>
+        <h2 id="toc1"><span><span style="font-size:80%;">Shelter of the Faithful</span></span></h2>
+        <p>As an acolyte, you command the respect of those who share your faith, and you can perform the religious ceremonies of your deity. You and your adventuring companions can expect to receive free healing and care at a temple, shrine, or other established presence of your faith, though you must provide any material components needed for spells. Those who share your religion will support you (but only you) at a modest lifestyle.</p>
+        <p>You might also have ties to a specific temple dedicated to your chosen deity or pantheon, and you have a residence there. This could be the temple where you used to serve, if you remain on good terms with it, or a temple where you have found a new home. While near your temple, you can call upon the priests for assistance, provided the assistance you ask for is not hazardous and you remain in good standing with your temple.</p>
+        <h1 id="toc2"><span><span style="font-size:80%;">Suggested Characteristics</span></span></h1>
+        <p>Acolytes are shaped by their experience in temples or other religious communities. Their study of the history and tenets of their faith and their relationships to temples, shrines, or hierarchies affect their mannerisms and ideals. Their flaws might be some hidden hypocrisy or heretical idea, or an ideal or bond taken to an extreme.</p>
+        <div class="feature">
+        <div class="row">
+        <div class="col-sm-6">
+        <h2 id="toc3"><span><span style="font-size:80%;">Personality Traits</span></span></h2>
+        <table class="wiki-content-table">
+        <tr>
+        <th>d8</th>
+        <th>Personality Trait</th>
+        </tr>
+        <tr>
+        <td>1</td>
+        <td>I idolize a particular hero of my faith, and constantly refer to that person's deeds and example.</td>
+        </tr>
+        <tr>
+        <td>2</td>
+        <td>I can find common ground between the fiercest enemies, empathizing with them and always working toward peace.</td>
+        </tr>
+        <tr>
+        <td>3</td>
+        <td>I see omens in every event and action. The gods try to speak to us, we just need to listen.</td>
+        </tr>
+        <tr>
+        <td>4</td>
+        <td>Nothing can shake my optimistic attitude.</td>
+        </tr>
+        <tr>
+        <td>5</td>
+        <td>I quote (or misquote) sacred texts and proverbs in almost every situation.</td>
+        </tr>
+        <tr>
+        <td>6</td>
+        <td>I am tolerant (or intolerant) of other faiths and respect (or condemn) the worship of other gods.</td>
+        </tr>
+        <tr>
+        <td>7</td>
+        <td>I've enjoyed fine food, drink, and high society among my temple's elite. Rough living grates on me.</td>
+        </tr>
+        <tr>
+        <td>8</td>
+        <td>I've spent so long in the temple that I have little practical experience dealing with people in the outside world.</td>
+        </tr>
+        </table>
+        </div>
+        <div class="col-sm-6">
+        <h2 id="toc4"><span><span style="font-size:80%;">Ideals</span></span></h2>
+        <table class="wiki-content-table">
+        <tr>
+        <th>d6</th>
+        <th>Ideal</th>
+        </tr>
+        <tr>
+        <td>1</td>
+        <td><strong>Tradition.</strong> The ancient traditions of worship and sacrifice must be preserved and upheld. (Lawful)</td>
+        </tr>
+        <tr>
+        <td>2</td>
+        <td><strong>Charity.</strong> I always try to help those in need, no matter what the personal cost. (Good)</td>
+        </tr>
+        <tr>
+        <td>3</td>
+        <td><strong>Change.</strong> We must help bring about the changes the gods are constantly working in the world. (Chaotic)</td>
+        </tr>
+        <tr>
+        <td>4</td>
+        <td><strong>Power.</strong> I hope to one day rise to the top of my faith's religious hierarchy. (Lawful)</td>
+        </tr>
+        <tr>
+        <td>5</td>
+        <td><strong>Faith.</strong> I trust that my deity will guide my actions. I have faith that if I work hard, things will go well. (Lawful)</td>
+        </tr>
+        <tr>
+        <td>6</td>
+        <td><strong>Aspiration.</strong> I seek to prove myself worthy of my god's favor by matching my actions against their teachings. (Any)</td>
+        </tr>
+        </table>
+        </div>
+        </div>
+        <div class="row">
+        <div class="col-sm-6">
+        <h2 id="toc5"><span><span style="font-size:80%;">Bonds</span></span></h2>
+        <table class="wiki-content-table">
+        <tr>
+        <th>d6</th>
+        <th>Bond</th>
+        </tr>
+        <tr>
+        <td>1</td>
+        <td>I would die to recover an ancient relic of my faith that was lost long ago.</td>
+        </tr>
+        <tr>
+        <td>2</td>
+        <td>I will someday get revenge on the corrupt temple hierarchy who branded me a heretic.</td>
+        </tr>
+        <tr>
+        <td>3</td>
+        <td>I owe my life to the priest who took me in when my parents died.</td>
+        </tr>
+        <tr>
+        <td>4</td>
+        <td>Everything I do is for the common people.</td>
+        </tr>
+        <tr>
+        <td>5</td>
+        <td>I will do anything to protect the temple where I served.</td>
+        </tr>
+        <tr>
+        <td>6</td>
+        <td>I seek to preserve a sacred text that my enemies consider heretical and seek to destroy.</td>
+        </tr>
+        </table>
+        </div>
+        <div class="col-sm-6">
+        <h2 id="toc6"><span><span style="font-size:80%;">Flaws</span></span></h2>
+        <table class="wiki-content-table">
+        <tr>
+        <th>d6</th>
+        <th>Flaw</th>
+        </tr>
+        <tr>
+        <td>1</td>
+        <td>I judge others harshly, and myself even more severely.</td>
+        </tr>
+        <tr>
+        <td>2</td>
+        <td>I put too much trust in those who wield power within my temple's hierarchy.</td>
+        </tr>
+        <tr>
+        <td>3</td>
+        <td>My piety sometimes leads me to blindly trust those that profess faith in my god.</td>
+        </tr>
+        <tr>
+        <td>4</td>
+        <td>I am inflexible in my thinking.</td>
+        </tr>
+        <tr>
+        <td>5</td>
+        <td>I am suspicious of strangers and expect the worst of them.</td>
+        </tr>
+        <tr>
+        <td>6</td>
+        <td>Once I pick a goal, I become obsessed with it to the detriment of everything else in my life.</td>
+        </tr>
+        </table>
+        </div>
+        </div>
+        </div>
+        </div>
+      `,
+  };
+
+  private charlatan: any = {
+    title: 'charlatan',
+    description: `
+        <p><strong><em>You have always had a way with people. You know what makes them tick, you can tease out their hearts' desires after a few minutes of conversation, and with a few leading questions you can read them like they were children's books. It's a useful talent, and one that you're perfectly willing to use for your advantage.</em></strong></p>
+        <p><strong><em>You know what people want and you deliver, or rather, you promise to deliver. Common sense should steer people away from things that sound too good to be true, but common sense seems to be in short supply when you're around. The bottle of pink colored liquid will surely cure that unseemly rash, this ointment –&nbsp;nothing more than a bit of fat with a sprinkle of silver dust can restore youth and vigor, and there's a bridge in the city that just happens to be for sale. These marvels sound implausible, but you make them sound like the real deal.</em></strong></p>
+        <p>Source: Player's Handbook</p>
+        <p><strong>Skill Proficiencies:</strong> Deception, Sleight of Hand<br />
+        <strong>Tool Proficiencies:</strong> Disguise kit, forgery kit<br />
+        <strong>Languages:</strong> None<br />
+        <strong>Equipment:</strong> A set of <span class="hover">fine clothes<span>Value:15gp Weight:6lbs</span></span>, a <span class="hover">disguise kit<span>Value:25gp Weight:3lbs</span></span>, tools of the con of your choice (ten stoppered <span class="hover">bottles<span>Value:2gp Weight:2lbs (individually)</span></span> filled with colored liquid, a set of weighted <span class="hover">dice<span>Value:1sp Weight:0</span></span>, a deck of marked <span class="hover">cards<span>Value:5sp Weight:0</span></span>, or a <span class="hover">signet ring<span>Value:5gp Weight:0</span></span> of an imaginary duke), and a <span class="hover">pouch<span>Value:5sp Weight:1lb</span></span> containing 15gp</p>
+        <h1 id="toc0"><span><span style="font-size:80%;">Features</span></span></h1>
+        <h2 id="toc1"><span><span style="font-size:80%;">Favorite Schemes</span></span></h2>
+        <p>Every charlatan has an angle they use in preference to other schemes. Choose a favorite scam or roll on the table below.</p>
+        <table class="wiki-content-table">
+        <tr>
+        <th>d6</th>
+        <th>Scam</th>
+        </tr>
+        <tr>
+        <td>1</td>
+        <td>I cheat at games of chance.</td>
+        </tr>
+        <tr>
+        <td>2</td>
+        <td>I shave coins or forge documents.</td>
+        </tr>
+        <tr>
+        <td>3</td>
+        <td>I insinuate myself into people's lives to prey on their weakness and secure their fortunes.</td>
+        </tr>
+        <tr>
+        <td>4</td>
+        <td>I put on new identities like clothes.</td>
+        </tr>
+        <tr>
+        <td>5</td>
+        <td>I run sleight-of-hand cons on street corners.</td>
+        </tr>
+        <tr>
+        <td>6</td>
+        <td>I convince people that worthless junk is worth their hard-earned money.</td>
+        </tr>
+        </table>
+        <h2 id="toc2"><span><span style="font-size:80%;">False Identity</span></span></h2>
+        <p>You have created a second identity that includes documentation, established acquaintances, and disguises that allow you to assume that persona. Additionally, you can forge documents including official papers and personal letters, as long as you have seen an example of the kind of document or the handwriting you are trying to copy.</p>
+        <h1 id="toc3"><span><span style="font-size:80%;">Suggested Characteristics</span></span></h1>
+        <p>Charlatans are colorful characters who conceal their true selves behind the masks they construct. They reflect what people want to see, what they want to believe, and how they see the world. But their true selves are sometimes plagued by an uneasy conscience, an old enemy, or deep-seated trust issues.</p>
+        <div class="feature">
+        <div class="row">
+        <div class="col-sm-6">
+        <h2 id="toc4"><span><span style="font-size:80%;">Personality Traits</span></span></h2>
+        <table class="wiki-content-table">
+        <tr>
+        <th>d8</th>
+        <th>Personality Trait</th>
+        </tr>
+        <tr>
+        <td>1</td>
+        <td>I fall in and out of love easily, and am always pursuing someone.</td>
+        </tr>
+        <tr>
+        <td>2</td>
+        <td>I have a joke for every occasion, especially occasions where humor is inappropriate.</td>
+        </tr>
+        <tr>
+        <td>3</td>
+        <td>Flattery is my preferred trick for getting what I want.</td>
+        </tr>
+        <tr>
+        <td>4</td>
+        <td>I'm a born gambler who can't resist taking a risk for a potential payoff.</td>
+        </tr>
+        <tr>
+        <td>5</td>
+        <td>I lie about almost everything, even when there's no good reason to.</td>
+        </tr>
+        <tr>
+        <td>6</td>
+        <td>Sarcasm and insults are my weapons of choice.</td>
+        </tr>
+        <tr>
+        <td>7</td>
+        <td>I keep multiple holy symbols on me and invoke whatever deity might come in useful at any given moment.</td>
+        </tr>
+        <tr>
+        <td>8</td>
+        <td>I pocket anything I see that might have some value.</td>
+        </tr>
+        </table>
+        </div>
+        <div class="col-sm-6">
+        <h2 id="toc5"><span><span style="font-size:80%;">Ideals</span></span></h2>
+        <table class="wiki-content-table">
+        <tr>
+        <th>d6</th>
+        <th>Ideal</th>
+        </tr>
+        <tr>
+        <td>1</td>
+        <td><strong>Independence.</strong> I am a free spirit –&nbsp;no one tells me what to do. (Chaotic)</td>
+        </tr>
+        <tr>
+        <td>2</td>
+        <td><strong>Fairness.</strong> I never target people who can't afford to lose a few coins. (Lawful)</td>
+        </tr>
+        <tr>
+        <td>3</td>
+        <td><strong>Charity.</strong> I distribute the money I acquire to the people who really need it. (Good)</td>
+        </tr>
+        <tr>
+        <td>4</td>
+        <td><strong>Creativity.</strong> I never run the same con twice. (Chaotic)</td>
+        </tr>
+        <tr>
+        <td>5</td>
+        <td><strong>Friendship.</strong> Material goods come and go. Bonds of friendship last forever. (Good)</td>
+        </tr>
+        <tr>
+        <td>6</td>
+        <td><strong>Aspiration.</strong> I'm determined to make something of myself. (Any)</td>
+        </tr>
+        </table>
+        </div>
+        </div>
+        <div class="row">
+        <div class="col-sm-6">
+        <h2 id="toc6"><span><span style="font-size:80%;">Bonds</span></span></h2>
+        <table class="wiki-content-table">
+        <tr>
+        <th>d6</th>
+        <th>Bond</th>
+        </tr>
+        <tr>
+        <td>1</td>
+        <td>I fleeced the wrong person and must work to ensure that this individual never crosses paths with me or those I care about.</td>
+        </tr>
+        <tr>
+        <td>2</td>
+        <td>I owe everything to my mentor – a horrible person who's probably rotting in jail somewhere.</td>
+        </tr>
+        <tr>
+        <td>3</td>
+        <td>Somewhere out there, I have a child who doesn't know me. I'm making the world better for him or her.</td>
+        </tr>
+        <tr>
+        <td>4</td>
+        <td>I come from a noble family, and one day I'll reclaim my lands and title from those who stole them from me.</td>
+        </tr>
+        <tr>
+        <td>5</td>
+        <td>A powerful person killed someone I love. Some day soon, I'll have my revenge.</td>
+        </tr>
+        <tr>
+        <td>6</td>
+        <td>I swindled and ruined a person who didn't deserve it. I seek to atone for my misdeeds but might never be able to forgive myself.</td>
+        </tr>
+        </table>
+        </div>
+        <div class="col-sm-6">
+        <h2 id="toc7"><span><span style="font-size:80%;">Flaws</span></span></h2>
+        <table class="wiki-content-table">
+        <tr>
+        <th>d6</th>
+        <th>Flaw</th>
+        </tr>
+        <tr>
+        <td>1</td>
+        <td>I can't resist a pretty face.</td>
+        </tr>
+        <tr>
+        <td>2</td>
+        <td>I'm always in debt. I spend my ill-gotten gains on decadent luxuries faster than I bring them in.</td>
+        </tr>
+        <tr>
+        <td>3</td>
+        <td>I'm convinced that no one could ever fool me the way I fool others.</td>
+        </tr>
+        <tr>
+        <td>4</td>
+        <td>I'm too greedy for my own good. I can't resist taking a risk if there's money involved.</td>
+        </tr>
+        <tr>
+        <td>5</td>
+        <td>I can't resist swindling people who are more powerful than me.</td>
+        </tr>
+        <tr>
+        <td>6</td>
+        <td>I hate to admit it and will hate myself for it, but I'll run and preserve my own hide if the going gets tough.</td>
+        </tr>
+        </table>
+        </div>
+        </div>
+        </div>
+        </div>
+        `,
+  };
+
+  private criminal: any = {
+    title: 'criminal',
+    description: `
+      <p><strong><em>You are an experienced criminal with a history of breaking the law. You have spent a lot of time among other criminals and still have contacts within the criminal underworld. You're far closer than most people to the world of murder, theft, and violence that pervades the underbelly of civilization, and you have survived up to this point by flouting the rules and regulations of society.</em></strong></p>
+      <p>Source: Player's Handbook</p>
+      <p><strong>Skill Proficiencies:</strong> Deception, Stealth<br />
+      <strong>Tool Proficiencies:</strong> One type of gaming set, thieves' tools<br />
+      <strong>Languages:</strong> None<br />
+      <strong>Equipment:</strong> A <span class="hover">crowbar<span>Value:2gp Weight:5lbs</span></span>, a set of dark <span class="hover">common clothes<span>Value:5sp Weight:3lbs</span></span> including a hood, and a <span class="hover">pouch<span>Value:5sp Weight:1lb</span></span> containing 15gp</p>
+      <h1 id="toc0"><span><span style="font-size:80%;">Variants</span></span></h1>
+      <h2 id="toc1"><span><span style="font-size:80%;">Spy</span></span></h2>
+      <p>Although your capabilities are not much different from those of a burglar or smuggler, you learned and practiced them in a very different context: as an espionage agent. You might have been an officially sanctioned agent of the crown, or perhaps you sold the secrets you uncovered to the highest bidder.</p>
+      <h1 id="toc2"><span><span style="font-size:80%;">Features</span></span></h1>
+      <h2 id="toc3"><span><span style="font-size:80%;">Criminal Specialty</span></span></h2>
+      <p>There are many kinds of criminals, and within a thieves' guild or similar criminal organization, individual members have particular specialties. Even criminals who operate outside of such organizations have strong preferences for certain kinds of crimes over others. Choose the role you played in your criminal life, or roll on the table below.</p>
+      <table class="wiki-content-table">
+      <tr>
+      <th>d8</th>
+      <th>Specialty</th>
+      </tr>
+      <tr>
+      <td>1</td>
+      <td>Blackmailer</td>
+      </tr>
+      <tr>
+      <td>2</td>
+      <td>Burglar</td>
+      </tr>
+      <tr>
+      <td>3</td>
+      <td>Enforcer</td>
+      </tr>
+      <tr>
+      <td>4</td>
+      <td>Fence</td>
+      </tr>
+      <tr>
+      <td>5</td>
+      <td>Highway robber</td>
+      </tr>
+      <tr>
+      <td>6</td>
+      <td>Hired killer</td>
+      </tr>
+      <tr>
+      <td>7</td>
+      <td>Pickpocket</td>
+      </tr>
+      <tr>
+      <td>8</td>
+      <td>Smuggler</td>
+      </tr>
+      </table>
+      <h2 id="toc4"><span><span style="font-size:80%;">Criminal Contact</span></span></h2>
+      <p>You have a reliable and trustworthy contact who acts as your liaison to a network of other criminals. You know how to get messages to and from your contact, even over great distances; specifically, you know the local messengers, corrupt caravan masters, and seedy sailors who can deliver messages for you.</p>
+      <h1 id="toc5"><span><span style="font-size:80%;">Suggested Characteristics</span></span></h1>
+      <p>Criminals might seem like villains on the surface, and many of them are villainous to the core. But some have an abundance of endearing, if not redeeming, characteristics. There might be honor among thieves, but criminals rarely show any respect for law or authority.</p>
+      <div class="feature">
+      <div class="row">
+      <div class="col-sm-6">
+      <h2 id="toc6"><span><span style="font-size:80%;">Personality Traits</span></span></h2>
+      <table class="wiki-content-table">
+      <tr>
+      <th>d8</th>
+      <th>Personality Trait</th>
+      </tr>
+      <tr>
+      <td>1</td>
+      <td>I always have a plan for what to do when things go wrong.</td>
+      </tr>
+      <tr>
+      <td>2</td>
+      <td>I am always calm, no matter what the situation. I never raise my voice or let my emotions control me.</td>
+      </tr>
+      <tr>
+      <td>3</td>
+      <td>The first thing I do in a new place is note the locations of everything valuable –&nbsp;or where such things could be hidden.</td>
+      </tr>
+      <tr>
+      <td>4</td>
+      <td>I would rather make a new friend than a new enemy.</td>
+      </tr>
+      <tr>
+      <td>5</td>
+      <td>I am incredibly slow to trust. Those who seem the fairest often have the most to hide.</td>
+      </tr>
+      <tr>
+      <td>6</td>
+      <td>I don't pay attention to the risks in a situation. Never tell me the odds.</td>
+      </tr>
+      <tr>
+      <td>7</td>
+      <td>The best way to get me to do something is to tell me I can't do it.</td>
+      </tr>
+      <tr>
+      <td>8</td>
+      <td>I blow up at the slightest insult.</td>
+      </tr>
+      </table>
+      </div>
+      <div class="col-sm-6">
+      <h2 id="toc7"><span><span style="font-size:80%;">Ideals</span></span></h2>
+      <table class="wiki-content-table">
+      <tr>
+      <th>d6</th>
+      <th>Ideal</th>
+      </tr>
+      <tr>
+      <td>1</td>
+      <td><strong>Honor.</strong> I don't steal from others in the trade. (Lawful)</td>
+      </tr>
+      <tr>
+      <td>2</td>
+      <td><strong>Freedom.</strong> Chains are meant to be broken, as are those who would forge them. (Chaotic)</td>
+      </tr>
+      <tr>
+      <td>3</td>
+      <td><strong>Charity.</strong> I steal from the wealthy so that I can help people in need. (Good)</td>
+      </tr>
+      <tr>
+      <td>4</td>
+      <td><strong>Greed.</strong> I will do whatever it takes to become wealthy. (Evil)</td>
+      </tr>
+      <tr>
+      <td>5</td>
+      <td><strong>People.</strong> I'm loyal to my friends, not to any ideals, and everyone else can take a trip down the Styx for all I care. (Neutral)</td>
+      </tr>
+      <tr>
+      <td>6</td>
+      <td><strong>Redemption.</strong> There's a spark of good in everyone. (Good)</td>
+      </tr>
+      </table>
+      </div>
+      </div>
+      <div class="row">
+      <div class="col-sm-6">
+      <h2 id="toc8"><span><span style="font-size:80%;">Bonds</span></span></h2>
+      <table class="wiki-content-table">
+      <tr>
+      <th>d6</th>
+      <th>Bond</th>
+      </tr>
+      <tr>
+      <td>1</td>
+      <td>I'm trying to pay off an old debt I owe to a generous benefactor.</td>
+      </tr>
+      <tr>
+      <td>2</td>
+      <td>My ill-gotten gains go to support my family.</td>
+      </tr>
+      <tr>
+      <td>3</td>
+      <td>Something important was taken from me, and I aim to steal it back.</td>
+      </tr>
+      <tr>
+      <td>4</td>
+      <td>I will become the greatest thief that ever lived.</td>
+      </tr>
+      <tr>
+      <td>5</td>
+      <td>I'm guilty of a terrible crime. I hope I can redeem myself for it.</td>
+      </tr>
+      <tr>
+      <td>6</td>
+      <td>Someone I loved died because of I mistake I made. That will never happen again.</td>
+      </tr>
+      </table>
+      </div>
+      <div class="col-sm-6">
+      <h2 id="toc9"><span><span style="font-size:80%;">Flaws</span></span></h2>
+      <table class="wiki-content-table">
+      <tr>
+      <th>d6</th>
+      <th>Flaw</th>
+      </tr>
+      <tr>
+      <td>1</td>
+      <td>When I see something valuable, I can't think about anything but how to steal it.</td>
+      </tr>
+      <tr>
+      <td>2</td>
+      <td>When faced with a choice between money and my friends, I usually choose the money.</td>
+      </tr>
+      <tr>
+      <td>3</td>
+      <td>If there's a plan, I'll forget it. If I don't forget it, I'll ignore it.</td>
+      </tr>
+      <tr>
+      <td>4</td>
+      <td>I have a &quot;tell&quot; that reveals when I'm lying.</td>
+      </tr>
+      <tr>
+      <td>5</td>
+      <td>I turn tail and run when things look bad.</td>
+      </tr>
+      <tr>
+      <td>6</td>
+      <td>An innocent person is in prison for a crime that I committed. I'm okay with that.</td>
+      </tr>
+      </table>
+      </div>
+      </div>
+      </div>
+      </div>
+    `,
+  };
+
+  private entertainer: any = {
+    title: 'entertainer',
+    description: `
+      <p><strong><em>You thrive in front of an audience. You know how to entrance them, entertain them, and even inspire them. Your poetics can stir the hearts of those who hear you, awakening grief or joy, laughter or anger. Your music raises their spirits or captures their sorrow. Your dance steps captivate, your humor cuts to the quick. Whatever techniques you use, your art is your life.</em></strong></p>
+      <p>Source: Player's Handbook</p>
+      <p><strong>Skill Proficiencies:</strong> Acrobatics, Performance<br />
+      <strong>Tool Proficiencies:</strong> Disguise kit, one type of musical instrument<br />
+      <strong>Languages:</strong> None<br />
+      <strong>Equipment:</strong> A musical instrument (one of your choice), the favor of an admirer (love letter, lock of hair, or trinket), a <span class="hover">costume<span>Value:5gp Weight:4lbs</span></span>, and a <span class="hover">pouch<span>Value:5sp Weight:1lb</span></span> containing 15gp</p>
+      <h1 id="toc0"><span><span style="font-size:80%;">Variants</span></span></h1>
+      <h2 id="toc1"><span><span style="font-size:80%;">Gladiator</span></span></h2>
+      <p>A gladiator is as much an entertainer as any minstrel or circus performer trained to make the arts of combat into a spectacle the crowd can enjoy. This kind of flashy combat is your entertainer routine, though you might also have some skills as a tumbler or actor. Using your By Popular Demand feature, you can find a place to perform in any place that features combat for entertainment-perhaps a gladiatorial arena or secret pit fighting club. You can replace the musical instrument in your equipment package with an inexpensive but unusual weapon, such as a trident or net.</p>
+      <h1 id="toc2"><span><span style="font-size:80%;">Features</span></span></h1>
+      <h2 id="toc3"><span><span style="font-size:80%;">Entertainer Routines</span></span></h2>
+      <p>A good entertainer is versatile, spicing up every performance with a variety of different routines. Choose one to three routines or roll on the table below to define your expertise as an entertainer.</p>
+      <table class="wiki-content-table">
+      <tr>
+      <th>d10</th>
+      <th>Entertainer Routine</th>
+      </tr>
+      <tr>
+      <td>1</td>
+      <td>Actor</td>
+      </tr>
+      <tr>
+      <td>2</td>
+      <td>Dancer</td>
+      </tr>
+      <tr>
+      <td>3</td>
+      <td>Fire-eater</td>
+      </tr>
+      <tr>
+      <td>4</td>
+      <td>Jester</td>
+      </tr>
+      <tr>
+      <td>5</td>
+      <td>Juggler</td>
+      </tr>
+      <tr>
+      <td>6</td>
+      <td>Instrumentalist</td>
+      </tr>
+      <tr>
+      <td>7</td>
+      <td>Poet</td>
+      </tr>
+      <tr>
+      <td>8</td>
+      <td>Singer</td>
+      </tr>
+      <tr>
+      <td>9</td>
+      <td>Storyteller</td>
+      </tr>
+      <tr>
+      <td>10</td>
+      <td>Tumbler</td>
+      </tr>
+      </table>
+      <h2 id="toc4"><span><span style="font-size:80%;">By Popular Demand</span></span></h2>
+      <p>You can always find a place to perform, usually in an inn or tavern but possibly with a circus, at a theater, or even in a noble's court. At such a place, you receive free lodging and food of a modest or comfortable standard (depending on the quality of the establishment), as long as you perform each night. In addition, your performance makes you something of a local figure. When strangers recognize you in a town where you have performed, they typically take a liking to you.</p>
+      <h1 id="toc5"><span><span style="font-size:80%;">Suggested Characteristics</span></span></h1>
+      <p>Successful entertainers have to be able to capture and hold an audience's attention, so they tend to have flamboyant or forceful personalities. They're inclined toward the romantic and often cling to high-minded ideals about the practice of art and the appreciation of beauty.</p>
+      <div class="feature">
+      <div class="row">
+      <div class="col-sm-6">
+      <h2 id="toc6"><span><span style="font-size:80%;">Personality Traits</span></span></h2>
+      <table class="wiki-content-table">
+      <tr>
+      <th>d8</th>
+      <th>Personality Trait</th>
+      </tr>
+      <tr>
+      <td>1</td>
+      <td>I know a story relevant to almost every situation.</td>
+      </tr>
+      <tr>
+      <td>2</td>
+      <td>Whenever I come to a new place, I collect local rumors and spread gossip.</td>
+      </tr>
+      <tr>
+      <td>3</td>
+      <td>I'm a hopeless romantic, always searching for that &quot;special someone.&quot;</td>
+      </tr>
+      <tr>
+      <td>4</td>
+      <td>Nobody stays angry at me or around me for long, since I can defuse any amount of tension.</td>
+      </tr>
+      <tr>
+      <td>5</td>
+      <td>I love a good insult, even one directed at me.</td>
+      </tr>
+      <tr>
+      <td>6</td>
+      <td>I get bitter if I'm not the center of attention.</td>
+      </tr>
+      <tr>
+      <td>7</td>
+      <td>I'll settle for nothing less than perfection.</td>
+      </tr>
+      <tr>
+      <td>8</td>
+      <td>I change my mood or my mind as quickly as I change key in a song.</td>
+      </tr>
+      </table>
+      </div>
+      <div class="col-sm-6">
+      <h2 id="toc7"><span><span style="font-size:80%;">Ideals</span></span></h2>
+      <table class="wiki-content-table">
+      <tr>
+      <th>d6</th>
+      <th>Ideal</th>
+      </tr>
+      <tr>
+      <td>1</td>
+      <td><strong>Beauty.</strong> When I perform, I make the world better than it was. (Good)</td>
+      </tr>
+      <tr>
+      <td>2</td>
+      <td><strong>Tradition.</strong> The stories, legends, and songs of the past must never be forgotten, for they teach us who we are. (Lawful)</td>
+      </tr>
+      <tr>
+      <td>3</td>
+      <td><strong>Creativity.</strong> The world is in need of new ideas and bold action. (Chaotic)</td>
+      </tr>
+      <tr>
+      <td>4</td>
+      <td><strong>Greed.</strong> I'm only in it for the money and fame. (Evil)</td>
+      </tr>
+      <tr>
+      <td>5</td>
+      <td><strong>People.</strong> I like seeing the smiles on people's faces when I perform. That's all that matters. (Neutral)</td>
+      </tr>
+      <tr>
+      <td>6</td>
+      <td><strong>Honesty.</strong> Art should reflect the soul; it should come from within and reveal who we really are. (Any)</td>
+      </tr>
+      </table>
+      </div>
+      </div>
+      <div class="row">
+      <div class="col-sm-6">
+      <h2 id="toc8"><span><span style="font-size:80%;">Bonds</span></span></h2>
+      <table class="wiki-content-table">
+      <tr>
+      <th>d6</th>
+      <th>Bond</th>
+      </tr>
+      <tr>
+      <td>1</td>
+      <td>My instrument is my most treasured possession, and it reminds me of someone I love.</td>
+      </tr>
+      <tr>
+      <td>2</td>
+      <td>Someone stole my precious instrument, and someday I'll get it back.</td>
+      </tr>
+      <tr>
+      <td>3</td>
+      <td>I want to be famous, whatever it takes.</td>
+      </tr>
+      <tr>
+      <td>4</td>
+      <td>I idolize a hero of the old tales and measure my deeds against that person's.</td>
+      </tr>
+      <tr>
+      <td>5</td>
+      <td>I will do anything to prove myself superior to my hated rival.</td>
+      </tr>
+      <tr>
+      <td>6</td>
+      <td>I would do anything for the other members of my old troupe.</td>
+      </tr>
+      </table>
+      </div>
+      <div class="col-sm-6">
+      <h2 id="toc9"><span><span style="font-size:80%;">Flaws</span></span></h2>
+      <table class="wiki-content-table">
+      <tr>
+      <th>d6</th>
+      <th>Flaw</th>
+      </tr>
+      <tr>
+      <td>1</td>
+      <td>I'll do anything to win fame and renown.</td>
+      </tr>
+      <tr>
+      <td>2</td>
+      <td>I'm a sucker for a pretty face.</td>
+      </tr>
+      <tr>
+      <td>3</td>
+      <td>A scandal prevents me from ever going home again. That kind of trouble seems to follow me around.</td>
+      </tr>
+      <tr>
+      <td>4</td>
+      <td>I once satirized a noble who still wants my head. It was a mistake that I will likely repeat.</td>
+      </tr>
+      <tr>
+      <td>5</td>
+      <td>I have trouble keeping my true feelings hidden. My sharp tongue lands me in trouble.</td>
+      </tr>
+      <tr>
+      <td>6</td>
+      <td>Despite my best efforts, I am unreliable to my friends.</td>
+      </tr>
+      </table>
+      </div>
+      </div>
+      </div>
+      </div>
+    `,
+  };
+
+  private folkHero: any = {
+    title: 'folk hero',
+    description: `
+  <p><em><strong>You come from a humble social rank, but you are destined for so much more. Already the people of your home village regard you as their champion, and your destiny calls you to stand against the tyrants and monsters that threaten the common folk everywhere.</strong></em></p>
+  <p>Source: Player's Handbook</p>
+  <p><strong>Skill Proficiencies:</strong> Animal Handling, Survival<br />
+  <strong>Tool Proficiencies:</strong> One type of artisan's tools, vehicles (land)<br />
+  <strong>Languages:</strong> None<br />
+  <strong>Equipment:</strong> A set of artisan's tools (one of your choice), a <span class="hover">shovel<span>Value:2gp Weight:5lbs</span></span>, an <span class="hover">iron pot<span>Value:2gp Weight:10lbs</span></span>, a set of <span class="hover">common clothes<span>Value:5sp Weight:3lbs</span></span>, and a <span class="hover">pouch<span>Value:5sp Weight:1lb</span></span> containing 10gp</p>
+  <h1 id="toc0"><span><span style="font-size:80%;">Features</span></span></h1>
+  <h2 id="toc1"><span><span style="font-size:80%;">Defining Event</span></span></h2>
+  <p>You previously pursued a simple profession among the peasantry, perhaps as a farmer, miner, servant, shepherd, woodcutter, or gravedigger. But something happened that set you on a different path and marked you for greater things. Choose or randomly determine a defining event that marked you as a hero of the people.</p>
+  <table class="wiki-content-table">
+  <tr>
+  <th>d10</th>
+  <th>Defining Event</th>
+  </tr>
+  <tr>
+  <td>1</td>
+  <td>I stood up to a tyrant's agents.</td>
+  </tr>
+  <tr>
+  <td>2</td>
+  <td>I saved people during a natural disaster.</td>
+  </tr>
+  <tr>
+  <td>3</td>
+  <td>I stood alone against a terrible monster.</td>
+  </tr>
+  <tr>
+  <td>4</td>
+  <td>I stole from a corrupt merchant to help the poor.</td>
+  </tr>
+  <tr>
+  <td>5</td>
+  <td>I led a militia to fight off an invading army.</td>
+  </tr>
+  <tr>
+  <td>6</td>
+  <td>I broke into a tyrant's castle and stole weapons to arm the people.</td>
+  </tr>
+  <tr>
+  <td>7</td>
+  <td>I trained the peasantry to use farm implements as weapons against a tyrant's soldiers.</td>
+  </tr>
+  <tr>
+  <td>8</td>
+  <td>A lord rescinded an unpopular decree after I led a symbolic act of protest against it.</td>
+  </tr>
+  <tr>
+  <td>9</td>
+  <td>A celestial, fey, or similar creature gave me a blessing or revealed my secret origin.</td>
+  </tr>
+  <tr>
+  <td>10</td>
+  <td>Recruited into a lord's army, I rose to leadership and was commended for my heroism.</td>
+  </tr>
+  </table>
+  <h2 id="toc2"><span><span style="font-size:80%;">Rustic Hospitality</span></span></h2>
+  <p>Since you come from the ranks of the common folk, you fit in among them with ease. You can find a place to hide, rest, or recuperate among other commoners, unless you have shown yourself to be a danger to them. They will shield you from the law or anyone else searching for you, though they will not risk their lives for you.</p>
+  <h1 id="toc3"><span><span style="font-size:80%;">Suggested Characteristics</span></span></h1>
+  <p>A folk hero is one of the common people, for better or for worse. Most folk heroes look on their humble origins as a virtue, not a shortcoming, and their home communities remain very important to them.</p>
+  <div class="feature">
+  <div class="row">
+  <div class="col-sm-6">
+  <h2 id="toc4"><span><span style="font-size:80%;">Personality Traits</span></span></h2>
+  <table class="wiki-content-table">
+  <tr>
+  <th>d8</th>
+  <th>Personality Trait</th>
+  </tr>
+  <tr>
+  <td>1</td>
+  <td>I judge people by their actions, not their words.</td>
+  </tr>
+  <tr>
+  <td>2</td>
+  <td>If someone is in trouble, I'm always ready to lend help.</td>
+  </tr>
+  <tr>
+  <td>3</td>
+  <td>When I set my mind to something, I follow through no matter what gets in my way.</td>
+  </tr>
+  <tr>
+  <td>4</td>
+  <td>I have a strong sense of fair play and always try to find the most equitable solution to arguments.</td>
+  </tr>
+  <tr>
+  <td>5</td>
+  <td>I'm confident in my own abilities and do what I can to instill confidence in others.</td>
+  </tr>
+  <tr>
+  <td>6</td>
+  <td>Thinking is for other people. I prefer action.</td>
+  </tr>
+  <tr>
+  <td>7</td>
+  <td>I misuse long words in an attempt to sound smarter.</td>
+  </tr>
+  <tr>
+  <td>8</td>
+  <td>I get bored easily. When am I going to get on with my destiny?</td>
+  </tr>
+  </table>
+  </div>
+  <div class="col-sm-6">
+  <h2 id="toc5"><span><span style="font-size:80%;">Ideals</span></span></h2>
+  <table class="wiki-content-table">
+  <tr>
+  <th>d6</th>
+  <th>Ideal</th>
+  </tr>
+  <tr>
+  <td>1</td>
+  <td><strong>Respect.</strong> People deserve to be treated with dignity and respect. (Good)</td>
+  </tr>
+  <tr>
+  <td>2</td>
+  <td><strong>Fairness.</strong> No one should get preferential treatment before the law, and no one is above the law. (Lawful)</td>
+  </tr>
+  <tr>
+  <td>3</td>
+  <td><strong>Freedom.</strong> Tyrants must not be allowed to oppress the people. (Chaotic)</td>
+  </tr>
+  <tr>
+  <td>4</td>
+  <td><strong>Might.</strong> If I become strong, I can take what I want –&nbsp;what I deserve. (Evil)</td>
+  </tr>
+  <tr>
+  <td>5</td>
+  <td><strong>Sincerity.</strong> There's no good in pretending to be something I'm not. (Neutral)</td>
+  </tr>
+  <tr>
+  <td>6</td>
+  <td><strong>Destiny.</strong> Nothing and no one can steer me away from my higher calling. (Any)</td>
+  </tr>
+  </table>
+  </div>
+  </div>
+  <div class="row">
+  <div class="col-sm-6">
+  <h2 id="toc6"><span><span style="font-size:80%;">Bonds</span></span></h2>
+  <table class="wiki-content-table">
+  <tr>
+  <th>d6</th>
+  <th>Bond</th>
+  </tr>
+  <tr>
+  <td>1</td>
+  <td>I have a family, but I have no idea where they are. One day, I hope to see them again.</td>
+  </tr>
+  <tr>
+  <td>2</td>
+  <td>I worked the land, I love the land, and I will protect the land.</td>
+  </tr>
+  <tr>
+  <td>3</td>
+  <td>A proud noble once gave me a horrible beating, and I will take my revenge on any bully I encounter.</td>
+  </tr>
+  <tr>
+  <td>4</td>
+  <td>My tools are symbols of my past life, and I carry them so that I will never forget my roots.</td>
+  </tr>
+  <tr>
+  <td>5</td>
+  <td>I protect those who cannot protect themselves.</td>
+  </tr>
+  <tr>
+  <td>6</td>
+  <td>I wish my childhood sweetheart had come with me to pursue my destiny.</td>
+  </tr>
+  </table>
+  </div>
+  <div class="col-sm-6">
+  <h2 id="toc7"><span><span style="font-size:80%;">Flaw</span></span></h2>
+  <table class="wiki-content-table">
+  <tr>
+  <th>d6</th>
+  <th>Flaw</th>
+  </tr>
+  <tr>
+  <td>1</td>
+  <td>The tyrant who rules my land will stop at nothing to see me killed.</td>
+  </tr>
+  <tr>
+  <td>2</td>
+  <td>I'm convinced of the significance of my destiny, and blind to my shortcomings and the risk of failure.</td>
+  </tr>
+  <tr>
+  <td>3</td>
+  <td>The people who knew me when I was young know my shameful secret, so I can never go home again.</td>
+  </tr>
+  <tr>
+  <td>4</td>
+  <td>I have a weakness for the vices of the city, especially hard drink.</td>
+  </tr>
+  <tr>
+  <td>5</td>
+  <td>Secretly, I believe that things would be better if I were a tyrant lording over the land.</td>
+  </tr>
+  <tr>
+  <td>6</td>
+  <td>I have trouble trusting in my allies.</td>
+  </tr>
+  </table>
+  </div>
+  </div>
+  </div>
+  </div>
+`,
+  };
+
+  private guildArtisan: any = {
+    title: 'guildArtisan',
+    description: `
+  <p><strong><em>You are a member of an artisan's guild, skilled in a particular field and closely associated with other artisans. You are a well-established part of the mercantile world, freed by talent and wealth from the constraints of a feudal social order. You learned your skills as an apprentice to a master artisan, under the sponsorship of your guild, until you became a master in your own right.</em></strong></p>
+<p>Source: Player's Handbook</p>
+<p><strong>Skill Proficiencies:</strong> Insight, Persuasion<br />
+<strong>Tool Proficiencies:</strong> One type of artisan's tools<br />
+<strong>Languages:</strong> One of your choice<br />
+<strong>Equipment:</strong> A set of artisan's tools (one of your choice), a letter of introduction from your guild, a set of <span class="hover">traveler's clothes<span>Value:2gp Weight:4lbs</span></span>, and a <span class="hover">pouch<span>Value:5sp Weight:1lb</span></span> containing 15gp</p>
+<h1 id="toc0"><span><span style="font-size:80%;">Variants</span></span></h1>
+<h2 id="toc1"><span><span style="font-size:80%;">Guild Merchant</span></span></h2>
+<p>Instead of an artisans' guild, you might belong to a guild of traders, caravan masters, or shopkeepers. You don't craft items yourself but earn a living by buying and selling the works of others (or the raw materials artisans need to practice their craft). Your guild might be a large merchant consortium (or family) with interests across the region. Perhaps you transported goods from one place to another, by ship, wagon, or caravan, or bought them from traveling traders and sold them in your own little shop. In some ways, the traveling merchant's life lends itself to adventure far more than the life of an artisan.</p>
+<p>Rather than proficiency with artisan's tools, you might be proficient with navigator's tools or an additional language. And instead of artisan's tools, you can start with a mule and a cart.</p>
+<h1 id="toc2"><span><span style="font-size:80%;">Guild Business</span></span></h1>
+<h2 id="toc3"><span><span style="font-size:80%;">Guild Business</span></span></h2>
+<p>Guilds are generally found in cities large enough to support several artisans practicing the same trade. However, your guild might instead be a loose network of artisans who each work in a different village within a larger realm. Work with your DM to determine the nature of your guild. You can select your guild business from the Guild Business table or roll randomly.</p>
+<table class="wiki-content-table">
+<tr>
+<th>d20</th>
+<th>Guild Business</th>
+</tr>
+<tr>
+<td>1</td>
+<td>Alchemists and apothecaries</td>
+</tr>
+<tr>
+<td>2</td>
+<td>Armorers, locksmiths, and finesmiths</td>
+</tr>
+<tr>
+<td>3</td>
+<td>Brewers, distillers, and vintners</td>
+</tr>
+<tr>
+<td>4</td>
+<td>Calligraphers, scribes, and scriveners</td>
+</tr>
+<tr>
+<td>5</td>
+<td>Carpenters, roofers, and plasterers</td>
+</tr>
+<tr>
+<td>6</td>
+<td>Cartographers, surveyors, and chart-makers</td>
+</tr>
+<tr>
+<td>7</td>
+<td>Cobblers and shoemakers</td>
+</tr>
+<tr>
+<td>8</td>
+<td>Cooks and bakers</td>
+</tr>
+<tr>
+<td>9</td>
+<td>Glassblowers and glaziers</td>
+</tr>
+<tr>
+<td>10</td>
+<td>Jewelers and gemcutters</td>
+</tr>
+<tr>
+<td>11</td>
+<td>Leatherworkers, skinners, and tanners</td>
+</tr>
+<tr>
+<td>12</td>
+<td>Masons and stonecutters</td>
+</tr>
+<tr>
+<td>13</td>
+<td>Painters, limners, and sign-makers</td>
+</tr>
+<tr>
+<td>14</td>
+<td>Potters and tile-makers</td>
+</tr>
+<tr>
+<td>15</td>
+<td>Shipwrights and sailmakers</td>
+</tr>
+<tr>
+<td>16</td>
+<td>Smiths and metal-forgers</td>
+</tr>
+<tr>
+<td>17</td>
+<td>Tinkers, pewterers, and casters</td>
+</tr>
+<tr>
+<td>18</td>
+<td>Wagon-makers and wheelwrights</td>
+</tr>
+<tr>
+<td>19</td>
+<td>Weavers and dyers</td>
+</tr>
+<tr>
+<td>20</td>
+<td>Woodcarvers, coopers, and bowyers</td>
+</tr>
+</table>
+<p>As a member of your guild, you know the skills needed to create finished items from raw materials (reflected in your proficiency with a certain kind of artisan's tools), as well as the principles of trade and good business practices. The question now is whether you abandon your trade for adventure, or take on the extra effort to weave adventuring and trade together.</p>
+<h2 id="toc4"><span><span style="font-size:80%;">Guild Membership</span></span></h2>
+<p>As an established and respected member of a guild, you can rely on certain benefits that membership provides. Your fellow guild members will provide you with lodging and food if necessary, and pay for your funeral if needed. In some cities and towns, a guildhall offers a central place to meet other members of your profession, which can be a good place to meet potential patrons, allies, or hirelings.</p>
+<p>Guilds often wield tremendous political power. If you are accused of a crime, your guild will support you if a good case can be made for your innocence or the crime is justifiable. You can also gain access to powerful political figures through the guild, if you are a member in good standing. Such connections might require the donation of money or magic items to the guild's coffers.</p>
+<p>You must pay dues of 5 gp per month to the guild. If you miss payments, you must make up back dues to remain in the guild's good graces.</p>
+<h1 id="toc5"><span><span style="font-size:80%;">Suggested Characteristics</span></span></h1>
+<p>Guild artisans are among the most ordinary people in the world until they set down their tools and take up an adventuring career. They understand the value of hard work and the importance of community, but they're vulnerable to sins of greed and covetousness.</p>
+<div class="feature">
+<div class="row">
+<div class="col-sm-6">
+<h2 id="toc6"><span><span style="font-size:80%;">Personality Traits</span></span></h2>
+<table class="wiki-content-table">
+<tr>
+<th>d8</th>
+<th>Personality Trait</th>
+</tr>
+<tr>
+<td>1</td>
+<td>I believe that anything worth doing is worth doing right. I can't help it – I'm a perfectionist.</td>
+</tr>
+<tr>
+<td>2</td>
+<td>I'm a snob who looks down on those who can't appreciate fine art.</td>
+</tr>
+<tr>
+<td>3</td>
+<td>I always want to know how things work and what makes people tick.</td>
+</tr>
+<tr>
+<td>4</td>
+<td>I'm full of witty aphorisms and have a proverb for every occasion.</td>
+</tr>
+<tr>
+<td>5</td>
+<td>I'm rude to people who lack my commitment to hard work and fair play.</td>
+</tr>
+<tr>
+<td>6</td>
+<td>I like to talk at length about my profession.</td>
+</tr>
+<tr>
+<td>7</td>
+<td>I don't part with my money easily and will haggle tirelessly to get the best deal possible.</td>
+</tr>
+<tr>
+<td>8</td>
+<td>I'm well known for my work, and I want to make sure everyone appreciates it. I'm always taken aback when people haven't heard of me.</td>
+</tr>
+</table>
+</div>
+<div class="col-sm-6">
+<h2 id="toc7"><span><span style="font-size:80%;">Ideals</span></span></h2>
+<table class="wiki-content-table">
+<tr>
+<th>d6</th>
+<th>Ideal</th>
+</tr>
+<tr>
+<td>1</td>
+<td><strong>Community.</strong> It is the duty of all civilized people to strengthen the bonds of community and the security of civilization. (Lawful)</td>
+</tr>
+<tr>
+<td>2</td>
+<td><strong>Generosity.</strong> My talents were given to me so that I could use them to benefit the world. (Good)</td>
+</tr>
+<tr>
+<td>3</td>
+<td><strong>Freedom.</strong> Everyone should be free to pursue his or her own livelihood. (Chaotic)</td>
+</tr>
+<tr>
+<td>4</td>
+<td><strong>Greed.</strong> I'm only in it for the money. (Evil)</td>
+</tr>
+<tr>
+<td>5</td>
+<td><strong>People.</strong> I'm committed to the people I care about, not to ideals. (Neutral)</td>
+</tr>
+<tr>
+<td>6</td>
+<td><strong>Aspiration.</strong> I work hard to be the best there is at my craft.</td>
+</tr>
+</table>
+</div>
+</div>
+<div class="row">
+<div class="col-sm-6">
+<h2 id="toc8"><span><span style="font-size:80%;">Bonds</span></span></h2>
+<table class="wiki-content-table">
+<tr>
+<th>d6</th>
+<th>Bond</th>
+</tr>
+<tr>
+<td>1</td>
+<td>The workshop where I learned my trade is the most important place in the world to me.</td>
+</tr>
+<tr>
+<td>2</td>
+<td>I created a great work for someone, and then found them unworthy to receive it. I'm still looking for someone worthy.</td>
+</tr>
+<tr>
+<td>3</td>
+<td>I owe my guild a great debt for forging me into the person I am today.</td>
+</tr>
+<tr>
+<td>4</td>
+<td>I pursue wealth to secure someone's love.</td>
+</tr>
+<tr>
+<td>5</td>
+<td>One day I will return to my guild and prove that I am the greatest artisan of them all.</td>
+</tr>
+<tr>
+<td>6</td>
+<td>I will get revenge on the evil forces that destroyed my place of business and ruined my livelihood.</td>
+</tr>
+</table>
+</div>
+<div class="col-sm-6">
+<h2 id="toc9"><span><span style="font-size:80%;">Flaws</span></span></h2>
+<table class="wiki-content-table">
+<tr>
+<th>d6</th>
+<th>Flaw</th>
+</tr>
+<tr>
+<td>1</td>
+<td>I'll do anything to get my hands on something rare or priceless.</td>
+</tr>
+<tr>
+<td>2</td>
+<td>I'm quick to assume that someone is trying to cheat me.</td>
+</tr>
+<tr>
+<td>3</td>
+<td>No one must ever learn that I once stole money from guild coffers.</td>
+</tr>
+<tr>
+<td>4</td>
+<td>I'm never satisfied with what I have –&nbsp;I always want more.</td>
+</tr>
+<tr>
+<td>5</td>
+<td>I would kill to acquire a noble title.</td>
+</tr>
+<tr>
+<td>6</td>
+<td>I'm horribly jealous of anyone who can outshine my handiwork. Everywhere I go, I'm surrounded by rivals.</td>
+</tr>
+</table>
+</div>
+</div>
+</div>
+</div>
+`,
+  };
+
+  private hermit: any = {
+    title: 'hermit',
+    description: `
+      <p><strong><em>You lived in seclusion – either in a sheltered community such as a monastery, or entirely alone – for a formative part of your life. In your time apart from the clamor of society, you found quiet, solitude, and perhaps some of the answers you were looking for.</em></strong></p>
+      <p>Source: Player's Handbook</p>
+      <p><strong>Skill Proficiencies:</strong> Medicine, Religion<br />
+      <strong>Tool Proficiencies:</strong> Herbalism kit<br />
+      <strong>Languages:</strong> One of your choice<br />
+      <strong>Equipment:</strong> A <span class="hover">scroll case<span>Value:1gp Weight:1lb</span></span> stuffed full of notes from your studies or prayers, a <span class="hover">winter blanket<span>Value:5sp Weight:3lbs</span></span>, a set of <span class="hover">common clothes<span>Value:5sp Weight:3lbs</span></span>, an <span class="hover">herbalism kit<span>Value:5gp Weight:3lbs</span></span>, and 5gp</p>
+      <h1 id="toc0"><span><span style="font-size:80%;">Features</span></span></h1>
+      <h2 id="toc1"><span><span style="font-size:80%;">Life of Seclusion</span></span></h2>
+      <p>What was the reason for your isolation, and what changed to allow you to end your solitude? You can work with your DM to determine the exact nature of your seclusion, or you can choose to roll on the table below to determine the reason behind your seclusion.</p>
+      <table class="wiki-content-table">
+      <tr>
+      <th>d8</th>
+      <th>Life of Seclusion</th>
+      </tr>
+      <tr>
+      <td>1</td>
+      <td>I was searching for spiritual enlightenment.</td>
+      </tr>
+      <tr>
+      <td>2</td>
+      <td>I was partaking of communal living in accordance with the dictates of a religious order.</td>
+      </tr>
+      <tr>
+      <td>3</td>
+      <td>I was exiled for a crime I didn't commit.</td>
+      </tr>
+      <tr>
+      <td>4</td>
+      <td>I retreated from society after a life-altering event.</td>
+      </tr>
+      <tr>
+      <td>5</td>
+      <td>I needed a quiet place to work on my art, literature, music, or manifesto.</td>
+      </tr>
+      <tr>
+      <td>6</td>
+      <td>I needed to commune with nature, far from civilization.</td>
+      </tr>
+      <tr>
+      <td>7</td>
+      <td>I was the caretaker of an ancient ruin or relic.</td>
+      </tr>
+      <tr>
+      <td>8</td>
+      <td>I was a pilgrim in search of a person, place, or relic of spiritual significance.</td>
+      </tr>
+      </table>
+      <h2 id="toc2"><span><span style="font-size:80%;">Discovery</span></span></h2>
+      <p>The quiet seclusion of your extended hermitage gave you access to a unique and powerful discovery. The exact nature of this revelation depends on the nature of your seclusion. It might be a great truth about the cosmos, the deities, the powerful beings of the outer planes, or the forces of nature. It could be a site that no one else has ever seen. You might have uncovered a fact that has long been forgotten, or unearthed some relic of the past that could rewrite history. It might be information that would be damaging to the people who or consigned you to exile, and hence the reason for your return to society.</p>
+      <p>Work with your DM to determine the details of your discovery and its impact on the campaign.</p>
+      <h1 id="toc3"><span><span style="font-size:80%;">Suggested Characteristics</span></span></h1>
+      <p>Some hermits are well suited to a life of seclusion, whereas others chafe against it and long for company. Whether they embrace solitude or long to escape it, the solitary life shapes their attitudes and ideals. A few are driven slightly mad by their years apart from society.</p>
+      <div class="feature">
+      <div class="row">
+      <div class="col-sm-6">
+      <h2 id="toc4"><span><span style="font-size:80%;">Personality Traits</span></span></h2>
+      <table class="wiki-content-table">
+      <tr>
+      <th>d8</th>
+      <th>Personality Trait</th>
+      </tr>
+      <tr>
+      <td>1</td>
+      <td>I've been isolated for so long that I rarely speak, preferring gestures and the occasional grunt.</td>
+      </tr>
+      <tr>
+      <td>2</td>
+      <td>I am utterly serene, even in the face of disaster.</td>
+      </tr>
+      <tr>
+      <td>3</td>
+      <td>The leader of my community had something wise to say on every topic, and I am eager to share that wisdom.</td>
+      </tr>
+      <tr>
+      <td>4</td>
+      <td>I feel tremendous empathy for all who suffer.</td>
+      </tr>
+      <tr>
+      <td>5</td>
+      <td>I'm oblivious to etiquette and social expectations.</td>
+      </tr>
+      <tr>
+      <td>6</td>
+      <td>I connect everything that happens to me to a grand, cosmic plan.</td>
+      </tr>
+      <tr>
+      <td>7</td>
+      <td>I often get lost in my own thoughts and contemplation, becoming oblivious to my surroundings.</td>
+      </tr>
+      <tr>
+      <td>8</td>
+      <td>I am working on a grand philosophical theory and love sharing my ideas.</td>
+      </tr>
+      </table>
+      </div>
+      <div class="col-sm-6">
+      <h2 id="toc5"><span><span style="font-size:80%;">Ideals</span></span></h2>
+      <table class="wiki-content-table">
+      <tr>
+      <th>d6</th>
+      <th>Ideal</th>
+      </tr>
+      <tr>
+      <td>1</td>
+      <td><strong>Greater Good.</strong> My gifts are meant to be shared with all, not used for my own benefit. (Good)</td>
+      </tr>
+      <tr>
+      <td>2</td>
+      <td><strong>Logic.</strong> Emotions must not cloud our sense of what is right and true, or our logical thinking. (Lawful)</td>
+      </tr>
+      <tr>
+      <td>3</td>
+      <td><strong>Free Thinking.</strong> Inquiry and curiosity are the pillars of progress. (Chaotic)</td>
+      </tr>
+      <tr>
+      <td>4</td>
+      <td><strong>Power.</strong> Solitude and contemplation are paths toward mystical or magical power. (Evil)</td>
+      </tr>
+      <tr>
+      <td>5</td>
+      <td><strong>Live and Let Live.</strong> Meddling in the affairs of others only causes trouble. (Neutral)</td>
+      </tr>
+      <tr>
+      <td>6</td>
+      <td><strong>Self-Knowledge.</strong> If you know yourself, there's nothing left to know. (Any)</td>
+      </tr>
+      </table>
+      </div>
+      </div>
+      <div class="row">
+      <div class="col-sm-6">
+      <h2 id="toc6"><span><span style="font-size:80%;">Bonds</span></span></h2>
+      <table class="wiki-content-table">
+      <tr>
+      <th>d6</th>
+      <th>Bond</th>
+      </tr>
+      <tr>
+      <td>1</td>
+      <td>Nothing is more important than the other members of my hermitage, order, or association.</td>
+      </tr>
+      <tr>
+      <td>2</td>
+      <td>I entered seclusion to hide from the ones who might still be hunting me. I must someday confront them.</td>
+      </tr>
+      <tr>
+      <td>3</td>
+      <td>I'm still seeking the enlightenment I pursued in my seclusion, and it still eludes me.</td>
+      </tr>
+      <tr>
+      <td>4</td>
+      <td>I entered seclusion because I loved someone I could not have.</td>
+      </tr>
+      <tr>
+      <td>5</td>
+      <td>Should my discovery come to light, it could bring ruin to the world.</td>
+      </tr>
+      <tr>
+      <td>6</td>
+      <td>My isolation gave me great insight into a great evil that only I can destroy.</td>
+      </tr>
+      </table>
+      </div>
+      <div class="col-sm-6">
+      <h2 id="toc7"><span><span style="font-size:80%;">Flaws</span></span></h2>
+      <table class="wiki-content-table">
+      <tr>
+      <th>d6</th>
+      <th>Flaw</th>
+      </tr>
+      <tr>
+      <td>1</td>
+      <td>Now that I've returned to the world, I enjoy its delights a little too much.</td>
+      </tr>
+      <tr>
+      <td>2</td>
+      <td>I harbor dark, bloodthirsty thoughts that my isolation and meditation failed to quell.</td>
+      </tr>
+      <tr>
+      <td>3</td>
+      <td>I am dogmatic in my thoughts and philosophy.</td>
+      </tr>
+      <tr>
+      <td>4</td>
+      <td>I let my need to win arguments overshadow friendships and harmony.</td>
+      </tr>
+      <tr>
+      <td>5</td>
+      <td>I'd risk too much to uncover a lost bit of knowledge.</td>
+      </tr>
+      <tr>
+      <td>6</td>
+      <td>I like keeping secrets and won't share them with anyone.</td>
+      </tr>
+      </table>
+      </div>
+      </div>
+      </div>
+      <h1 id="toc8"><span>Other Hermits</span></h1>
+      <p>This hermit background assumes a contemplative sort of seclusion that allows room for study and prayer. If you want to play a rugged wilderness recluse who lives off the land while shunning the company of other people, look at the <a href="http://dnd5e.wikidot.com/background:outlander">Outlander</a> background. On the other hand, if you want to go in a more religious direction, the <a href="http://dnd5e.wikidot.com/background:acolyte">Acolyte</a> might be what you're looking for. Or you could even be a <a href="http://dnd5e.wikidot.com/background:charlatan">Charlatan</a>, posing as a wise and holy person and letting pious fools support you.</p>
+      </div>
+    `,
+  };
+
+  private noble: any = {
+    title: 'noble',
+    description: `
+      <p><strong><em>You understand wealth, power, and privilege. You carry a noble title, and your family owns land, collects taxes, and wields significant political influence. You might be a pampered aristocrat unfamiliar with work or discomfort, a former merchant just elevated to the nobility, or a disinherited scoundrel with a disproportionate sense of entitlement. Or you could be an honest, hard-working landowner who cares deeply about the people who live and work on your land, keenly aware of your responsibility to them.</em></strong></p>
+      <p><strong><em>Work with your DM to come up with an appropriate title and determine how much authority that title carries. A noble title doesn't stand on its own-it's connected to an entire family, and whatever title you hold, you will pass it down to your own children. Not only do you need to determine your noble title, but you should also work with the DM to describe your family and their influence on you.</em></strong></p>
+      <p><strong><em>Is your family old and established, or was your title only recently bestowed? How much influence do they wield, and over what area? What kind of reputation does your family have among the other aristocrats of the region? How do the common people regard them?</em></strong></p>
+      <p><strong><em>What's your position in the family? Are you the heir to the head of the family? Have you already inherited the title? How do you feel about that responsibility? Or are you so far down the line of inheritance that no one cares what you do, as long as you don't embarrass the family? How does the head of your family feel about your adventuring career? Are you in your family's good graces, or shunned by the rest of your family?</em></strong></p>
+      <p><strong><em>Does your family have a coat of arms? An insignia you might wear on a signet ring? Particular colors you wear all the time? An animal you regard as a symbol of your line or even a spiritual member of the family?</em></strong></p>
+      <p><strong><em>These details help establish your family and your title as features of the world of the campaign.</em></strong></p>
+      <p>Source: Player's Handbook</p>
+      <p><strong>Skill Proficiencies:</strong> History, Persuasion<br />
+      <strong>Tool Proficiencies:</strong> One type of gaming set<br />
+      <strong>Languages:</strong> One of your choice<br />
+      <strong>Equipment:</strong> A set of <span class="hover">fine clothes<span>Value:15gp Weight:6lbs</span></span>, a <span class="hover">signet ring<span>Value:5gp Weight:0</span></span>, a scroll of pedigree, and a purse containing 25gp</p>
+      <h1 id="toc0"><span><span style="font-size:80%;">Variants</span></span></h1>
+      <h2 id="toc1"><span><span style="font-size:80%;">Noble: Knight</span></span></h2>
+      <p>A knighthood is among the lowest noble titles in most societies, but it can be a path to higher status. If you wish to be a knight, choose the Retainers feature below instead of the Position of Privilege feature. One of your commoner retainers is replaced by a noble who serves as your squire, aiding you in exchange for training on his or her own path to knighthood. Your two remaining retainers might include a groom to care for your horse and a servant who polishes your armor (and even helps you put it on).</p>
+      <p>As an emblem of chivalry and the ideals of courtly love, you might include among your equipment a banner or other token from a noble lord or lady to whom you have given your heart – in a chaste sort of devotion. (This person could be your bond.)</p>
+      <h2 id="toc2"><span><span style="font-size:80%;">Variant Feature: Retainers</span></span></h2>
+      <p>If your character has a noble background, you may select this background feature instead of Position of Privilege.</p>
+      <p>You have the service of three retainers loyal to your family. These retainers can be attendants or messengers, and one might be a majordomo. Your retainers are commoners who can perform mundane tasks for you, but they do not fight for you, will not follow you into obviously dangerous areas (such as dungeons), and will leave if they are frequently endangered or abused.</p>
+      <h1 id="toc3"><span><span style="font-size:80%;">Features</span></span></h1>
+      <h2 id="toc4"><span><span style="font-size:80%;">Position of Privilege</span></span></h2>
+      <p>Thanks to your noble birth, people are inclined to think the best of you. You are welcome in high society, and people assume you have the right to be wherever you are. The common folk make every effort to accommodate you and avoid your displeasure, and other people of high birth treat you as a member of the same social sphere. You can secure an audience with a local noble if you need to.</p>
+      <h1 id="toc5"><span><span style="font-size:80%;">Suggested Characteristics</span></span></h1>
+      <p>Nobles are born and raised to a very different lifestyle than most people ever experience, and their personalities reflect that upbringing. A noble title comes with a plethora of bonds –responsibilities to family, to other nobles (including the sovereign), to the people entrusted to the family's care, or even to the title itself. But this responsibility is often a good way to undermine a noble.</p>
+      <div class="feature">
+      <div class="row">
+      <div class="col-sm-6">
+      <h2 id="toc6"><span><span style="font-size:80%;">Personality Traits</span></span></h2>
+      <table class="wiki-content-table">
+      <tr>
+      <th>d8</th>
+      <th>Personality Trait</th>
+      </tr>
+      <tr>
+      <td>1</td>
+      <td>My eloquent flattery makes everyone I talk to feel like the most wonderful and important person in the world.</td>
+      </tr>
+      <tr>
+      <td>2</td>
+      <td>The common folk love me for my kindness and generosity.</td>
+      </tr>
+      <tr>
+      <td>3</td>
+      <td>No one could doubt by looking at my regal bearing that I am a cut above the unwashed masses.</td>
+      </tr>
+      <tr>
+      <td>4</td>
+      <td>I take great pains to always look my best and follow the latest fashions.</td>
+      </tr>
+      <tr>
+      <td>5</td>
+      <td>I don't like to get my hands dirty, and I won't be caught dead in unsuitable accommodations.</td>
+      </tr>
+      <tr>
+      <td>6</td>
+      <td>Despite my noble birth, I do not place myself above other folk. We all have the same blood.</td>
+      </tr>
+      <tr>
+      <td>7</td>
+      <td>My favor, once lost, is lost forever.</td>
+      </tr>
+      <tr>
+      <td>8</td>
+      <td>If you do me an injury, I will crush you, ruin your name, and salt your fields.</td>
+      </tr>
+      </table>
+      </div>
+      <div class="col-sm-6">
+      <h2 id="toc7"><span><span style="font-size:80%;">Ideals</span></span></h2>
+      <table class="wiki-content-table">
+      <tr>
+      <th>d6</th>
+      <th>Ideal</th>
+      </tr>
+      <tr>
+      <td>1</td>
+      <td><strong>Respect.</strong> Respect is due to me because of my position, but all people regardless of station deserve to be treated with dignity. (Good)</td>
+      </tr>
+      <tr>
+      <td>2</td>
+      <td><strong>Responsibility.</strong> It is my duty to respect the authority of those above me, just as those below me must respect mine. (Lawful)</td>
+      </tr>
+      <tr>
+      <td>3</td>
+      <td><strong>Independence.</strong> I must prove that I can handle myself without the coddling of my family. (Chaotic)</td>
+      </tr>
+      <tr>
+      <td>4</td>
+      <td><strong>Power.</strong> If I can attain more power, no one will tell me what to do. (Evil)</td>
+      </tr>
+      <tr>
+      <td>5</td>
+      <td><strong>Family.</strong> Blood runs thicker than water. (Any)</td>
+      </tr>
+      <tr>
+      <td>6</td>
+      <td><strong>Noble Obligation.</strong> It is my duty to protect and care for the people beneath me. (Good)</td>
+      </tr>
+      </table>
+      </div>
+      </div>
+      <div class="row">
+      <div class="col-sm-6">
+      <h2 id="toc8"><span><span style="font-size:80%;">Bonds</span></span></h2>
+      <table class="wiki-content-table">
+      <tr>
+      <th>d6</th>
+      <th>Bond</th>
+      </tr>
+      <tr>
+      <td>1</td>
+      <td>I will face any challenge to win the approval of my family.</td>
+      </tr>
+      <tr>
+      <td>2</td>
+      <td>My house's alliance with another noble family must be sustained at all costs.</td>
+      </tr>
+      <tr>
+      <td>3</td>
+      <td>Nothing is more important than the other members of my family.</td>
+      </tr>
+      <tr>
+      <td>4</td>
+      <td>I am in love with the heir of a family that my family despises.</td>
+      </tr>
+      <tr>
+      <td>5</td>
+      <td>My loyalty to my sovereign is unwavering.</td>
+      </tr>
+      <tr>
+      <td>6</td>
+      <td>The common folk must see me as a hero of the people.</td>
+      </tr>
+      </table>
+      </div>
+      <div class="col-sm-6">
+      <h2 id="toc9"><span><span style="font-size:80%;">Flaws</span></span></h2>
+      <table class="wiki-content-table">
+      <tr>
+      <th>d6</th>
+      <th>Flaw</th>
+      </tr>
+      <tr>
+      <td>1</td>
+      <td>I secretly believe that everyone is beneath me.</td>
+      </tr>
+      <tr>
+      <td>2</td>
+      <td>I hide a truly scandalous secret that could ruin my family forever.</td>
+      </tr>
+      <tr>
+      <td>3</td>
+      <td>I too often hear veiled insults and threats in every word addressed to me, and I'm quick to anger.</td>
+      </tr>
+      <tr>
+      <td>4</td>
+      <td>I have an insatiable desire for carnal pleasures.</td>
+      </tr>
+      <tr>
+      <td>5</td>
+      <td>In fact, the world does revolve around me.</td>
+      </tr>
+      <tr>
+      <td>6</td>
+      <td>By my words and actions, I often bring shame to my family.</td>
+      </tr>
+      </table>
+      </div>
+      </div>
+      </div>
+      </div>
+    `,
+  };
+
+  private outlander: any = {
+    title: 'outlander',
+    description: `
+<p><strong><em>You grew up in the wilds, far from civilization and the comforts of town and technology. You've witnessed the migration of herds larger than forests, survived weather more extreme than any city-dweller could comprehend, and enjoyed the solitude of being the only thinking creature for miles in any direction. The wilds are in your blood, whether you were a nomad, an explorer, a recluse, a hunter-gatherer, or even a marauder. Even in places where you don't know the specific features of the terrain, you know the ways of the wild.</em></strong></p>
+<p>Source: Player's Handbook</p>
+<p><strong>Skill Proficiencies:</strong> Athletics, Survival<br />
+<strong>Tool Proficiencies:</strong> One type of musical instrument<br />
+<strong>Languages:</strong> One of your choice<br />
+<strong>Equipment:</strong> A <span class="hover">staff<span>Value:2sp Weight:4lbs</span></span>, a <span class="hover">hunting trap<span>Value:5gp Weight:25lbs</span></span>, a trophy from an animal you killed, a set of <span class="hover">traveler's clothes<span>Value:2gp Weight:4lbs</span></span>, and a <span class="hover">pouch<span>Value:5sp Weight:1lb</span></span> containing 10gp</p>
+<h1 id="toc0"><span><span style="font-size:80%;">Features</span></span></h1>
+<h2 id="toc1"><span><span style="font-size:80%;">Origin</span></span></h2>
+<p>You've been to strange places and seen things that others cannot begin to fathom. Consider some of the distant lands you have visited, and how they impacted you. You can roll on the following table to determine your occupation during your time in the wild, or choose one that best fits your character.</p>
+<table class="wiki-content-table">
+<tr>
+<th>d10</th>
+<th>Origin</th>
+</tr>
+<tr>
+<td>1</td>
+<td>Forester</td>
+</tr>
+<tr>
+<td>2</td>
+<td>Trapper</td>
+</tr>
+<tr>
+<td>3</td>
+<td>Homesteader</td>
+</tr>
+<tr>
+<td>4</td>
+<td>Guide</td>
+</tr>
+<tr>
+<td>5</td>
+<td>Exile or outcast</td>
+</tr>
+<tr>
+<td>6</td>
+<td>Bounty hunter</td>
+</tr>
+<tr>
+<td>7</td>
+<td>Pilgrim</td>
+</tr>
+<tr>
+<td>8</td>
+<td>Tribal nomad</td>
+</tr>
+<tr>
+<td>9</td>
+<td>Hunter-gatherer</td>
+</tr>
+<tr>
+<td>10</td>
+<td>Tribal marauder</td>
+</tr>
+</table>
+<h2 id="toc2"><span><span style="font-size:80%;">Wanderer</span></span></h2>
+<p>You have an excellent memory for maps and geography, and you can always recall the general layout of terrain, settlements, and other features around you. In addition, you can find food and fresh water for yourself and up to five other people each day, provided that the land offers berries, small game, water, and so forth.</p>
+<h1 id="toc3"><span><span style="font-size:80%;">Suggested Characteristics</span></span></h1>
+<p>Often considered rude and uncouth among civilized folk, outlanders have little respect for the niceties of life in the cities. The ties of tribe, clan, family, and the natural world of which they are a part are the most important bonds to most outlanders.</p>
+<div class="feature">
+<div class="row">
+<div class="col-sm-6">
+<h2 id="toc4"><span><span style="font-size:80%;">Personality Traits</span></span></h2>
+<table class="wiki-content-table">
+<tr>
+<th>d8</th>
+<th>Personality Trait</th>
+</tr>
+<tr>
+<td>1</td>
+<td>I'm driven by a wanderlust that led me away from home.</td>
+</tr>
+<tr>
+<td>2</td>
+<td>I watch over my friends as if they were a litter of newborn pups.</td>
+</tr>
+<tr>
+<td>3</td>
+<td>I once ran twenty-five miles without stopping to warn my clan of an approaching orc horde. I'd do it again if I had to.</td>
+</tr>
+<tr>
+<td>4</td>
+<td>I have a lesson for every situation, drawn from observing nature.</td>
+</tr>
+<tr>
+<td>5</td>
+<td>I place no stock in wealthy or well-mannered folk. Money and manners won't save you from a hungry owlbear.</td>
+</tr>
+<tr>
+<td>6</td>
+<td>I'm always picking things up, absently fiddling with them, and sometimes accidentally breaking them.</td>
+</tr>
+<tr>
+<td>7</td>
+<td>I feel far more comfortable around animals than people.</td>
+</tr>
+<tr>
+<td>8</td>
+<td>I was, in fact, raised by wolves.</td>
+</tr>
+</table>
+</div>
+<div class="col-sm-6">
+<h2 id="toc5"><span><span style="font-size:80%;">Ideals</span></span></h2>
+<table class="wiki-content-table">
+<tr>
+<th>d6</th>
+<th>Ideal</th>
+</tr>
+<tr>
+<td>1</td>
+<td><strong>Change.</strong> Life is like the seasons, in constant change, and we must change with it. (Chaotic)</td>
+</tr>
+<tr>
+<td>2</td>
+<td><strong>Greater Good.</strong> It is each person's responsibility to make the most happiness for the whole tribe. (Good)</td>
+</tr>
+<tr>
+<td>3</td>
+<td><strong>Honor.</strong> If I dishonor myself, I dishonor my whole clan. (Lawful)</td>
+</tr>
+<tr>
+<td>4</td>
+<td><strong>Might.</strong> The strongest are meant to rule. (Evil)</td>
+</tr>
+<tr>
+<td>5</td>
+<td><strong>Nature.</strong> The natural world is more important than all the constructs of civilization. (Neutral)</td>
+</tr>
+<tr>
+<td>6</td>
+<td><strong>Glory.</strong> I must earn glory in battle, for myself and my clan. (Any)</td>
+</tr>
+</table>
+</div>
+</div>
+<div class="row">
+<div class="col-sm-6">
+<h2 id="toc6"><span><span style="font-size:80%;">Bonds</span></span></h2>
+<table class="wiki-content-table">
+<tr>
+<th>d6</th>
+<th>Bond</th>
+</tr>
+<tr>
+<td>1</td>
+<td>My family, clan, or tribe is the most important thing in my life, even when they are far from me.</td>
+</tr>
+<tr>
+<td>2</td>
+<td>An injury to the unspoiled wilderness of my home is an injury to me.</td>
+</tr>
+<tr>
+<td>3</td>
+<td>I will bring terrible wrath down on the evildoers who destroyed my homeland.</td>
+</tr>
+<tr>
+<td>4</td>
+<td>I am the last of my tribe, and it is up to me to ensure their names enter legend.</td>
+</tr>
+<tr>
+<td>5</td>
+<td>I suffer awful visions of a coming disaster and will do anything to prevent it.</td>
+</tr>
+<tr>
+<td>6</td>
+<td>It is my duty to provide children to sustain my tribe.</td>
+</tr>
+</table>
+</div>
+<div class="col-sm-6">
+<h2 id="toc7"><span><span style="font-size:80%;">Flaws</span></span></h2>
+<table class="wiki-content-table">
+<tr>
+<th>d6</th>
+<th>Flaw</th>
+</tr>
+<tr>
+<td>1</td>
+<td>I am too enamored of ale, wine, and other intoxicants.</td>
+</tr>
+<tr>
+<td>2</td>
+<td>There's no room for caution in a life lived to the fullest.</td>
+</tr>
+<tr>
+<td>3</td>
+<td>I remember every insult I've received and nurse a silent resentment toward anyone who's ever wronged me.</td>
+</tr>
+<tr>
+<td>4</td>
+<td>I am slow to trust members of other races, tribes, and societies.</td>
+</tr>
+<tr>
+<td>5</td>
+<td>Violence is my answer to almost any challenge.</td>
+</tr>
+<tr>
+<td>6</td>
+<td>Don't expect me to save those who can't save themselves. It is nature's way that the strong thrive and the weak perish.</td>
+</tr>
+</table>
+</div>
+</div>
+</div>
+</div>
+`,
+  };
+  private sage: any = {
+    title: 'sage',
+    description: `
+      <p><strong><em>You spent years learning the lore of the multiverse. You scoured manuscripts, studied scrolls, and listened to the greatest experts on the subjects that interest you. Your efforts have made you a master in your fields of study.</em></strong></p>
+      <p>Source: Player's Handbook</p>
+      <p><strong>Skill Proficiencies:</strong> Arcana, History<br />
+      <strong>Tool Proficiencies:</strong> None<br />
+      <strong>Languages:</strong> Two of your choice<br />
+      <strong>Equipment:</strong> A <span class="hover">bottle of ink<span>Value:10gp Weight:0.0625lb</span></span>, a <span class="hover">quill<span>Value:2cp Weight:0</span></span>, a <span class="hover">small knife<span>Value:0 Weight:0</span></span>, a letter from a dead colleague posing a question you have not yet been able to answer, a set of <span class="hover">common clothes<span>Value:5sp Weight:3lbs</span></span>, and a <span class="hover">pouch<span>Value:5sp Weight:1lb</span></span> containing 10gp</p>
+      <h1 id="toc0"><span><span style="font-size:80%;">Features</span></span></h1>
+      <h2 id="toc1"><span><span style="font-size:80%;">Specialty</span></span></h2>
+      <p>To determine the nature of your scholarly training, roll a d8 or choose from the options in the table below.</p>
+      <table class="wiki-content-table">
+      <tr>
+      <th>d8</th>
+      <th>Specialty</th>
+      </tr>
+      <tr>
+      <td>1</td>
+      <td>Alchemist</td>
+      </tr>
+      <tr>
+      <td>2</td>
+      <td>Astronomer</td>
+      </tr>
+      <tr>
+      <td>3</td>
+      <td>Discredited academic</td>
+      </tr>
+      <tr>
+      <td>4</td>
+      <td>Librarian</td>
+      </tr>
+      <tr>
+      <td>5</td>
+      <td>Professor</td>
+      </tr>
+      <tr>
+      <td>6</td>
+      <td>Researcher</td>
+      </tr>
+      <tr>
+      <td>7</td>
+      <td>Wizard's apprentice</td>
+      </tr>
+      <tr>
+      <td>8</td>
+      <td>Scribe</td>
+      </tr>
+      </table>
+      <h2 id="toc2"><span><span style="font-size:80%;">Researcher</span></span></h2>
+      <p>When you attempt to learn or recall a piece of lore, if you do not know that information, you often know where and from whom you can obtain it. Usually, this information comes from a library, scriptorium, university, or a sage or other learned person or creature. Your DM might rule that the knowledge you seek is secreted away in an almost inaccessible place, or that it simply cannot be found. Unearthing the deepest secrets of the multiverse can require an adventure or even a whole campaign.</p>
+      <h1 id="toc3"><span><span style="font-size:80%;">Suggested Characteristics</span></span></h1>
+      <p>Sages arc defined by their extensive studies, and their characteristics reflect this life of study. Devoted to scholarly pursuits, a sage values knowledge highly – sometimes in its own right, sometimes as a means toward other ideals.</p>
+      <div class="feature">
+      <div class="row">
+      <div class="col-sm-6">
+      <h2 id="toc4"><span><span style="font-size:80%;">Personality Traits</span></span></h2>
+      <table class="wiki-content-table">
+      <tr>
+      <th>d8</th>
+      <th>Personality Trait</th>
+      </tr>
+      <tr>
+      <td>1</td>
+      <td>I use polysyllabic words that convey the impression of great erudition.</td>
+      </tr>
+      <tr>
+      <td>2</td>
+      <td>I've read every book in the world's greatest libraries – or I like to boast that I have.</td>
+      </tr>
+      <tr>
+      <td>3</td>
+      <td>I'm used to helping out those who aren't as smart as I am, and I patiently explain anything and everything to others.</td>
+      </tr>
+      <tr>
+      <td>4</td>
+      <td>There's nothing I like more than a good mystery.</td>
+      </tr>
+      <tr>
+      <td>5</td>
+      <td>I'm willing to listen to every side of an argument before I make my own judgment.</td>
+      </tr>
+      <tr>
+      <td>6</td>
+      <td>I&#8230; speak&#8230; slowly&#8230; when talking&#8230; to idiots,&#8230; which&#8230; almost&#8230; everyone&#8230; is&#8230; compared&#8230; to me.</td>
+      </tr>
+      <tr>
+      <td>7</td>
+      <td>I am horribly, horribly awkward in social situations.</td>
+      </tr>
+      <tr>
+      <td>8</td>
+      <td>I'm convinced that people are always trying to steal my secrets.</td>
+      </tr>
+      </table>
+      </div>
+      <div class="col-sm-6">
+      <h2 id="toc5"><span><span style="font-size:80%;">Ideals</span></span></h2>
+      <table class="wiki-content-table">
+      <tr>
+      <th>d6</th>
+      <th>Ideal</th>
+      </tr>
+      <tr>
+      <td>1</td>
+      <td><strong>Knowledge.</strong> The path to power and self-improvement is through knowledge. (Neutral)</td>
+      </tr>
+      <tr>
+      <td>2</td>
+      <td><strong>Beauty.</strong> What is beautiful points us beyond itself toward what is true. (Good)</td>
+      </tr>
+      <tr>
+      <td>3</td>
+      <td><strong>Logic.</strong> Emotions must not cloud our logical thinking. (Lawful)</td>
+      </tr>
+      <tr>
+      <td>4</td>
+      <td><strong>No Limits.</strong> Nothing should fetter the infinite possibility inherent in all existence. (Chaotic)</td>
+      </tr>
+      <tr>
+      <td>5</td>
+      <td><strong>Power.</strong> Knowledge is the path to power and domination. (Evil)</td>
+      </tr>
+      <tr>
+      <td>6</td>
+      <td><strong>Self-Improvement.</strong> The goal of a life of study is the betterment of oneself. (Any)</td>
+      </tr>
+      </table>
+      </div>
+      </div>
+      <div class="row">
+      <div class="col-sm-6">
+      <h2 id="toc6"><span><span style="font-size:80%;">Bonds</span></span></h2>
+      <table class="wiki-content-table">
+      <tr>
+      <th>d6</th>
+      <th>Bond</th>
+      </tr>
+      <tr>
+      <td>1</td>
+      <td>It is my duty to protect my students.</td>
+      </tr>
+      <tr>
+      <td>2</td>
+      <td>I have an ancient text that holds terrible secrets that must not fall into the wrong hands.</td>
+      </tr>
+      <tr>
+      <td>3</td>
+      <td>I work to preserve a library, university, scriptorium, or monastery.</td>
+      </tr>
+      <tr>
+      <td>4</td>
+      <td>My life's work is a series of tomes related to a specific field of lore.</td>
+      </tr>
+      <tr>
+      <td>5</td>
+      <td>I've been searching my whole life for the answer to a certain question.</td>
+      </tr>
+      <tr>
+      <td>6</td>
+      <td>I sold my soul for knowledge. I hope to do great deeds and win it back.</td>
+      </tr>
+      </table>
+      </div>
+      <div class="col-sm-6">
+      <h2 id="toc7"><span><span style="font-size:80%;">Flaws</span></span></h2>
+      <table class="wiki-content-table">
+      <tr>
+      <th>d6</th>
+      <th>Flaw</th>
+      </tr>
+      <tr>
+      <td>1</td>
+      <td>I am easily distracted by the promise of information.</td>
+      </tr>
+      <tr>
+      <td>2</td>
+      <td>Most people scream and run when they see a demon. I stop and take notes on its anatomy.</td>
+      </tr>
+      <tr>
+      <td>3</td>
+      <td>Unlocking an ancient mystery is worth the price of a civilization.</td>
+      </tr>
+      <tr>
+      <td>4</td>
+      <td>I overlook obvious solutions in favor of complicated ones.</td>
+      </tr>
+      <tr>
+      <td>5</td>
+      <td>I speak without really thinking through my words, invariably insulting others.</td>
+      </tr>
+      <tr>
+      <td>6</td>
+      <td>I can't keep a secret to save my life, or anyone else's.</td>
+      </tr>
+      </table>
+      </div>
+      </div>
+      </div>
+      </div>
+      `,
+  };
+
+  private sailor: any = {
+    title: 'sailor',
+    description: `
+      <p><strong><em>You sailed on a seagoing vessel for years. In that time, you faced down mighty storms, monsters of the deep, and those who wanted to sink your craft to the bottomless depths. Your first love is the distant line of the horizon, but the time has come to try your hand at something new.</em></strong></p>
+<p><strong><em>Discuss the nature of the ship you previously sailed with your DM. Was it a merchant ship, a naval vessel, a ship of discovery, or a pirate ship? How famous (or infamous) is it? Is it widely traveled? Is it still sailing, or is it missing and presumed lost with all hands?</em></strong></p>
+<p><strong><em>What were your duties on board – boatswain, captain, navigator, cook, or some other position? Who were the captain and first mate? Did you leave your ship on good terms with your fellows, or on the run?</em></strong></p>
+<p>Source: Player's Handbook</p>
+<p><strong>Skill Proficiencies:</strong> Athletics, Perception<br />
+<strong>Tool Proficiencies:</strong> Navigator's tools, vehicles (water)<br />
+<strong>Languages:</strong> None<br />
+<strong>Equipment:</strong> A belaying pin (<span class="hover">club<span>Value:1sp Weight:2lbs</span></span>), 50 feet of <span class="hover">silk rope<span>Value:10gp Weight:5lbs</span></span>, a lucky charm such as a rabbit foot or a small stone with a hole in the center (or you may roll for a random trinket on the Trinkets table in chapter 5), a set of <span class="hover">common clothes<span>Value:5sp Weight:3lbs</span></span>, and a <span class="hover">pouch<span>Value:5sp Weight:1lb</span></span> containing 10gp</p>
+<h1 id="toc0"><span><span style="font-size:80%;">Variants</span></span></h1>
+<h2 id="toc1"><span><span style="font-size:80%;">Pirate</span></span></h2>
+<p>You spent your youth under the sway of a dread pirate, a ruthless cutthroat who taught you how to survive in a world of sharks and savages. You've indulged in larceny on the high seas and sent more than one deserving soul to a briny grave. Fear and bloodshed are no strangers to you, and you've garnered a somewhat unsavory reputation in many a port town.</p>
+<p>If you decide that your sailing career involved piracy, you can choose the Bad Reputation feature below instead of the Ship's Passage feature.</p>
+<h1 id="toc2"><span><span style="font-size:80%;">Features</span></span></h1>
+<h2 id="toc3"><span><span style="font-size:80%;">Ship's Passage</span></span></h2>
+<p>When you need to, you can secure free passage on a sailing ship for yourself and your adventuring companions. You might sail on the ship you served on, or another ship you have good relations with (perhaps one captained by a former crewmate). Because you're calling in a favor, you can't be certain of a schedule or route that will meet your every need. Your DM will determine how long it takes to get where you need to go. In return for your free passage, you and your companions are expected to assist the crew during the voyage.</p>
+<h2 id="toc4"><span><span style="font-size:80%;">Alternative: Bad Reputation</span></span></h2>
+<p>If your character has a pirate background, you may select this background feature instead of Ship's Passage.</p>
+<p>No matter where you go, people are afraid of you due to your reputation. When you are in a civilized settlement, you can get away with minor criminal offenses, such as refusing to pay for food at a tavern or breaking down doors at a local shop, since most people will not report your activity to the authorities.</p>
+<h1 id="toc5"><span><span style="font-size:80%;">Suggested Characteristics</span></span></h1>
+<p>Sailors can be a rough lot, but the responsibilities of life on a ship make them generally reliable as well. Life aboard a ship shapes their outlook and forms their most important attachments.</p>
+<div class="feature">
+<div class="row">
+<div class="col-sm-6">
+<h2 id="toc6"><span><span style="font-size:80%;">Personality Traits</span></span></h2>
+<table class="wiki-content-table">
+<tr>
+<th>d8</th>
+<th>Personality Trait</th>
+</tr>
+<tr>
+<td>1</td>
+<td>My friends know they can rely on me, no matter what.</td>
+</tr>
+<tr>
+<td>2</td>
+<td>I work hard so that I can play hard when the work is done.</td>
+</tr>
+<tr>
+<td>3</td>
+<td>I enjoy sailing into new ports and making new friends over a flagon of ale.</td>
+</tr>
+<tr>
+<td>4</td>
+<td>I stretch the truth for the sake of a good story.</td>
+</tr>
+<tr>
+<td>5</td>
+<td>To me, a tavern brawl is a nice way to get to know a new city.</td>
+</tr>
+<tr>
+<td>6</td>
+<td>I never pass up a friendly wager.</td>
+</tr>
+<tr>
+<td>7</td>
+<td>My language is as foul as an otyugh nest.</td>
+</tr>
+<tr>
+<td>8</td>
+<td>I like a job well done, especially if I can convince someone else to do it.</td>
+</tr>
+</table>
+</div>
+<div class="col-sm-6">
+<h2 id="toc7"><span><span style="font-size:80%;">Ideals</span></span></h2>
+<table class="wiki-content-table">
+<tr>
+<th>d6</th>
+<th>Ideal</th>
+</tr>
+<tr>
+<td>1</td>
+<td><strong>Respect.</strong> The thing that keeps a ship together is mutual respect between captain and crew. (Good)</td>
+</tr>
+<tr>
+<td>2</td>
+<td><strong>Fairness.</strong> We all do the work, so we all share in the rewards. (Lawful)</td>
+</tr>
+<tr>
+<td>3</td>
+<td><strong>Freedom.</strong> The sea is freedom-the freedom to go anywhere and do anything. (Chaotic)</td>
+</tr>
+<tr>
+<td>4</td>
+<td><strong>Mastery.</strong> I'm a predator, and the other ships on the sea are my prey. (Evil)</td>
+</tr>
+<tr>
+<td>5</td>
+<td><strong>People.</strong> I'm committed to my crewmates, not to ideals. (Neutral)</td>
+</tr>
+<tr>
+<td>6</td>
+<td><strong>Aspiration.</strong> Someday I'll own my own ship and chart my own destiny. (Any)</td>
+</tr>
+</table>
+</div>
+</div>
+<div class="row">
+<div class="col-sm-6">
+<h2 id="toc8"><span><span style="font-size:80%;">Bonds</span></span></h2>
+<table class="wiki-content-table">
+<tr>
+<th>d6</th>
+<th>Bond</th>
+</tr>
+<tr>
+<td>1</td>
+<td>I'm loyal to my captain first, everything else second.</td>
+</tr>
+<tr>
+<td>2</td>
+<td>The ship is most important – crewmates and captains come and go.</td>
+</tr>
+<tr>
+<td>3</td>
+<td>I'll always remember my first ship.</td>
+</tr>
+<tr>
+<td>4</td>
+<td>In a harbor town, I have a paramour whose eyes nearly stole me from the sea.</td>
+</tr>
+<tr>
+<td>5</td>
+<td>I was cheated out of my fair share of the profits, and I want to get my due.</td>
+</tr>
+<tr>
+<td>6</td>
+<td>Ruthless pirates murdered my captain and crewmates, plundered our ship, and left me to die. Vengeance will be mine.</td>
+</tr>
+</table>
+</div>
+<div class="col-sm-6">
+<h2 id="toc9"><span><span style="font-size:80%;">Flaws</span></span></h2>
+<table class="wiki-content-table">
+<tr>
+<th>d6</th>
+<th>Flaw</th>
+</tr>
+<tr>
+<td>1</td>
+<td>I follow orders, even if I think they're wrong.</td>
+</tr>
+<tr>
+<td>2</td>
+<td>I'll say anything to avoid having to do extra work.</td>
+</tr>
+<tr>
+<td>3</td>
+<td>Once someone questions my courage, I never back down no matter how dangerous the situation.</td>
+</tr>
+<tr>
+<td>4</td>
+<td>Once I start drinking, it's hard for me to stop.</td>
+</tr>
+<tr>
+<td>5</td>
+<td>I can't help but pocket loose coins and other trinkets I come across.</td>
+</tr>
+<tr>
+<td>6</td>
+<td>My pride will probably lead to my destruction.</td>
+</tr>
+</table>
+</div>
+</div>
+</div>
+</div>
+`,
+  };
+
+  private soldier: any = {
+    title: 'soldier',
+    description: `
+      <p><strong><em>War has been your life for as long as you care to remember. You trained as a youth, studied the use of weapons and armor, learned basic survival techniques, including how to stay alive on the battlefield. You might have been part of a standing national army or a mercenary company, or perhaps a member of a local militia who rose to prominence during a recent war.</em></strong></p>
+<p><strong><em>When you choose this background, work with your DM to determine which military organization you were a part of, how far through its ranks you progressed, and what kind of experiences you had during your military career. Was it a standing army, a town guard, or a village militia? Or it might have been a noble's or merchant's private army, or a mercenary company.</em></strong></p>
+<p>Source: Player's Handbook</p>
+<p><strong>Skill Proficiencies:</strong> Athletics, Intimidation<br />
+<strong>Tool Proficiencies:</strong> One type of gaming set, vehicles (land)<br />
+<strong>Languages:</strong> None<br />
+<strong>Equipment:</strong> An insignia of rank, a trophy taken from a fallen enemy (a <span class="hover">dagger<span>Value:2gp Weight:1lb</span></span>, broken blade, or piece of a banner), a set of bone <span class="hover">dice<span>Value:1sp Weight:0</span></span> or a deck of <span class="hover">cards<span>Value:5sp Weight:0</span></span>, a set of <span class="hover">common clothes<span>Value:5sp Weight:3lbs</span></span>, and a <span class="hover">pouch<span>Value:5sp Weight:1lb</span></span> containing 10gp</p>
+<h1 id="toc0"><span><span style="font-size:80%;">Features</span></span></h1>
+<h2 id="toc1"><span><span style="font-size:80%;">Specialty</span></span></h2>
+<p>During your time as a soldier, you had a specific role to play in your unit or army. Roll a d8 or choose from the options in the table below to determine your role:</p>
+<table class="wiki-content-table">
+<tr>
+<th>d8</th>
+<th>Specialty</th>
+</tr>
+<tr>
+<td>1</td>
+<td>Officer</td>
+</tr>
+<tr>
+<td>2</td>
+<td>Scout</td>
+</tr>
+<tr>
+<td>3</td>
+<td>Infantry</td>
+</tr>
+<tr>
+<td>4</td>
+<td>Cavalry</td>
+</tr>
+<tr>
+<td>5</td>
+<td>Healer</td>
+</tr>
+<tr>
+<td>6</td>
+<td>Quartermaster</td>
+</tr>
+<tr>
+<td>7</td>
+<td>Standard bearer</td>
+</tr>
+<tr>
+<td>8</td>
+<td>Support staff (cook, blacksmith, or the like)</td>
+</tr>
+</table>
+<h2 id="toc2"><span><span style="font-size:80%;">Military Rank</span></span></h2>
+<p>You have a military rank from your career as a soldier. Soldiers loyal to your former military organization still recognize your authority and influence, and they defer to you if they are of a lower rank. You can invoke your rank to exert influence over other soldiers and requisition simple equipment or horses for temporary use. You can also usually gain access to friendly military encampments and fortresses where your rank is recognized.</p>
+<h1 id="toc3"><span><span style="font-size:80%;">Suggested Characteristics</span></span></h1>
+<p>The horrors of war combined with the rigid discipline of military service leave their mark on all soldiers, shaping their ideals, creating strong bonds, and often leaving them scarred and vulnerable to fear, shame, and hatred.</p>
+<div class="feature">
+<div class="row">
+<div class="col-sm-6">
+<h2 id="toc4"><span><span style="font-size:80%;">Personality Traits</span></span></h2>
+<table class="wiki-content-table">
+<tr>
+<th>d8</th>
+<th>Personality Trait</th>
+</tr>
+<tr>
+<td>1</td>
+<td>I'm always polite and respectful.</td>
+</tr>
+<tr>
+<td>2</td>
+<td>I'm haunted by memories of war. I can't get the images of violence out of my mind.</td>
+</tr>
+<tr>
+<td>3</td>
+<td>I've lost too many friends, and I'm slow to make new ones.</td>
+</tr>
+<tr>
+<td>4</td>
+<td>I'm full of inspiring and cautionary tales from my military experience relevant to almost every combat situation.</td>
+</tr>
+<tr>
+<td>5</td>
+<td>I can stare down a hell hound without flinching.</td>
+</tr>
+<tr>
+<td>6</td>
+<td>I enjoy being strong and like breaking things.</td>
+</tr>
+<tr>
+<td>7</td>
+<td>I have a crude sense of humor.</td>
+</tr>
+<tr>
+<td>8</td>
+<td>I face problems head-on. A simple, direct solution is the best path to success.</td>
+</tr>
+</table>
+</div>
+<div class="col-sm-6">
+<h2 id="toc5"><span><span style="font-size:80%;">Ideals</span></span></h2>
+<table class="wiki-content-table">
+<tr>
+<th>d6</th>
+<th>Ideal</th>
+</tr>
+<tr>
+<td>1</td>
+<td><strong>Greater Good.</strong> Our lot is to lay down our lives in defense of others. (Good)</td>
+</tr>
+<tr>
+<td>2</td>
+<td><strong>Responsibility.</strong> I do what I must and obey just authority. (Lawful)</td>
+</tr>
+<tr>
+<td>3</td>
+<td><strong>Independence.</strong> When people follow orders blindly, they embrace a kind of tyranny. (Chaotic)</td>
+</tr>
+<tr>
+<td>4</td>
+<td><strong>Might.</strong> In life as in war, the stronger force wins. (Evil)</td>
+</tr>
+<tr>
+<td>5</td>
+<td><strong>Live and Let Live.</strong> Ideals aren't worth killing over or going to war for. (Neutral)</td>
+</tr>
+<tr>
+<td>6</td>
+<td><strong>Nation.</strong> My city, nation, or people are all that matter. (Any)</td>
+</tr>
+</table>
+</div>
+</div>
+<div class="row">
+<div class="col-sm-6">
+<h2 id="toc6"><span><span style="font-size:80%;">Bonds</span></span></h2>
+<table class="wiki-content-table">
+<tr>
+<th>d6</th>
+<th>Bond</th>
+</tr>
+<tr>
+<td>1</td>
+<td>I would still lay down my life for the people I served with.</td>
+</tr>
+<tr>
+<td>2</td>
+<td>Someone saved my life on the battlefield. To this day, I will never leave a friend behind.</td>
+</tr>
+<tr>
+<td>3</td>
+<td>My honor is my life.</td>
+</tr>
+<tr>
+<td>4</td>
+<td>I'll never forget the crushing defeat my company suffered or the enemies who dealt it.</td>
+</tr>
+<tr>
+<td>5</td>
+<td>Those who fight beside me are those worth dying for.</td>
+</tr>
+<tr>
+<td>6</td>
+<td>I fight for those who cannot fight for themselves.</td>
+</tr>
+</table>
+</div>
+<div class="col-sm-6">
+<h2 id="toc7"><span><span style="font-size:80%;">Flaws</span></span></h2>
+<table class="wiki-content-table">
+<tr>
+<th>d6</th>
+<th>Flaw</th>
+</tr>
+<tr>
+<td>1</td>
+<td>The monstrous enemy we faced in battle still leaves me quivering with fear.</td>
+</tr>
+<tr>
+<td>2</td>
+<td>I have little respect for anyone who is not a proven warrior.</td>
+</tr>
+<tr>
+<td>3</td>
+<td>I made a terrible mistake in battle that cost many lives –&nbsp;and I would do anything to keep that mistake secret.</td>
+</tr>
+<tr>
+<td>4</td>
+<td>My hatred of my enemies is blind and unreasoning.</td>
+</tr>
+<tr>
+<td>5</td>
+<td>I obey the law, even if the law causes misery.</td>
+</tr>
+<tr>
+<td>6</td>
+<td>I'd rather eat my armor than admit when I'm wrong.</td>
+</tr>
+</table>
+</div>
+</div>
+</div>
+</div>
+`,
+  };
+
+  private urchin: any = {
+    title: 'urchin',
+    description: `
+<p><strong><em>You grew up on the streets alone, orphaned, and poor, You had no one to watch over you or to provide for you, so you learned to provide for yourself. You fought fiercely over food and kept a constant watch out for other desperate souls who might steal from you. You slept on rooftops and in alleyways, exposed to the elements, and endured sickness without the advantage of medicine or a place to recuperate. You've survived despite all odds, and did so through cunning, strength, speed, or some combination of each.</em></strong></p>
+<p><strong><em>You begin your adventuring career with enough money to live modestly but securely for at least ten days. How did you come by that money? What allowed you to break free of your desperate circumstances and embark on a better life?</em></strong></p>
+<p>Source: Player's Handbook</p>
+<p><strong>Skill Proficiencies:</strong> Sleight of Hand, Stealth<br />
+<strong>Tool Proficiencies:</strong> Disguise kit, thieves' tools<br />
+<strong>Languages:</strong> None<br />
+<strong>Equipment:</strong> A <span class="hover">small knife<span>Value:0 Weight:0</span></span>, a map of the city you grew up in, a pet mouse, a token to remember your parents by, a set of <span class="hover">common clothes<span>Value:5sp Weight:3lbs</span></span>, and a <span class="hover">pouch<span>Value:5sp Weight:1lb</span></span> containing 10gp</p>
+<h1 id="toc0"><span><span style="font-size:80%;">Features</span></span></h1>
+<h2 id="toc1"><span><span style="font-size:80%;">City Secrets</span></span></h2>
+<p>You know the secret patterns and flow to cities and can find passages through the urban sprawl that others would miss. When you are not in combat, you (and companions you lead) can travel between any two locations in the city twice as fast as your speed would normally allow.</p>
+<h1 id="toc2"><span><span style="font-size:80%;">Suggested Characteristics</span></span></h1>
+<p>Urchins are shaped by lives of desperate poverty, for good and for ill. They tend to be driven either by a commitment to the people with whom they shared life on the street or by a burning desire to find a better life and maybe get some payback on all the rich people who treated them badly.</p>
+<div class="feature">
+<div class="row">
+<div class="col-sm-6">
+<h2 id="toc3"><span><span style="font-size:80%;">Personality Traits</span></span></h2>
+<table class="wiki-content-table">
+<tr>
+<th>d8</th>
+<th>Personality Trait</th>
+</tr>
+<tr>
+<td>1</td>
+<td>I hide scraps of food and trinkets away in my pockets.</td>
+</tr>
+<tr>
+<td>2</td>
+<td>I ask a lot of questions.</td>
+</tr>
+<tr>
+<td>3</td>
+<td>I like to squeeze into small places where no one else can get to me.</td>
+</tr>
+<tr>
+<td>4</td>
+<td>I sleep with my back to a wall or tree, with everything I own wrapped in a bundle in my arms.</td>
+</tr>
+<tr>
+<td>5</td>
+<td>I eat like a pig and have bad manners.</td>
+</tr>
+<tr>
+<td>6</td>
+<td>I think anyone who's nice to me is hiding evil intent.</td>
+</tr>
+<tr>
+<td>7</td>
+<td>I don't like to bathe.</td>
+</tr>
+<tr>
+<td>8</td>
+<td>I bluntly say what other people are hinting at or hiding.</td>
+</tr>
+</table>
+</div>
+<div class="col-sm-6">
+<h2 id="toc4"><span><span style="font-size:80%;">Ideals</span></span></h2>
+<table class="wiki-content-table">
+<tr>
+<th>d6</th>
+<th>Ideal</th>
+</tr>
+<tr>
+<td>1</td>
+<td><strong>Respect.</strong> All people, rich or poor, deserve respect. (Good)</td>
+</tr>
+<tr>
+<td>2</td>
+<td><strong>Community.</strong> We have to take care of each other, because no one else is going to do it. (Lawful)</td>
+</tr>
+<tr>
+<td>3</td>
+<td><strong>Change.</strong> The low are lifted up, and the high and mighty are brought down. Change is the nature of things. (Chaotic)</td>
+</tr>
+<tr>
+<td>4</td>
+<td><strong>Retribution.</strong> The rich need to be shown what life and death are like in the gutters. (Evil)</td>
+</tr>
+<tr>
+<td>5</td>
+<td><strong>People.</strong> I help the people who help me-that's what keeps us alive. (Neutral)</td>
+</tr>
+<tr>
+<td>6</td>
+<td><strong>Aspiration.</strong> I'm going to prove that I'm worthy of a better life. (Any)</td>
+</tr>
+</table>
+</div>
+</div>
+<div class="row">
+<div class="col-sm-6">
+<h2 id="toc5"><span><span style="font-size:80%;">Bonds</span></span></h2>
+<table class="wiki-content-table">
+<tr>
+<th>d6</th>
+<th>Bond</th>
+</tr>
+<tr>
+<td>1</td>
+<td>My town or city is my home, and I'll fight to defend it.</td>
+</tr>
+<tr>
+<td>2</td>
+<td>I sponsor an orphanage to keep others from enduring what I was forced to endure.</td>
+</tr>
+<tr>
+<td>3</td>
+<td>I owe my survival to another urchin who taught me to live on the streets.</td>
+</tr>
+<tr>
+<td>4</td>
+<td>I owe a debt I can never repay to the person who took pity on me.</td>
+</tr>
+<tr>
+<td>5</td>
+<td>I escaped my life of poverty by robbing an important person, and I'm wanted for it.</td>
+</tr>
+<tr>
+<td>6</td>
+<td>No one else should have to endure the hardships I've been through.</td>
+</tr>
+</table>
+</div>
+<div class="col-sm-6">
+<h2 id="toc6"><span><span style="font-size:80%;">Flaws</span></span></h2>
+<table class="wiki-content-table">
+<tr>
+<th>d6</th>
+<th>Flaw</th>
+</tr>
+<tr>
+<td>1</td>
+<td>If I'm outnumbered, I will run away from a fight.</td>
+</tr>
+<tr>
+<td>2</td>
+<td>Gold seems like a lot of money to me, and I'll do just about anything for more of it.</td>
+</tr>
+<tr>
+<td>3</td>
+<td>I will never fully trust anyone other than myself.</td>
+</tr>
+<tr>
+<td>4</td>
+<td>I'd rather kill someone in their sleep then fight fair.</td>
+</tr>
+<tr>
+<td>5</td>
+<td>It's not stealing if I need it more than someone else.</td>
+</tr>
+<tr>
+<td>6</td>
+<td>People who can't take care of themselves get what they deserve.</td>
+</tr>
+</table>
+</div>
+</div>
+</div>
+</div>
+`,
+  };
+}

+ 2908 - 87
src/services/species/species.service.ts

@@ -8,110 +8,2931 @@ export class SpeciesService {
 
   public getSpeciesDetails(name: string): any {
     switch (name) {
-      case 'Eladrin':
+      case 'dwarf':
+        return this.dwarf;
+      case 'elf':
+        return this.elf;
+      case 'gnome':
+        return this.gnome;
+      case 'halfElf':
+        return this.halfElf;
+      case 'halfling':
+        return this.halfling;
+      case 'halfOrc':
+        return this.halfOrc;
+      case 'human':
+        return this.human;
+      case 'dragonborn':
+        return this.dragonborn;
+      case 'tiefling':
+        return this.tiefling;
+      case 'eladrin':
         return this.eladrin;
-      case 'HalfElfDetection':
+      case 'halfElfDetection':
         return this.halfElfDetection;
       default:
         return this.notImplementedYet;
     }
   }
 
-  private eladrin: any = {
-    title: 'Eladrin',
-    description: `
-    Eladrin are elves of the Feywild, a realm of perilous beauty and boundless magic. Using that magic, eladrin can step from one place to another in the blink of an eye, and each eladrin resonates with emotions captured in the Feywild in the form of seasons — affinities that affect the eladrin’s mood and appearance. An eladrin’s season can change, though some remain in one season forever. Like other elves, eladrin can live to be over 750 years old.
-
-    #### Eladrin Seasons
-
-    1. **Autumn:** peace and goodwill, when summer's harvest is shared with all.
-    2. **Winter:** contemplation and dolor, when the vibrant energy of the world slumbers.
-    3. **Spring:** cheerfulness and celebration, marked by merriment and hope as winter's sorrow passes.
-    4. **Summer:** boldness and aggression, a time of unfettered energy and calls to action.
-
-    **Ability Score Increase:** When determining your character’s ability scores, increase one score by 2 and increase a different score by 1, or increase three different scores by 1. You can't raise any of your scores above 20.
-    
-    **Creature Type:** You are a Humanoid. You are also considered an elf for any prerequisite or effect that requires you to be an elf.
-    
-    **Size:** You are Medium.
-    
-    **Speed:** Your walking speed is 30 feet.
-    
-    **Darkvision:** You can see in dim light within 60 feet of you as if it were bright light and in darkness as if it were dim light. You discern colors in that darkness only as shades of gray.
-    
-    **Fey Ancestry:** You have advantage on saving throws you make to avoid or end the charmed condition on yourself.
-    
-    **Fey Step:** As a bonus action, you can magically teleport up to 30 feet to an unoccupied space you can see. You can use this trait a number of times equal to your proficiency bonus, and you regain all expended uses when you finish a long rest.
-    When you reach 3rd level, your Fey Step gains an additional effect based on your season; if the effect requires a saving throw, the DC equals 8 + your proficiency bonus + your Intelligence, Wisdom, or Charisma modifier (choose when you select this race):
-    - **Autumn** Immediately after you use your Fey Step, up to two creatures of your choice that you can see within 10 feet of you must succeed on a Wisdom saving throw or be charmed by you for 1 minute, or until you or your companions deal any damage to the creatures.
-    - **Winter** When you use your Fey Step, one creature of your choice that you can see within 5 feet of you before you teleport must succeed on a Wisdom saving throw or be frightened of you until the end of your next turn.
-    - **Spring** When you use your Fey Step, you can touch one willing creature within 5 feet of you. That creature then teleports instead of you, appearing in an unoccupied space of your choice that you can see within 30 feet of you.
-    - **Summer** Immediately after you use your Fey Step, each creature of your choice that you can see within 5 feet of you takes fire damage equal to your proficiency bonus.
-   
-    **Keen Senses** You have proficiency in the Perception skill.
-   
-    **Trance** You don’t need to sleep, and magic can’t put you to sleep. You can finish a long rest in 4 hours if you spend those hours in a trancelike meditation, during which you retain consciousness.
-    - Whenever you finish this trance, you can change your season, and you can gain two proficiencies that you don’t have, each one with a weapon or a tool of your choice selected from the Player’s Handbook. You mystically acquire these proficiencies by drawing them from shared elven memory, and you retain them until you finish your next long rest.
-   
-    **Languages** Your character can speak, read, and write Common and one other language that you and your DM agree is appropriate for the character. The Player’s Handbook offers a list of languages to choose from. The DM is free to modify that list for a campaign.
-    
+  // Common Species
+
+  private dwarf: any = {
+    title: 'dwarf',
+    content: [
+      {
+        title: "Player's Handbook",
+        description: `
+        <p><strong><em>Kingdoms rich in ancient grandeur, halls carved into the roots of mountains, the echoing of picks and hammers in deep mines and blazing forges, a commitment to clan and tradition, and a burning hatred of goblins and orcs –&nbsp;these common threads unite all dwarves.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Constitution score increases by 2.</li>
+          </ul>
+          <ul>
+          <li><strong>Age.</strong> Dwarves mature at the same rate as humans, but they're considered young until they reach the age of 50. On average, they live about 350 years.</li>
+          </ul>
+          <ul>
+          <li><strong>Alignment.</strong> Most dwarves are lawful, believing firmly in the benefits of a well-ordered society. They tend toward good as well, with a strong sense of fair play and a belief that everyone deserves to share in the benefits of a just order.</li>
+          </ul>
+          <ul>
+          <li><strong>Size.</strong> Dwarves stand between 4 and 5 feet tall and average about 150 pounds. Your size is Medium.</li>
+          </ul>
+          <ul>
+          <li><strong>Speed.</strong> Your base walking speed is 25 feet. Your speed is not reduced by wearing heavy armor.</li>
+          </ul>
+          <ul>
+          <li><strong>Dwarven Combat Training.</strong> You have proficiency with the battleaxe, handaxe, light hammer, and warhammer.</li>
+          </ul>
+          <ul>
+          <li><strong>Tool Proficiency.</strong> You gain proficiency with the artisan's tools of your choice: smith's tools, brewer's supplies, or mason's tools.</li>
+          </ul>
+          <ul>
+          <li><strong>Languages.</strong> You can speak, read, and write Common and Dwarvish. Dwarvish is full of hard consonants and guttural sounds, and those characteristics spill over into whatever other language a dwarf might speak.</li>
+          </ul>
+      `,
+        features: [
+          {
+            name: 'Dwarven Resilience',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You have advantage on saving throws against poison, and you have resistance against poison damage.</p>
+            `,
+          },
+          {
+            name: 'Darkvision',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>Accustomed to life underground, you have superior vision in dark and dim conditions. You can see in dim light within 60 feet of you as if it were bright light, and in darkness as if it were dim light. You can't discern color in darkness, only shades of gray.</p>
+            `,
+          },
+          {
+            name: 'Stonecunning',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>Whenever you make an Intelligence (History) check related to the origin of stonework, you are considered proficient in the History skill and add double your proficiency bonus to the check, instead of your normal proficiency bonus.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Hill Dwarf',
+        description: `
+          <p><strong><em>As a hill dwarf, you have keen senses, deep intuition, and remarkable resilience. The gold dwarves of Faerun in their mighty southern kingdom are hill dwarves, as are the exiled Neidar and the debased Klar of Krynn in the Dragonlance setting.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Wisdom score increases by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Dwarven Toughness.</strong> Your hit point maximum increases by 1, and it increases by 1 every time you gain a level.</li>
+          </ul>
+            `,
+      },
+      {
+        title: 'Mountain Dwarf',
+        description: `
+          <p><strong><em>As a mountain dwarf, you're strong and hardy, accustomed to a difficult life in rugged terrain. You're probably on the tall side (for a dwarf), and tend toward lighter coloration, The shield dwarves of northern Faerun, as well as the ruling Hylar clan and the noble Daewar c1an of Dragonlance, are mountain dwarves.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Strength score increases by 2.</li>
+          </ul>
+          <ul>
+          <li><strong>Dwarven Armor Training.</strong> You have proficiency with light and medium armor.</li>
+          </ul>`,
+      },
+      {
+        title: 'Mark of Warding',
+        description: `
+          <p><strong><em>If you're a dwarf with the Mark of Warding, you have this subrace, with the following traits.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Intelligence score increases by 1</li>
+          </ul>
+          <ul>
+          <li><strong>Wards and Seals.</strong> You can cast the Alarm and Mage Armor spells with this trait. Starting at 3rd level, you can also cast the Arcane Lock spell with it. Once you cast either spell with this trait, you can't cast that spell again until you finish a Long Rest. Intelligence is your Spellcasting Ability for these spells, and you don't require material components when you cast them with this trait.</li>
+          </ul>
+          <ul>
+          <li><strong>Spells of the Mark.</strong> If you have the Spellcasting or Pact Magic class feature, the spells on the Mark of Warding Spells table are added to the spell list of your Spellcasting class.</li>
+          </ul>
+          <p><strong>Mark of Warding Spells</strong></p>
+          <table class="wiki-content-table">
+          <tr>
+          <th>Spell Level</th>
+          <th>Spell</th>
+          </tr>
+          <tr>
+          <td>1st</td>
+          <td>Alarm, Armor of Agathys</td>
+          </tr>
+          <tr>
+          <td>2nd</td>
+          <td>Arcane Lock, Knock</td>
+          </tr>
+          <tr>
+          <td>3rd</td>
+          <td>Glyph of Warding, Magic Circle</td>
+          </tr>
+          <tr>
+          <td>4th</td>
+          <td>Leomund's Secret Chest, Mordenkainen's Faithful Hound</td>
+          </tr>
+          <tr>
+          <td>5th</td>
+          <td>Antilife Shell</td>
+          </tr>
+          </table>
+            `,
+        features: [
+          {
+            name: "Warder's Intuition",
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>Whenever you make an Intelligence (Investigation) check or an Ability Check involving Thieves' Tools, you can roll a d4 and add the number rolled to the total ability check.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Kaladesh',
+        description: `
+          <p><strong><em>Dwarves don’t understand laziness or shortcuts. Just as a machine must function smoothly at all times, so too an artisan should work steadily and with care. Dwarves take pride in their work ethic, and abhor any attitude or behavior that would undermine the quality of their work. They are more thorough than speedy, and although a dwarf’s work might take longer to complete, its quality makes the time worthwhile. If a job must be done, a dwarf will see that it is done correctly. And when a dwarf repairs a machine, it will work as well as it did when it was first built, if not better — and it will last.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Constitution score increases by 2, and your Wisdom score increases by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Age.</strong> Dwarves mature at the same rate as humans, but they're considered young until they reach the age of 50. On average, they live about 350 years.</li>
+          </ul>
+          <ul>
+          <li><strong>Alignment.</strong> Most dwarves are lawful, believing firmly in the benefits of a well-ordered society. They tend toward good as well, with a strong sense of fair play and a belief that everyone deserves to share in the benefits of a just order.</li>
+          </ul>
+          <ul>
+          <li><strong>Size.</strong> Dwarves stand around 5 feet tall and average about 150 pounds. Your size is Medium.</li>
+          </ul>
+          <ul>
+          <li><strong>Speed.</strong> Your base walking speed is 25 feet. Your speed is not reduced by wearing heavy armor.</li>
+          </ul>
+          <ul>
+          <li><strong>Darkvision.</strong> Accustomed to life underground in your race’s ancient past, you have superior vision in dark and dim conditions. You can see in dim light within 60 feet of you as if it were bright light, and in darkness as if it were dim light. You can’t discern color in darkness, only shades of gray.</li>
+          </ul>
+          <ul>
+          <li><strong>Dwarven Resilience.</strong> You have advantage on saving throws against poison, and you have resistance against poison damage.</li>
+          </ul>
+          <ul>
+          <li><strong>Dwarven Toughness.</strong> Your hit point maximum increases by 1, and it increases by 1 every time you gain a level.</li>
+          </ul>
+          <ul>
+          <li><strong>Artisan's Expertise.</strong> You gain proficiency with two kinds of artisan’s tools of your choice. Your proficiency bonus is doubled for any ability check you make that uses either of the chosen proficiencies. In addition, whenever you make an Intelligence (History) check related to the origin of any architectural construction (including buildings, public works such as canals and aqueducts, and the massive cogwork that underlies much of the construction of Ghirapur), you are considered proficient in the History skill and add double your proficiency bonus to the check, instead of your normal proficiency bonus.</li>
+          </ul>
+          <ul>
+          <li><strong>Languages.</strong> You can speak, read, and write Common and Dwarvish. Dwarvish is full of hard consonants and guttural sounds, and those characteristics spill over into whatever other language a dwarf might</li>
+          </ul>`,
+        features: [
+          {
+            name: 'Dwarven Resilience',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You have advantage on saving throws against poison, and you have resistance against poison damage.</p>
+            `,
+          },
+          {
+            name: 'Darkvision',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>Accustomed to life underground, you have superior vision in dark and dim conditions. You can see in dim light within 60 feet of you as if it were bright light, and in darkness as if it were dim light. You can't discern color in darkness, only shades of gray.</p>
+            `,
+          },
+        ],
+      },
+    ],
+  };
+
+  private elf: any = {
+    title: 'elf',
+    content: [
+      {
+        title: "Player's Handbook",
+        description: `
+          <p><strong><em>Elves are a magical people of otherworldly grace, living in places of ethereal beauty, in the midst of ancient forests or in silvery spires glittering with faerie light, where soft music drifts through the air and gentle fragrances waft on the breeze. Elves love nature and magic, art and artistry, music and poetry.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Dexterity score increases by 2.</li>
+          </ul>
+          <ul>
+          <li><strong>Age.</strong> Although elves reach physical maturity at about the same age as humans, the elven understanding of adulthood goes beyond physical growth to encompass worldly experience. An elf typically claims adulthood and an adult name around the age of 100 and can live to be 750 years old.</li>
+          </ul>
+          <ul>
+          <li><strong>Alignment.</strong> Elves love freedom, variety, and self-expression, so they lean strongly towards the gentler aspects of chaos. They value and protect others' freedom as well as their own, and are good more often than not. Drow are an exception; their exile into the Underdark has made them vicious and dangerous. Drow are more often evil than not.</li>
+          </ul>
+          <ul>
+          <li><strong>Size.</strong> Elves range from under 5 to over 6 feet tall and have slender builds. Your size is Medium.</li>
+          </ul>
+          <ul>
+          <li><strong>Speed.</strong> Your base walking speed is 30 feet.</li>
+          </ul>
+          <ul>
+          <li><strong>Keen Senses.</strong> You have proficiency in the Perception skill.</li>
+          </ul>
+          <ul>
+          <li><strong>Languages.</strong> You can speak, read, and write Common and Elven.</li>
+          </ul>
+        `,
+        features: [
+          {
+            name: 'Darkvision',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>Accustomed to twilit forests and the night sky, you have superior vision in dark and dim conditions. You can see in dim light within 60 feet of you as if it were bright light, and in darkness as if it were dim light. You can't discern color in darkness, only shades of gray.</p>
+            `,
+          },
+          {
+            name: 'Fey Ancestry',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You have advantage on saving throws against being charmed, and magic can't put you to sleep.</p>
+            `,
+          },
+          {
+            name: 'Trance',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>Elves do not sleep. Instead they meditate deeply, remaining semi-conscious, for 4 hours a day. The Common word for this meditation is &quot;trance.&quot; While meditating, you dream after a fashion; such dreams are actually mental exercises that have become reflexive after years of practice. After resting in this way, you gain the same benefit a human would from 8 hours of sleep.</p>
+            `,
+          },
+        ],
+      },
+
+      {
+        title: 'Dark Elf',
+        description: `
+          <p><strong><em>Descended from an earlier subrace of dark-skinned elves, the drow were banished from the surface world for following the goddess Lolth down the path to evil and corruption. Now they have built their own civilization in the depths of the Underdark, patterned after the Way of Lolth. Also called dark elves. The drow have black skin that resembles polished obsidian and stark white or pale yellow hair. They commonly have very pale eyes (so pale as to be mistaken for white) in shades of lilac, silver, pink, red, and blue. They lend to be smaller and thinner than most elves.</em></strong></p>
+          <p><strong><em>Drow adventurers are rare, and the race does not exist in all worlds. Check with your Dungeon Master to see if you can play a drow character.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Charisma score increases by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Drow Magic.</strong> You know the Dancing Lights cantrip. When you reach 3rd level, you can cast the Faerie Fire spell once with this trait and regain the ability to do so when you finish a long rest. When you reach 5th level, you can cast the Darkness spell once and regain the ability to do so when you finish a long rest. Charisma is your spellcasting ability for these spells.</li>
+          </ul>
+          <ul>
+          <li><strong>Drow Weapon Training.</strong> You have proficiency with rapiers, shortswords, and hand crossbows.</li>
+          </ul>
+        `,
+        features: [
+          {
+            name: 'Superior Darkvision',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>Your darkvision has a range of 120 feet, instead of 60.</p>
+            `,
+          },
+          {
+            name: 'Sunlight Sensitivity',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You have disadvantage on attack rolls and Wisdom (Perception) checks that rely on sight when you, the target of the attack, or whatever you are trying to perceive is in direct sunlight.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'High Elf',
+        description: `
+          <p><strong><em>As a high elf, you have a keen mind and a mastery of at least the basics of magic. In many of the worlds of D&amp;D, there are two kinds of high elves. One type (which includes the gray elves and valley elves of Greyhawk, the Silvanesti of Dragonlance, and the sun elves of the Forgotten Realms) is haughty and reclusive, believing themselves to be superior to non-elves and even other elves. The other type (including the high elves of Greyhawk. the Qualinesti of Dragonlance, and the moon elves of the Forgotten Realms) are more common and more friendly, and often encountered among humans and other races.</em></strong></p>
+          <p><strong><em>The sun elves of Faerun (also called gold elves or sunrise elves) have bronze skin and hair of copper, black, or golden blood. Their eyes are golden, silver, or black. Moon elves (also called silver elves or gray elves) are much paler, with alabaster skin sometimes tinged with blue. They often have hair of silver-while, black, or blue, but various shades of blond, brown, and red are not uncommon. Their eyes are blue or green and flecked with gold.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Intelligence score increases by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Cantrip.</strong> You know one cantrip of your choice from the Wizard spell list. Intelligence is your spellcasting ability for it.</li>
+          </ul>
+          <ul>
+          <li><strong>Elf Weapon Training.</strong> You have proficiency with the longsword, shortsword, shortbow, and longbow.</li>
+          </ul>
+          <ul>
+          <li><strong>Extra Language.</strong> You can read, speak, and write one additional language of your choice.</li>
+          </ul>
+        `,
+      },
+      {
+        title: 'Wood Elf',
+        description: `
+          <p><strong><em>As a wood elf, you have keen senses and intuition, and your fleet feet carry you quickly and stealthily through your native forests. This category includes the wild elves (grugach) of Greyhawk and the Kagonesti of Dragonlance, as well as the races called wood elves in Greyhawk and the Forgotten Realms. In Faerun, wood elves (also called wild elves. green elves, or forest elves) are reclusive and distrusting of non-elves.</em></strong></p>
+          <p><strong><em>Wood elves' skin tends to be copperish in hue, sometimes with traces of green. Their hair tends toward browns and blacks, but it is occasionally blond or copper-colored. Their eyes are green, brown, or hazel.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Wisdom score increases by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Elf Weapon Training.</strong> You have proficiency with the longsword, shortsword, shortbow, and longbow.</li>
+          </ul>
+          <ul>
+          <li><strong>Fleet of Foot.</strong> Your base walking speed increases to 35 feet.</li>
+          </ul>
+        `,
+        features: [
+          {
+            name: 'Mask of the Wild',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You can attempt to hide even when you are only lightly obscured by foliage, heavy rain, falling snow, mist, and other natural phenomena.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Pallid Elf',
+        description: `
+          <p><strong><em>The pallid elves are a mystical and insightful people with skin as pale as the surface of Exandria's largest moon. They emerged from the Pallid Grove this century and wander the world with childlike curiosity.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Wisdom score increases by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Blessing of the Moonweaver.</strong> You know the Light cantrip. When you reach 3rd level, you can cast Sleep once, and it recharges after a long rest. When you reach 5th level, you can cast Invisibility (Self Only) once, and it recharges after a long rest. You do not need the material components required of the spells. Wisdom is your spellcasting ability for these spells.</li>
+          </ul>
+        `,
+        features: [
+          {
+            name: 'Incisive Sense',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You have advantage on Investigation and Insight checks.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Mark of Shadow',
+        description: `
+          <p><strong><em>If you're an elf with the Mark of Shadow, you have this subrace, with the following traits.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Charisma score increases by 1</li>
+          </ul>
+          <ul>
+          <li><strong>Shape Shadows.</strong> You know the Minor Illusion cantrip. Starting at 3rd level, you can also cast the Invisibility spell with this trait. Once you cast either spell with this trait, you can't cast that spell again until you finish a long rest. Charisma is your Spellcasting Ability for these spells.</li>
+          </ul>
+          <ul>
+          <li><strong>Spells of the Mark.</strong> If you have the Spellcasting or Pact Magic class features, the spells on the Mark of Shadow Spells table are added to the spell list of your spellcasting class.</li>
+          </ul>
+          <p><strong>Mark of Shadow Spells</strong></p>
+          <table class="wiki-content-table">
+          <tr>
+          <th>Spell Level</th>
+          <th>Spell</th>
+          </tr>
+          <tr>
+          <td>1st</td>
+          <td>Disguise Self, Silent Image</td>
+          </tr>
+          <tr>
+          <td>2nd</td>
+          <td>Darkness, Pass Without Trace</td>
+          </tr>
+          <tr>
+          <td>3rd</td>
+          <td>Clairvoyance,Major Image</td>
+          </tr>
+          <tr>
+          <td>4th</td>
+          <td>Greater Invisibility, Hallucinatory Terrain</td>
+          </tr>
+          <tr>
+          <td>5th</td>
+          <td>Mislead</td>
+          </tr>
+          </table>
+        `,
+        features: [
+          {
+            name: 'Cunning Intuition',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>Whenever you roll a Dexterity (Stealth) check or a Charisma (Performance) check, roll a d4 and add the number rolled to the total ability check.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Astral Elf',
+        description: `
+          <p>Source: Astral Adventurer's Guide</p>
+          <p><strong><em>Long ago, groups of elves ventured from the Feywild to the Astral Plane to be closer to their gods. Life in the Silver Void has imbued their souls with a spark of divine light. That light manifests as a starry gleam in an astral elf's eyes.</em></strong></p>
+          <p><strong><em>Because nothing ages on the Astral Plane, astral elves who inhabit that plane can be very old, and their longevity gives them an unusual perspective on the passage of time. Some are prone to melancholy, while others might display an absence of feeling. Many look for creative ways to occupy themselves. Whether they choose to live in quiet contemplation or strike out to explore the reaches of the multiverse, astral elves tend to see things through the lens of time as having little or no meaning to them. Astral elves who don't dwell in the Astral Plane can live to be more than 750 years old.</em></strong></p>
+          <ul>
+          <li><em><strong>Ability Score Increase.</strong></em> Increase one ability score by 2, and increase a different one by 1, or increase three different scores by 1.</li>
+          </ul>
+          <ul>
+          <li><em><strong>Creature Type.</strong></em> You are a Humanoid. You are also considered an elf for any prerequisite or effect that requires you to be an elf.</li>
+          </ul>
+          <ul>
+          <li><em><strong>Size.</strong></em> You are Medium.</li>
+          </ul>
+          <ul>
+          <li><em><strong>Speed.</strong></em> Your walking speed is 30 feet.</li>
+          </ul>
+          <ul>
+          <li><em><strong>Astral Fire.</strong></em> You know one of the following cantrips of your choice: Dancing Lights, Light, or Sacred Flame. Intelligence, Wisdom, or Charisma is your spellcasting ability for it (choose when you select this race).</li>
+          </ul>       
+          <ul>
+          <li><em><strong>Keen Senses.</strong></em> You have proficiency in the Perception skill.</li>
+          </ul>
+          <ul>
+          <li><em><strong>Languages.</strong></em> You can speak, read, and write Common and one other language that you and your DM agree is appropriate.</li>
+          </ul>
+        `,
+        features: [
+          {
+            name: 'Darkvision',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You can see dim light within 60 feet of yourself as if it were bright light, and in darkness as if it were dim light. You discern colors in darkness only as shades of gray.</p>
+            `,
+          },
+          {
+            name: 'Fey Ancestry',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You have advantage on saving throws you make to avoid or end the charmed condition on yourself.</p>
+            `,
+          },
+          {
+            name: 'Starlight Step',
+            level: 0,
+            isAbility: true,
+            description: `
+            <p>As a bonus action, you can magically teleport up to 30 feet to an unoccupied space you can see. You can use this trait a number of times equal to your proficiency bonus, and you regain all expended uses when you finish a long rest.</p>
+            `,
+          },
+          {
+            name: 'Astral Trance',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You don't need to sleep, and magic can't put you to sleep. You can finish a long rest in 4 hours if you spend those hours in a trancelike meditation, during which you remain conscious. Whenever you finish this trance, you gain proficiency in one skill of your choice and with one weapon or tool of your choice, selected from the <em>Player's Handbook</em>. You magically acquire these proficiencies by drawing them from shared elven memory and the experiences of entities on the Astral Plane, and you retain them until you finish your next long rest.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Bishtahar/Tirahar Elves',
+        description: `
+          <p><strong><em>Elves who dwell in the forest and countryside are known as the Bishtahar. Most live in isolated communities away from other races, though they still trade with them. In fact, much of Kaladesh’s food supply is grown by elves. Bishtahar cultivators grow food, decorative flowers, wood for building, and elaborate living sculptures in their meandering gardens and fields. They use the plane’s ubiquitous technology to foster the growth of plants and animals, utilizing automatons as gardeners and herders, and employing elaborate, nearly invisible systems controlling heat, water, and nutrients.</em></strong></p>
+          <p><strong><em>Elves who forsake technology entirely are called the Tirahar. Some elves with Tirahar sympathies live within cities or farms, but most simply withdraw to the wilder areas of Kaladesh. No more than one in a hundred elves is counted among the Tirahar, and many members of other races are unaware that these reclusive elves even exist.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Wisdom score increases by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Elf Weapon Training.</strong> You have proficiency with the longsword, shortsword, shortbow, and longbow.</li>
+          </ul>
+          <ul>
+          <li><strong>Fleet of Foot.</strong> Your base walking speed increases to 35 feet.</li>
+          </ul>
+        `,
+        features: [
+          {
+            name: 'Mask of the Wild',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You can attempt to hide even when you are only lightly obscured by foliage, heavy rain, falling snow, mist, and other natural phenomena.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Vahadar Elf',
+        description: `
+          <p><strong><em>The Vahadar are elves who dwell in the cities of Kaladesh. They are comfortable with technology, and work as planners, architects, aether-seers, or inventors. Some of them use the techniques of Bishtahar cultivators to grow food on rooftops, towers, and greenways. The Vahadar are generally integrated into the rest of society on Kaladesh, living in cities dominated by the other races (though, as in Ghirapur, many of them live in specific garden-like neighborhoods) and engaging in trade.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Wisdom score increases by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Elf Weapon Training.</strong> You have proficiency with the longsword, shortsword, shortbow, and longbow.</li>
+          </ul>
+          <ul>
+          <li><strong>Cantrip.</strong> You know one cantrip of your choice from the Druid spell list. Wisdom is your spellcasting ability for it.</li>
+          </ul>
+          <ul>
+          <li><strong>Extra Language.</strong> You can speak, read, and write one extra language of your choice.</li>
+          </ul>
+        `,
+      },
+      {
+        title: 'Zendikar Elf',
+        description: `
+          <p><strong><em>Elves are strongly associated with nature, the magic that flows through their forest homes. Their shamans and druids channel this magic of life and growth, communing with the land or the spirits of the departed. Striving to live in harmony with nature, they celebrate the ties between their communities and their connection with the broader world around them.</em></strong></p>
+          <p><strong><em>The elves of Zendikar have much in common with the elves of other worlds. Your elf character has the following traits.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Wisdom score increases by 2.</li>
+          </ul>
+          <ul>
+          <li><strong>Age.</strong> Although elves reach physical maturity at about the same age as humans, the elven understanding of adulthood goes beyond physical growth to encompass worldly experience. An elf typically claims adulthood and an adult name around the age of 100 and can live to be 750 years old.</li>
+          </ul>
+          <ul>
+          <li><strong>Alignment.</strong> Elves love freedom, variety, and self-expression, so they lean strongly towards the gentler aspects of chaos. They value and protect others' freedom as well as their own, and are good more often than not. Drow are an exception; their exile into the Underdark has made them vicious and dangerous. Drow are more often evil than not.</li>
+          </ul>
+          <ul>
+          <li><strong>Size.</strong> Elves range from under 5 to over 6 feet tall and have slender builds. Your size is Medium.</li>
+          </ul>
+          <ul>
+          <li><strong>Speed.</strong> Your base walking speed is 30 feet.</li>
+          </ul>
+          <ul>
+          <li><strong>Keen Senses.</strong> You have proficiency in the Perception skill.</li>
+          </ul>
+          <ul>
+          <li><strong>Languages.</strong> You can speak, read, and write Common and Elven.</li>
+          </ul>
+        `,
+        features: [
+          {
+            name: 'Darkvision',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>Accustomed to twilit forests and the night sky, you have superior vision in dark and dim conditions. You can see in dim light within 60 feet of you as if it were bright light, and in darkness as if it were dim light. You can't discern color in darkness, only shades of gray.</p>
+            `,
+          },
+          {
+            name: 'Fey Ancestry',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You have advantage on saving throws against being charmed, and magic can't put you to sleep.</p>
+            `,
+          },
+          {
+            name: 'Trance',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>Elves do not sleep. Instead they meditate deeply, remaining semi-conscious, for 4 hours a day. The Common word for this meditation is &quot;trance.&quot; While meditating, you dream after a fashion; such dreams are actually mental exercises that have become reflexive after years of practice. After resting in this way, you gain the same benefit a human would from 8 hours of sleep.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Tajuru Elf',
+        description: `
+          <p><strong><em>The Tajuru nation is the largest of the three main elven nations, concentrated in Murasa and spread across other parts of Zendikar as hundreds of far-flung clans. Tajuru elves are the most open to people of other races, seeing their skills and perspectives as valuable new tools for survival. The Tajuru are also more open to new lifestyles, be it living in a mountaintop citadel or roaming grassy plains.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Charisma score increases by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Skill Versatility.</strong> You gain proficiency in any combination of two skills or tools of your choice.</li>
+          </ul>
+        `,
+      },
+      {
+        title: 'Juraga Elf',
+        description: `
+          <p><strong><em>The elves of the imperious Joraga nation of Bala Ged have little respect for any other race of Zendikar — or even for other elves. The survival of their nation and its traditions is the Joraga elves’ only goal, and they view the influence of others as a weakness. The Joraga eschew the goods and habits of others, even avoiding the pathways blazed by the Tajuru when possible. Many view the nomadic Joraga clans as little more than bands of roving murderers, but a complex culture hides behind those clans’ aggressive exterior.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Dexterity score increases by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Elf Weapon Training.</strong> You have proficiency with the longsword, shortsword, shortbow, and longbow.</li>
+          </ul>
+          <ul>
+          <li><strong>Fleet of Foot.</strong> Your base walking speed increases to 35 feet.</li>
+          </ul>
+      `,
+        features: [
+          {
+            name: 'Mask of the Wild',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You can attempt to hide even when you are only lightly obscured by foliage, heavy rain, falling snow, mist, and other natural phenomena.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Mul Daya',
+        description: `
+          <p><strong><em>Elves of the Mul Daya nation of Bala Ged are set apart from other elves by their relationship with the spirits of their elven ancestors. To the Mul Daya, the spirit world and the mortal realm are different only in terms of their tangibility. Death and the spirits of the dead are as much a part of the lives of the Mul Daya as is the natural world. This is not a macabre sentiment to the elves; they simply view it as the truest sense of the natural order.</em></strong></p>
+          <p><strong><em>Mul Daya elves can often be recognized by their face painting and tattooing. Many Mul Daya decorate their skins with an enwrapping vine motif, and make use of poisons and acids collected at great cost from strange creatures and plants in the depths of Kazandu.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Strength score increases by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Mul Daya Magic.</strong> You know the chill touch cantrip. When you reach 3rd level, you can cast the hex spell once with this trait and regain the ability to do so when you finish a long rest. When you reach 5th level, you can cast the darkness spell once with this trait and regain the ability to do so when you finish a long rest. Wisdom is your spellcasting ability for these spells.</li>
+          </ul>
+          <ul>
+          <li><strong>Elf Weapon Training.</strong> You have proficiency with the longsword, shortsword, shortbow, and longbow.</li>
+          </ul>
+        `,
+        features: [
+          {
+            name: 'Superior Darkvision',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>Your darkvision has a radius of 120 feet.</p>
+            `,
+          },
+          {
+            name: 'Sunlight Sensitivity',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You have disadvantage on attack rolls and on Wisdom (Perception) checks that rely on sight when you, the target of your attack, or whatever you are trying to perceive is in direct sunlight.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Avariel Elf',
+        description: `
+          <p>Source: Unearthed Arcana 46 - Elf Subraces</p>
+          <p><strong><em>The avariel are winged elves. These rare creatures were more common when the worlds of the multiverse were young, but frequent conflicts with dragons much reduced the winged elves’ number. Still, a few colonies persist here and there in the Material Plane and on the Plane of Air.</em></strong></p>
+          <ul>
+          <li><strong>Flight.</strong> You have a flying speed of 30 feet. To use this speed, you can't be wearing medium or heavy armor.</li>
+          </ul>
+          <ul>
+          <li><strong>Languages.</strong> You can speak, read, and write Auran.</li>
+          </ul>
+        `,
+      },
+      {
+        title: 'Gurgach Elf',
+        description: `
+          <p><strong><em>The grugach of the world of Greyhawk shun contact with other folk, preferring the solace of the deepest forests and the companionship of wild animals. Even other elves draw their suspicion.</em></strong></p>
+          <p><strong><em>The grugach tend toward chaos and neutrality. They feel no special duty to anyone beyond their own folk and the forest that is their home. Troubles beyond their borders are best kept there. At the same time, they harbor little ambition beyond a peaceful coexistence with nature.</em></strong></p>
+          <p><strong><em>If anyone is fool enough to disturb a grugach realm, these elves take to arms and fight in earnest. Grugach master the basic weapons needed to hunt and forage in the wood. Every copse of trees becomes a sniper's nest, and each forest meadow is an ambush point. The grugach set pits filled with stakes, snares that leave an intruder helpless to grugach arrows, and other snares designed to kill rather than capture. The grugach fight to the death to preserve their realms.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Strength score increases by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Grugach Weapon Training.</strong> You have proficiency with the spear, shortbow, longbow, and net.</li>
+          </ul>
+          <ul>
+          <li><strong>Cantrip.</strong> You know one cantrip of your choice from the Druid spell list. Wisdom is your spellcasting ability for it.</li>
+          </ul>
+          <ul>
+          <li><strong>Languages.</strong> Unlike other elves, you don't speak, read, or write Common. You instead speak, read, and write Sylvan.</li>
+          </ul>
+        `,
+      },
+    ],
+  };
+
+  private gnome: any = {
+    title: 'gnome',
+    content: [
+      {
+        title: "Player's Handbook",
+        description: `
+        <p><strong><em>A constant hum of busy activity pervades the warrens and neighborhoods where gnomes form their close-knit communities. Louder sounds punctuate the hum: a crunch of grinding gears here, a minor explosion there, a yelp of surprise or triumph, and especially bursts of laughter. Gnomes take delight in life, enjoying every moment of invention, exploration, investigation, creation, and play.</em></strong></p>
+        <ul>
+        <li><strong>Ability Score Increase.</strong> Your Intelligence score increases by 2.</li>
+        </ul>
+        <ul>
+        <li><strong>Age.</strong> Gnomes mature at the same rate as humans, and most are expected to settle into adult life around the age of 40. They can live to 350 years on average, but it's not too uncommon for them to reach 500 years of age.</li>
+        </ul>
+        <ul>
+        <li><strong>Alignment.</strong> Gnomes are generally Good. Those who tend towards Law are sages, engineers, researchers, scholars, investigators, or inventors. Those who tend towards Chaos are often minstrels, tricksters, wanderers, or fanciful jewelers. Gnomes are light-hearted, and even the tricksters amongst them favor harmless pranks over vicious schemes.</li>
+        </ul>
+        <ul>
+        <li><strong>Size.</strong> Gnomes are between 3 and 4 feet tall and weigh around 40 pounds. Your size is Small.</li>
+        </ul>
+        <ul>
+        <li><strong>Speed.</strong> Your base walking speed is 25 feet.</li>
+        </ul>
+        <ul>
+        <li><strong>Languages.</strong> You can read, speak, and write Common and Gnomish.</li>
+        </ul>
+      `,
+        features: [
+          {
+            name: 'Darkvision',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>Accustomed to life underground, you have superior vision in dark and dim conditions. You can see in dim light within 60 feet of you as if it were bright light, and in darkness as if it were dim light. You can't discern color in darkness, only shades of gray.</p>
+            `,
+          },
+          {
+            name: 'Gnome Cunning',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You have advantage on all Intelligence, Wisdom, and Charisma saves against magic.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Forest Gnome',
+        description: `
+          <p><strong><em>As a forest gnome, you have a natural knack for illusion and inherent quickness and stealth. In the worlds of D&amp;D, forest gnomes are rare and secretive. They gather in hidden communities in sylvan forests, using illusions and trickery to conceal themselves from threats or to mask their escape should they be detected. Forest gnomes tend to be friendly with other good-spirited woodland folk, and they regard elves and good fey as their most important allies. These gnomes also befriend small forest animals and rely on them for information about threats that might prowl their lands.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Dexterity score increases by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Natural Illusionist.</strong> You know the Minor Illusion cantrip. Intelligence is your spellcasting modifier for it.</li>
+          </ul>
+        `,
+        features: [
+          {
+            name: 'Speak with Small Beasts',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>Through sound and gestures, you may communicate simple ideas with Small or smaller beasts.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Rock Gnome',
+        description: `
+          <p><strong><em>As a rock gnome, you have a natural inventiveness and hardiness beyond that of other gnomes. Most gnomes in the worlds of D&amp;D are rock gnomes, including the tinker gnomes of the Dragonlance setting.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Constitution score increases by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Artificer's Lore.</strong> Whenever you make an Intelligence (History) check related to magical, alchemical, or technological items, you can add twice your proficiency bonus instead of any other proficiency bonus that may apply.</li>
+          </ul>
+          <ul>
+          <li><strong>Tinker.</strong> You have proficiency with artisan tools (tinker's tools). Using those tools, you can spend 1 hour and 10 gp worth of materials to construct a Tiny clockwork device (AC 5, 1 hp). The device ceases to function after 24 hours (unless you spend 1 hour repairing it to keep the device functioning), or when you use your action to dismantle it; at that time, you can reclaim the materials used to create it. You can have up to three such devices active at a time. When you create a device, choose one of the following options:
+          <ul>
+          <li><em><strong>Clockwork Toy.</strong></em> This toy is a clockwork animal, monster, or person, such as a frog, mouse, bird, dragon, or soldier. When placed on the ground, the toy moves 5 feet across the ground on each of your turns in a random direction. It makes noises as appropriate to the creature it represents.</li>
+          <li><em><strong>Fire Starter.</strong></em> The device produces a miniature flame, which you can use to light a candle, torch, or campfire. Using the device requires your action.</li>
+          <li><em><strong>Music Box.</strong></em> When opened, this music box plays a single song at a moderate volume. The box stops playing when it reaches the song's end or when it is closed.</li>
+          <li>At your DM's discretion, you may make other objects with effects similar in power to these. The Prestidigitation cantrip is a good baseline for such effects.</li>
+          </ul>
+          </li>
+          </ul>
+      `,
+        features: [
+          {
+            name: 'Tinker',
+            level: 0,
+            isAbility: true,
+            description: `
+              <li>You have proficiency with artisan tools (tinker's tools). Using those tools, you can spend 1 hour and 10 gp worth of materials to construct a Tiny clockwork device (AC 5, 1 hp). The device ceases to function after 24 hours (unless you spend 1 hour repairing it to keep the device functioning), or when you use your action to dismantle it; at that time, you can reclaim the materials used to create it. You can have up to three such devices active at a time. When you create a device, choose one of the following options:
+              <ul>
+              <li><em><strong>Clockwork Toy.</strong></em> This toy is a clockwork animal, monster, or person, such as a frog, mouse, bird, dragon, or soldier. When placed on the ground, the toy moves 5 feet across the ground on each of your turns in a random direction. It makes noises as appropriate to the creature it represents.</li>
+              <li><em><strong>Fire Starter.</strong></em> The device produces a miniature flame, which you can use to light a candle, torch, or campfire. Using the device requires your action.</li>
+              <li><em><strong>Music Box.</strong></em> When opened, this music box plays a single song at a moderate volume. The box stops playing when it reaches the song's end or when it is closed.</li>
+              <li>At your DM's discretion, you may make other objects with effects similar in power to these. The Prestidigitation cantrip is a good baseline for such effects.</li>
+              </ul>
+              </li>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Mark of Scribing',
+        description: `
+          <p><strong><em>If you're a gnome with the Mark of Scribing, you have this subrace, with the following traits.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Charisma score increases by 1</li>
+          </ul>
+          <ul>
+          <li><strong>Gifted Scribe.</strong> Whenever you make an Intelligence (History) or an Ability Check involving Calligrapher's Supplies, you can roll a d4 and add the number rolled to the total ability check.</li>
+          </ul>
+          <ul>
+          <li><strong>Scribe's Insight.</strong> You know the Message cantrip. You can also cast the Comprehend Languages spell with this trait. Starting at 3rd level, you can also cast the Magic Mouth spell with it. Once you cast either spell with this trait, you can't cast that spell again until you finish a Long Rest. Intelligence is your Spellcasting Ability for these spells.</li>
+          </ul>
+          <ul>
+          <li><strong>Spells of the Mark.</strong> If you have the Spellcasting or Pact Magic class feature, the spells on the Mark of Scribing Spells table are added to the spell list of your Spellcasting class.</li>
+          </ul>
+          <p><strong>Mark of Scribing Spells</strong></p>
+          <table class="wiki-content-table">
+          <tr>
+          <th>Spell Level</th>
+          <th>Spell</th>
+          </tr>
+          <tr>
+          <td>1st</td>
+          <td>Comprehend Languages, Illusory Script</td>
+          </tr>
+          <tr>
+          <td>2nd</td>
+          <td>Animal Messenger, Silence</td>
+          </tr>
+          <tr>
+          <td>3rd</td>
+          <td>Sending, Tongues</td>
+          </tr>
+          <tr>
+          <td>4th</td>
+          <td>Arcane Eye, Divination</td>
+          </tr>
+          <tr>
+          <td>5th</td>
+          <td>Dream</td>
+          </tr>
+          </table>
+        `,
+        features: [
+          {
+            name: 'Gifted Scribing',
+            level: 0,
+            isAbility: false,
+            description: `
+              <p> Whenever you make an Intelligence (History) or an Ability Check involving Calligrapher's Supplies, you can roll a d4 and add the number rolled to the total ability check.</p>
+            `,
+          },
+        ],
+      },
+    ],
+  };
+
+  private halfElf: any = {
+    title: 'halfElf',
+    content: [
+      {
+        title: "Player's Handbook",
+        description: `
+          <em><strong>Walking in two worlds but truly belonging to neither, half-elves combine what some say are the best qualities of their elf and human parents: human curiosity, inventiveness, and ambition tempered by the refined senses, love of nature, and artistic tastes of the elves.</strong></em></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Charisma score increases by 2, and two other ability scores of your choice each increase by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Age.</strong> Half-elves age at much the same rate as humans, reaching adulthood at the age of 20. They live much longer than humans, however, often exceeding 180 years.</li>
+          </ul>
+          <ul>
+          <li><strong>Alignment.</strong> Half-elves share the chaotic bent of their elven heritage. They both value personal freedom and creative expression, demonstrating neither love of leaders nor desire for followers. They chafe at rules, resent others' demands, and sometimes prove unreliable, or at least unpredictable. They are good and evil in equal numbers, a trait they share with their human parents.</li>
+          </ul>
+          <ul>
+          <li><strong>Size.</strong> Half-elves are more or less the same size as humans, ranging from 5 to 6 feet tall. Your size is Medium.</li>
+          </ul>
+          <ul>
+          <li><strong>Speed.</strong> Your base walking speed is 30 feet.</li>
+          </ul>
+          <ul>
+          <li><strong>Languages.</strong> You can read, speak, and write Common, Elven, and one language of your choice.</li>
+          </ul>
+          <ul>
+          <li><strong>Half-Elf Versatility.</strong> Choose one of the following traits:
+          <ul>
+          <li><em><strong>Skill Versatility (General).</strong></em> You gain proficiency in two skills of your choice.</li>
+          <li><em><strong>Elf Weapon Training (High or Wood Elf Heritage).</strong></em> You have proficiency with the longsword, shortsword, shortbow, and longbow.</li>
+          <li><em><strong>Cantrip (High Elf Heritage).</strong></em> You know one cantrip of your choice from the wizard spell list. Intelligence is your spellcasting ability for it.</li>
+          <li><em><strong>Fleet of Foot (Wood Elf Heritage).</strong></em> Your base walking speed increases to 35 feet.</li>
+          <li><em><strong>Mask of the Wild (Wood Elf Heritage).</strong></em> You can attempt to hide even when you are only lightly obscured by foliage, heavy rain, falling snow, mist, and other natural phenomena.</li>
+          <li><em><strong>Drow Magic (Dark Elf Heritage).</strong></em> You know the Dancing Lights cantrip. When you reach 3rd level, you can cast Faerie Fire once, and it recharges after a long rest. When you reach 5th level, you can cast Darkness once, and it recharges after a long rest. Charisma is your spellcasting ability for these spells.</li>
+          <li><em><strong>Swim Speed (Aquatic Elf Heritage).</strong></em> You have a swimming speed of 30 feet.</li>
+          </ul>
+          </li>
+          </ul>
+        `,
+        features: [
+          {
+            name: 'Darkvision',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>Thanks to your elven heritage, you have superior vision in dark and dim conditions. You can see in dim light within 60 feet of you as if it were bright light, and in darkness as if it were dim light. You can't discern color in darkness, only shades of gray.</p>
+            `,
+          },
+          {
+            name: 'Fey Ancestry',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You have advantage on saving throws against being charmed, and magic can't put you to sleep.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Mark of Detection',
+        description: `
+          <p><strong><em>If your Half-Elf has the Mark of Detection, these features replace the Ability Score Increase and the Half-Elf Versatility traits in the</em> Player's Handbook.</strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Wisdom score increases by 2, and one other Ability Score of your choice increases by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Magical Detection.</strong> You can cast the Detect Magic and the Detect Poison and Disease spells with this trait. Starting at 3rd level, you can also cast the See Invisibility spell with it. Once you cast either spell with this trait, you can't cast that spell again until you finish a Long Rest. Intelligence is your Spellcasting Ability for these spells, and you don't require material components for them.</li>
+          </ul>
+          <ul>
+          <li><strong>Spells of the Mark.</strong> If you have the Spellcasting or Pact Magic class feature, the spells on the Mark of Detection Spells table are added to the spell list of your Spellcasting class.</li>
+          </ul>
+          <p><strong>Mark of Detection Spells</strong></p>
+          <table class="wiki-content-table">
+          <tr>
+          <th>Spell Level</th>
+          <th>Spell</th>
+          </tr>
+          <tr>
+          <td>1st</td>
+          <td>Detect Magic, Detect Poison and Disease</td>
+          </tr>
+          <tr>
+          <td>2nd</td>
+          <td>Detect Thoughts, Find Traps</td>
+          </tr>
+          <tr>
+          <td>3rd</td>
+          <td>Clairvoyance, Nondetection</td>
+          </tr>
+          <tr>
+          <td>4th</td>
+          <td>Arcane Eye,Divination</td>
+          </tr>
+          <tr>
+          <td>5th</td>
+          <td>Legend Lore</td>
+          </tr>
+          </table>
+        `,
+        features: [
+          {
+            name: 'Deductive Intuition',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>Whenever you make a Intelligence (Investigation) or a Wisdom (Insight) check, you can roll a d4 and add the number rolled to the total ability check.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Mark of Storm',
+        description: `
+          <p><strong><em>If your Half-Elf has the Mark of Storm, these features replace the Ability Score Increase and the Half-Elf Versatility traits in the</em> Player's Handbook.</strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Charisma score increases by 2, and your Dexterity score increases by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Headwinds.</strong> You know the Gust cantrip. Starting at 3rd level, you can also cast the Gust of Wind spell with it. Once you cast this spell with this trait, you can't cast that spell again until you finish a Long Rest. Charisma is your Spellcasting Ability for this spell.</li>
+          </ul>
+          <ul>
+          <li><strong>Spells of the Mark.</strong> If you have the Spellcasting or Pact Magic class feature, the spells on the Mark of Storm Spells table are added to the spell list of your Spellcasting class.</li>
+          </ul>
+          <p><strong>Mark of Storm Spells</strong></p>
+          <table class="wiki-content-table">
+          <tr>
+          <th>Spell Level</th>
+          <th>Spell</th>
+          </tr>
+          <tr>
+          <td>1st</td>
+          <td>Feather Fall, Fog Cloud</td>
+          </tr>
+          <tr>
+          <td>2nd</td>
+          <td>Gust of Wind, Levitate</td>
+          </tr>
+          <tr>
+          <td>3rd</td>
+          <td>Sleet Storm, Wind Wall</td>
+          </tr>
+          <tr>
+          <td>4th</td>
+          <td>Conjure Minor Elementals, Control Water</td>
+          </tr>
+          <tr>
+          <td>5th</td>
+          <td>Conjure Elemental</td>
+          </tr>
+          </table>
+          </div>
+        `,
+        features: [
+          {
+            name: "Windwright's Intuition",
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>Whenever you make a Dexterity (Acrobatics) check or any Ability Check involving Navigator's Tools, you can roll a d4 and add the number rolled to the total ability check.</p>
+            `,
+          },
+          {
+            name: "Storm's Boon",
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You have resistance to Lightning damage.</p>
+            `,
+          },
+        ],
+      },
+    ],
+  };
+
+  private halfOrc: any = {
+    title: 'halfOrc',
+    content: [
+      {
+        title: "Player's Handbook",
+        description: `
+          <p><em><strong>When alliances between humans and orcs are sealed by marriages, half-orcs are born. Some half-orcs rise to become proud chiefs of orc tribes, their human blood giving them an edge over their full-blooded orc rivals. Some venture into the world to prove their worth among humans and other more civilized races. Many of these become adventurers, achieving greatness for their mighty deeds and notoriety for their barbaric customs and savage fury.</strong></em></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Strength score increases by 2, and your Constitution score increases by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Age.</strong> Half-orcs mature a little faster than humans, reaching adulthood around age 14. They age noticeably faster and rarely live longer than 75 years.</li>
+          </ul>
+          <ul>
+          <li><strong>Alignment.</strong> Half-orcs inherit a tendency toward chaos from their orc parents and are not strongly inclined toward good. Half-orcs raised among orcs and willing to live out their lives among them are usually evil.</li>
+          </ul>
+          <ul>
+          <li><strong>Size.</strong> Half-orcs are somewhat larger and bulkier than humans, and they range from 5 to well over 6 feet tall. Your size is Medium.</li>
+          </ul>
+          <ul>
+          <li><strong>Speed.</strong> Your base walking speed is 30 feet.</li>
+          </ul>
+          <ul>
+          <li><strong>Menacing.</strong> You gain proficiency in the Intimidation skill.</li>
+          </ul>
+          <ul>
+          <li><strong>Languages.</strong> You can speak, read, and write Common and Orc. Orc is a harsh, grating language with hard consonants. It has no script of its own but is written in the Dwarvish script.</li>
+          </ul>
+        `,
+        features: [
+          {
+            name: 'Darkvision',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>Thanks to your orc blood, you have superior vision in dark and dim conditions. You can see in dim light within 60 feet of you as if it were bright light, and in darkness as if it were dim light. You can't discern color in darkness, only shades of gray.</p>
+            `,
+          },
+          {
+            name: 'Relentless Endurance',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>When you are reduced to 0 hit points but not killed outright, you can drop to 1 hit point instead. You can't use this feature again until you finish a long rest.</p>
+            `,
+          },
+          {
+            name: 'Savage Attacks',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>When you score a critical hit with a melee weapon attack, you can roll one of the weapon's damage dice one additional time and add it to the extra damage of the critical hit.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Mark of Finding',
+        description: `
+          <p><strong><em>If your Half-Orc has the Mark of Finding, replace all Racial Traits found in the</em> Player's Handbook <em>with these, except for Age, Alignment, Size, and Speed.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Wisdom score increases by 2, and your Constitution score increases by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Finder's Magic.</strong> You can cast the <a href="http://dnd5e.wikidot.com/spell:hunters-mark" target="_blank">Hunter's Mark</a> spell with this trait. Starting at 3rd level, you can also cast the <a href="http://dnd5e.wikidot.com/spell:locate-object" target="_blank">Locate Object</a> spell with it. Once you cast either spell with this trait, you can't cast that spell again until you finish a Long Rest. Wisdom is your Spellcasting Ability for these spells.</li>
+          </ul>
+          <ul>
+          <li><strong>Languages.</strong> You can speak, read, and write Common and Goblin.</li>
+          </ul>
+          <ul>
+          <li><strong>Spells of the Mark.</strong> If you have the Spellcasting or Pact Magic class feature, the spells on the Mark of Finding Spells table are added to the spell list of your Spellcasting class.</li>
+          </ul>
+          <p><strong>Mark of Finding Spells</strong></p>
+          <table class="wiki-content-table">
+          <tr>
+          <th>Spell Level</th>
+          <th>Spell</th>
+          </tr>
+          <tr>
+          <td>1st</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:Faerie-Fire" target="_blank">Faerie Fire</a>, <a href="http://dnd5e.wikidot.com/spell:longstrider" target="_blank">Longstrider</a></td>
+          </tr>
+          <tr>
+          <td>2nd</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:locate-animals-or-plants" target="_blank">Locate Animals or Plants</a>, <a href="http://dnd5e.wikidot.com/spell:locate-object" target="_blank">Locate Object</a></td>
+          </tr>
+          <tr>
+          <td>3rd</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:clairvoyance" target="_blank">Clairvoyance</a>, <a href="http://dnd5e.wikidot.com/spell:speak-with-plants" target="_blank">Speak With Plants</a></td>
+          </tr>
+          <tr>
+          <td>4th</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:divination" target="_blank">Divination</a>, <a href="http://dnd5e.wikidot.com/spell:locate-creature" target="_blank">Locate Creature</a></td>
+          </tr>
+          <tr>
+          <td>5th</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:commune-with-nature" target="_blank">Commune With Nature</a></td>
+          </tr>
+          </table>
+          </div>
+        `,
+        features: [
+          {
+            name: "Hunter's Intuition",
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>Whenever you make a Wisdom (Perception) or a Wisdom (Survival) check, you can roll a d4 and add the number rolled to the total ability check.</p>
+            `,
+          },
+          {
+            name: 'Darkvision',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You can see in dim light within 60ft. of you as if it were bright light, and in darkness as if it were dim light. You can't discern colors in darkness, only shades of grey.</p>
+            `,
+          },
+        ],
+      },
+    ],
+  };
+
+  private halfling: any = {
+    title: 'halfling',
+    content: [
+      {
+        title: "Player's Handbook",
+        description: `
+          <p><em><strong>The comforts of home are the goals of most halflings' lives: a place to settle in peace and quiet, far from marauding monsters and clashing armies. Others form nomadic bands that travel constantly, lured by the open road and the wide horizon to discover the wonders of new lands and peoples. Halflings work readily with others, and they are loyal to their friends, whether halfling or otherwise. They can display remarkable ferocity when their friends, families, or communities are threatened.</strong></em></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Dexterity score increases by 2.</li>
+          </ul>
+          <ul>
+          <li><strong>Age.</strong> A halfling reaches adulthood at the age of 20 and generally lives into the middle of his or her second century.</li>
+          </ul>
+          <ul>
+          <li><strong>Alignment.</strong> Most halflings are lawful good. As a rule, they are good-hearted and kind, hate to see others in pain, and have no tolerance for oppression. They are also very orderly and traditional, leaning heavily on the support of their community and the comfort of the old ways.</li>
+          </ul>
+          <ul>
+          <li><strong>Size.</strong> Halflings average about 3 feet tall and weigh about 40 pounds. Your size is small.</li>
+          </ul>
+          <ul>
+          <li><strong>Speed.</strong> Your base walking speed is 25 feet.</li>
+          </ul>
+
+          <ul>
+          <li><strong>Languages.</strong> You can speak, read, and write Common and Halfling.</li>
+          </ul>
+        `,
+        features: [
+          {
+            name: 'Lucky',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>When you roll a 1 on an attack roll, ability check, or saving throw, you can reroll the die. You must use the new result, even if it is a 1.</p>
+            `,
+          },
+          {
+            name: 'Brave',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You have advantage on saving throws against being frightened.</p>
+            `,
+          },
+          {
+            name: 'Nimble',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You can move through the space of any creature that is of a size larger than yours.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Lightfoot',
+        description: `
+          <p><strong><em>As a lightfoot halfling, you can easily hide from notice, even using other people as cover. You're inclined to be affable and get along well with others. In the Forgotten Realms, lightfoot halflings have spread the farthest and thus are the most common variety.</em></strong></p>
+          <p><strong><em>Lightfoots are more prone to wanderlust than other halflings, and often dwell alongside other races or take up a nomadic life. In the world of Grayhawk, these halflings are called hairfeet or tallfellows.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Charisma score increases by 1.</li>
+          </ul>
+        `,
+        features: [
+          {
+            name: 'Naturally Stealthy',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You can attempt to hide even when you are obscured only by a creature that is at least one size larger than you.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Stout',
+        description: `
+          <p><strong><em>As a stout halfling, you're hardier than average and have some resistance to poison. Some say that stouts have dwarven blood. In the Forgotten Realms, these halflings are called stronghearts, and they're most common in the south.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Constitution score increases by 1.</li>
+          </ul>
+        `,
+        features: [
+          {
+            name: 'Stout Resilience',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You have advantage on saving throws against poison, and you have resistance to poison damage.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Ghostwise',
+        description: `
+          <p><strong><em>Ghostwise halflings trace their ancestry back to a war among halfling tribes that sent their ancestors into flight from Luiren. Ghostwise halflings are the rarest of the</em> hin, <em>found only in the Chondalwood and a few other isolated forests, clustered in tight-knit clans.</em></strong></p>
+          <p><strong><em>Many ghostwise clans select a natural landmark as the center of their territory, and members carry a piece of that landmark with them at all times. Clan warriors known as nightgliders bond with and ride giant owls as mounts.</em></strong></p>
+          <p><strong><em>Because these folk are clannish and mistrustful of outsiders, ghostwise halfling adventurers are rare. Ask your DM if you can play a member of this subrace, which has the halfling traits in the</em> Player's Handbook, <em>plus the subrace traits below.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Wisdom score increases by 1.</li>
+          </ul>
+        `,
+        features: [
+          {
+            name: 'Silent Speech',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You can speak telepathically to any creature within 30 feet of you. The creature understands you only if the two of you share a language. You can speak telepathically in this way to one creature at a time.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Lotusden',
+        description: `
+          <p><strong><em>Long tied to the natural heart of the Lotusden Greenwood, these halflings have adapted to live synergistically with the chaotic laws of the wilds.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Wisdom score increases by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Children of the Woods.</strong> You know the <a href="/spell:druidcraft">Druidcraft</a> Cantrip. At 3rd level, you can cast the <a href="/spell:entangle">Entangle</a> spell once per long rest. At 5th level, you can cast <a href="/spell:spike-growth">Spike Growth</a> spell once per long rest. These spells don't require the material components normally required. Wisdom is your spellcasting ability for these spells.</li>
+          </ul>
+        `,
+        features: [
+          {
+            name: 'Timberwalk',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>Ability checks made to track you are at disadvantage and you can move through difficult terrain made of non-magical plants and overgrowth without expending extra movement.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Mark of Hospitality',
+        description: `
+          <p><strong><em>If you're a halfling with the Mark of Hospitality, you have this subrace, with the following traits.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Charisma score increases by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Innkeeper's Magic.</strong> You know the <a href="http://dnd5e.wikidot.com/spell:prestidigitation" target="_blank">Prestidigitation</a> cantrip. You can also cast <a href="http://dnd5e.wikidot.com/spell:purify-food-and-drink" target="_blank">Purify Food and Drink</a> and <a href="http://dnd5e.wikidot.com/spell:unseen-servant" target="_blank">Unseen Servant</a> with this trait. Once you cast either spell with this trait, you can't cast that spell again until you finish a long rest. Charisma is your Spellcasting Ability for these spells.</li>
+          </ul>
+          <ul>
+          <li><strong>Spells of the Mark.</strong> If you have the Spellcasting or Pact Magic class features, the spells on the Mark of Hospitality Spells table are added to the spell list of your spellcasting class.</li>
+          </ul>
+          <p><strong>Mark of Hospitality Spells</strong></p>
+          <table class="wiki-content-table">
+          <tr>
+          <th>Spell Level</th>
+          <th>Spell</th>
+          </tr>
+          <tr>
+          <td>1st</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:goodberry" target="_blank">Goodberry</a>, <a href="http://dnd5e.wikidot.com/spell:sleep" target="_blank">Sleep</a></td>
+          </tr>
+          <tr>
+          <td>2nd</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:aid" target="_blank">Aid</a>, <a href="http://dnd5e.wikidot.com/spell:calm-emotions" target="_blank">Calm Emotions</a></td>
+          </tr>
+          <tr>
+          <td>3rd</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:create-food-and-water" target="_blank">Create Food and Water</a>, <a href="http://dnd5e.wikidot.com/spell:leomunds-tiny-hut" target="_blank">Leomund's Tiny Hut</a></td>
+          </tr>
+          <tr>
+          <td>4th</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:aura-of-purity" target="_blank">Aura of Purity</a>, <a href="http://dnd5e.wikidot.com/spell:mordenkainens-private-sanctum" target="_blank">Mordenkainen's Private Sanctum</a></td>
+          </tr>
+          <tr>
+          <td>5th</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:hallow" target="_blank">Hallow</a></td>
+          </tr>
+          </table>
+        `,
+        features: [
+          {
+            name: 'Ever Hospitable',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>Whenever you roll a Charisma (Persuasion) check or an ability check involving Brewer's Tools or Cook's Utensils, roll a d4 and add the number rolled to the total ability check.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Mark of Healing',
+        description: `
+          <p><strong><em>If you're a halfling with the Mark of Healing, you have this subrace, with the following traits.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Wisdom score increases by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Healing Touch.</strong> You can cast the <a href="http://dnd5e.wikidot.com/spell:cure-wounds" target="_blank">Cure Wounds</a> spell with this trait. Beginning at 3rd level, you can also cast the <a href="http://dnd5e.wikidot.com/spell:lesser-restoration" target="_blank">Lesser Restoration</a> spell with this trait. Once you cast either spell with this trait, you can't cast that spell again until you finish a long rest. Wisdom is your Spellcasting Ability for these spells.</li>
+          </ul>
+          <ul>
+          <li><strong>Spells of the Mark.</strong> If you have the Spellcasting or Pact Magic class features, the spells on the Mark of Healing Spells table are added to the spell list of your spellcasting class.</li>
+          </ul>
+          <p><strong>Mark of Healing Spells</strong></p>
+          <table class="wiki-content-table">
+          <tr>
+          <th>Spell Level</th>
+          <th>Spell</th>
+          </tr>
+          <tr>
+          <td>1st</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:cure-wounds" target="_blank">Cure Wounds</a>, <a href="http://dnd5e.wikidot.com/spell:healing-word" target="_blank">Healing Word</a></td>
+          </tr>
+          <tr>
+          <td>2nd</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:lesser-restoration" target="_blank">Lesser Restoration</a>, <a href="http://dnd5e.wikidot.com/spell:prayer-of-healing" target="_blank">Prayer of Healing</a></td>
+          </tr>
+          <tr>
+          <td>3rd</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:aura-of-vitality" target="_blank">Aura of Vitality</a>, <a href="http://dnd5e.wikidot.com/spell:mass-healing-word" target="_blank">Mass Healing Word</a></td>
+          </tr>
+          <tr>
+          <td>4th</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:aura-of-purity" target="_blank">Aura of Purity</a>, <a href="http://dnd5e.wikidot.com/spell:aura-of-life" target="_blank">Aura of Life</a></td>
+          </tr>
+          <tr>
+          <td>5th</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:greater-restoration" target="_blank">Greater Restoration</a></td>
+          </tr>
+          </table>
+          </div>
+          `,
+        features: [
+          {
+            name: 'Medical Intuition',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>Whenever you roll a Wisdom (Medicine) check or an ability check involving an Herbalism Kit, roll a d4 and add the number rolled to the total ability check.</p>
+            `,
+          },
+        ],
+      },
+    ],
+  };
+
+  private human: any = {
+    title: 'human',
+    content: [
+      {
+        title: "Player's Handbook",
+        description: `
+          <p><em><strong>In the reckonings of most worlds, humans are the youngest of the common races, late to arrive on the world scene and short-lived in comparison to dwarves, elves, and dragons. Perhaps it is because of their shorter lives that they strive to achieve as much as they can in the years they are given. Or maybe they feel they have something to prove to the elder races, and that's why they build their mighty empires on the foundation of conquest and trade. Whatever drives them, humans are the innovators, the achievers, and the pioneers of the worlds.</strong></em></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your ability scores each increase by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Age.</strong> Humans reach adulthood in their late teens and live less than a century.</li>
+          </ul>
+          <ul>
+          <li><strong>Alignment.</strong> Humans tend toward no particular alignment. The best and the worst are found among them.</li>
+          </ul>
+          <ul>
+          <li><strong>Size.</strong> Humans vary widely in height and build, from barely 5 feet to well over 6 feet tall. Regardless of your position in that range, your size is Medium.</li>
+          </ul>
+          <ul>
+          <li><strong>Speed.</strong> Your base walking speed is 30 feet.</li>
+          </ul>
+          <ul>
+          <li><strong>Languages.</strong> You can speak, read, and write Common and one extra language of your choice. Humans typically learn the languages of other peoples they deal with, including obscure dialects. They are fond of sprinkling their speech with words borrowed from other tongues: Orc curses, Elvish musical expressions, Dwarvish military phrases, and so on.</li>
+          </ul>
+          `,
+      },
+      {
+        title: 'Variant',
+        description: `
+          <p><strong><em>If your campaign uses the optional feat rules from chapter 5 of the</em> Player's Handbook, <em>your Dungeon Master might allow these variant traits, all of which replace the human's</em> Ability Score Increase <em>trait.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Two different ability scores of your choice increase by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Skills.</strong> You gain proficiency in one skill of your choice.</li>
+          </ul>
+          <ul>
+          <li><strong>Feat.</strong> You gain one <a href="http://dnd5e.wikidot.com/#toc6">Feat</a> of your choice.</li>
+          </ul>
+        `,
+      },
+      {
+        title: 'Mark of Finding',
+        description: `
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Wisdom score increases by 2, and your Constitution score increases by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Finder's Magic.</strong> You can cast the <a href="http://dnd5e.wikidot.com/spell:hunters-mark" target="_blank">Hunter's Mark</a> spell with this trait. Starting at 3rd level, you can also cast the <a href="http://dnd5e.wikidot.com/spell:locate-object" target="_blank">Locate Object</a> spell with it. Once you cast either spell with this trait, you can't cast that spell again until you finish a Long Rest. Wisdom is your Spellcasting Ability for these spells.</li>
+          </ul>
+          <ul>
+          <li><strong>Languages.</strong> You can speak, read, and write Common and Goblin.</li>
+          </ul>
+          <ul>
+          <li><strong>Spells of the Mark.</strong> If you have the Spellcasting or Pact Magic class feature, the spells on the Mark of Finding Spells table are added to the spell list of your Spellcasting class.</li>
+          </ul>
+          <p><strong>Mark of Finding Spells</strong></p>
+          <table class="wiki-content-table">
+          <tr>
+          <th>Spell Level</th>
+          <th>Spell</th>
+          </tr>
+          <tr>
+          <td>1st</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:Faerie-Fire" target="_blank">Faerie Fire</a>, <a href="http://dnd5e.wikidot.com/spell:longstrider" target="_blank">Longstrider</a></td>
+          </tr>
+          <tr>
+          <td>2nd</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:locate-animals-or-plants" target="_blank">Locate Animals or Plants</a>, <a href="http://dnd5e.wikidot.com/spell:locate-object" target="_blank">Locate Object</a></td>
+          </tr>
+          <tr>
+          <td>3rd</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:clairvoyance" target="_blank">Clairvoyance</a>, <a href="http://dnd5e.wikidot.com/spell:speak-with-plants" target="_blank">Speak With Plants</a></td>
+          </tr>
+          <tr>
+          <td>4th</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:divination" target="_blank">Divination</a>, <a href="http://dnd5e.wikidot.com/spell:locate-creature" target="_blank">Locate Creature</a></td>
+          </tr>
+          <tr>
+          <td>5th</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:commune-with-nature" target="_blank">Commune With Nature</a></td>
+          </tr>
+          </table>
+          `,
+        features: [
+          {
+            name: 'Darkvision',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You can see in dim light within 60ft. of you as if it were bright light, and in darkness as if it were dim light. You can't discern colors in darkness, only shades of grey.</p>
+            `,
+          },
+          {
+            name: "Hunter's Intuition",
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>Whenever you make a Wisdom (Perception) or a Wisdom (Survival) check, you can roll a d4 and add the number rolled to the total ability check.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Mark of Handling',
+        description: `
+          <p><strong><em>If your Human has the Mark of Handling, replace all Racial Traits found in the</em> Player's Handbook <em>with these, except for Age, Alignment, Size, and Speed.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Wisdom score increases by 2, and one other Ability Score of your choice increases by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Primal Connection.</strong> You can cast the <a href="http://dnd5e.wikidot.com/spell:animal-friendship" target="_blank">Animal Friendship</a> spell and the <a href="http://dnd5e.wikidot.com/spell:speak-with-animals" target="_blank">Speak With Animals</a> with this trait, requiring no material components. Once you cast either spell with this trait, you can't cast that spell again until you finish a Long Rest. Wisdom is your Spellcasting Ability for these spells.</li>
+          </ul>
+          <ul>
+          <li><strong>The Bigger They Are.</strong> Starting at 3rd level, you can target a Beast or a Monstrosity when you cast <a href="http://dnd5e.wikidot.com/spell:animal-friendship" target="_blank">Animal Friendship</a> or <a href="http://dnd5e.wikidot.com/spell:speak-with-animals" target="_blank">Speak With Animals</a>, provided that the creature's intelligence is 3 or lower.</li>
+          </ul>
+          <ul>
+          <li><strong>Spells of the Mark.</strong> If you have the Spellcasting or Pact Magic class feature, the spells on the Mark of Handling Spells table are added to the spell list of your Spellcasting class.</li>
+          </ul>
+          <p><strong>Mark of Handling Spells</strong></p>
+          <table class="wiki-content-table">
+          <tr>
+          <th>Spell Level</th>
+          <th>Spell</th>
+          </tr>
+          <tr>
+          <td>1st</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:animal-friendship" target="_blank">Animal Friendship</a>, <a href="http://dnd5e.wikidot.com/spell:speak-with-animals" target="_blank">Speak With Animals</a></td>
+          </tr>
+          <tr>
+          <td>2nd</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:beast-sense" target="_blank">Beast Sense</a>, <a href="http://dnd5e.wikidot.com/spell:calm-emotions" target="_blank">Calm Emotions</a></td>
+          </tr>
+          <tr>
+          <td>3rd</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:beacon-of-hope" target="_blank">Beacon of Hope</a>, <a href="http://dnd5e.wikidot.com/spell:conjure-animals" target="_blank">Conjure Animals</a></td>
+          </tr>
+          <tr>
+          <td>4th</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:aura-of-life" target="_blank">Aura of Life</a>, <a href="http://dnd5e.wikidot.com/spell:dominate-beast" target="_blank">Dominate Beast</a></td>
+          </tr>
+          <tr>
+          <td>5th</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:awaken" target="_blank">Awaken</a></td>
+          </tr>
+          </table>
+          `,
+        features: [
+          {
+            name: 'Wild Intuition',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>Whenever you make a Wisdom (Animal Handling) or a Intelligence (Nature) check, you can roll a d4 and add the number rolled to the total ability check.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Mark of Making',
+        description: `
+          <p><strong><em>If your Human has the Mark of Making, replace all Racial Traits found in the</em> Player's Handbook <em>with these, except for Age, Alignment, Size, and Speed.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Intelligence score increases by 2, and one other Ability Score of your choice increases by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Artisan's Gift</strong> You gain proficiency in one type of Artisan's Tools of your choice.</li>
+          </ul>
+          <ul>
+          <li><strong>Spellsmith.</strong> You learn the <a href="http://dnd5e.wikidot.com/spell:mending" target="_blank">Mending</a> cantrip. You can also cast the <a href="http://dnd5e.wikidot.com/spell:magic-weapon" target="_blank">Magic Weapon</a> spell with this trait. When you do so, the spell lasts for 1 hour and doesn't require concentration. Once you cast this spell with this trait, you can't cast that spell again until you finish a Long Rest. Intelligence is your Spellcasting Ability for these spells.</li>
+          </ul>
+          <ul>
+          <li><strong>Spells of the Mark.</strong> If you have the Spellcasting or Pact Magic class feature, the spells on the Mark of Making Spells table are added to the spell list of your Spellcasting class.</li>
+          </ul>
+        `,
+        features: [
+          {
+            name: "Artisan's Gift",
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You gain proficiency in one type of Artisan's Tools of your choice.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Mark of Passage',
+        description: `
+          <p><strong><em>If your Human has the Mark of Passage, replace all Racial Traits found in the</em> Player's Handbook <em>with these, except for Age, Alignment, and Size.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Dexterity score increases by 2, and one other Ability Score of your choice increases by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Courier's Speed</strong> You gain a base walking speed of 35ft.</li>
+          </ul>
+          <ul>
+          <li><strong>Magical Passage.</strong> You can cast the <a href="http://dnd5e.wikidot.com/spell:misty-step" target="_blank">Misty Step</a> spell with this trait. Once you cast this spell with this trait, you can't cast that spell again until you finish a Long Rest. Dexterity is your Spellcasting Ability for these spells.</li>
+          </ul>
+          <ul>
+          <li><strong>Spells of the Mark.</strong> If you have the Spellcasting or Pact Magic class feature, the spells on the Mark of Passage Spells table are added to the spell list of your Spellcasting class.</li>
+          </ul>
+          <p><strong>Mark of Passage Spells</strong></p>
+          <table class="wiki-content-table">
+          <tr>
+          <th>Spell Level</th>
+          <th>Spell</th>
+          </tr>
+          <tr>
+          <td>1st</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:expeditious-retreat" target="_blank">Expeditious Retreat</a>, <a href="http://dnd5e.wikidot.com/spell:jump" target="_blank">Jump</a></td>
+          </tr>
+          <tr>
+          <td>2nd</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:misty-step" target="_blank">Misty Step</a>, <a href="http://dnd5e.wikidot.com/spell:pass-without-trace" target="_blank">Pass Without Trace</a></td>
+          </tr>
+          <tr>
+          <td>3rd</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:blink" target="_blank">Blink</a>, <a href="http://dnd5e.wikidot.com/spell:phantom-steed" target="_blank">Phantom Steed</a></td>
+          </tr>
+          <tr>
+          <td>4th</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:dimension-door" target="_blank">Dimension Door</a>, <a href="http://dnd5e.wikidot.com/spell:freedom-of-movement" target="_blank">Freedom of Movement</a></td>
+          </tr>
+          <tr>
+          <td>5th</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:teleportation-circle" target="_blank">Teleportation Circle</a></td>
+          </tr>
+          </table>
+          `,
+        features: [
+          {
+            name: 'Intuitive Motion',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>Whenever you make an Dexterity (Acrobatics) or an Ability Check involving operating or maintaining a Land Vehicle, you can roll a d4 and add the number rolled to the total ability check.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Mark of Sentinel',
+        description: `
+          <p><strong><em>If your Human has the Mark of Sentinel, replace all Racial Traits found in the</em> Player's Handbook <em>with these, except for Age, Alignment, Size, and Speed.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Constitution score increases by 2, and your Wisdom score increases by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Guardian's Shield.</strong> You can cast the <a href="http://dnd5e.wikidot.com/spell:shield" target="_blank">Shield</a> spell with this trait. Once you cast this spell with this trait, you can't cast that spell again until you finish a Long Rest. Wisdom is your Spellcasting Ability for these spells.</li>
+          </ul>
+          <ul>
+          <li><strong>Spells of the Mark.</strong> If you have the Spellcasting or Pact Magic class feature, the spells on the Mark of Sentinel Spells table are added to the spell list of your Spellcasting class.</li>
+          </ul>
+          <p><strong>Mark of Sentinel Spells</strong></p>
+          <table class="wiki-content-table">
+          <tr>
+          <th>Spell Level</th>
+          <th>Spell</th>
+          </tr>
+          <tr>
+          <td>1st</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:compelled-duel" target="_blank">Compelled Duel</a>, <a href="http://dnd5e.wikidot.com/spell:shield-of-faith" target="_blank">Shield of Faith</a></td>
+          </tr>
+          <tr>
+          <td>2nd</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:warding-bond" target="_blank">Warding Bond</a>, <a href="http://dnd5e.wikidot.com/spell:zone-of-truth" target="_blank">Zone of Truth</a></td>
+          </tr>
+          <tr>
+          <td>3rd</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:counterspell" target="_blank">Counterspell</a>, <a href="http://dnd5e.wikidot.com/spell:protection-from-energy" target="_blank">Protection From Energy</a></td>
+          </tr>
+          <tr>
+          <td>4th</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:death-ward" target="_blank">Death Ward</a>, <a href="http://dnd5e.wikidot.com/spell:guardian-of-faith" target="_blank">Guardian of Faith</a></td>
+          </tr>
+          <tr>
+          <td>5th</td>
+          <td><a href="http://dnd5e.wikidot.com/spell:bigbys-hand" target="_blank">Bigby's Hand</a></td>
+          </tr>
+          </table>
+        `,
+        features: [
+          {
+            name: "Sentinel's Intuition",
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>Whenever you make an Wisdom (Insight) or a Wisdom (Perception) check, you can roll a d4 and add the number rolled to the total ability check.</p>
+            `,
+          },
+          {
+            name: 'Vigilant Guardian',
+            level: 0,
+            isAbility: true,
+            description: `
+            <p>Once a creature that you can see within 5ft of you is hit with an attack roll, you can use your reaction to swap places with the creature, and you are hit by the attack instead. Once you use this trait, you can't do so again until you finish a long rest.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Keldron',
+        description: `
+          <p><strong><em>The people of Keld are human, but they are like no other humans anywhere. Nearly all adults stand over six feet tall, and heights above seven feet are not uncommon. They are massively muscled and have gray skin, ranging from an ashy gray-white to a deeper bluegray. The typical Keldon’s hairline points sharply down in the middle of the forehead and at either temple, but recedes elsewhere — sometimes dramatically. Keldons are remarkably resistant to the cold of their homeland, baring skin even in near-freezing temperatures without discomfort.</em></strong></p>
+          <p><strong><em>Keldons value self-reliance, strength, and courage above all else. Anything that is the product of their own labor is a fine thing. Anything else is treated with a healthy dose of skepticism. At best, they are a proud, pragmatic, passionate people, and their loyalty is fierce once earned. At worst, they can be reckless, hot-tempered, and violent — and no small number of Keldons still consider these qualities virtues rather than vices.</em></strong></p>
+          <p><strong><em>The humans of Keld have the following traits, which replace the standard human traits presented in the</em> Player’s Handbook.</strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Strength score increases by 2, and your Constitution score increases by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Age.</strong> Keldons reach adulthood in their late teens and live less than a century.</li>
+          </ul>
+          <ul>
+          <li><strong>Alignment.</strong> Keldons tend toward chaotic alignments, and many walk a fine line between good and evil.</li>
+          </ul>
+          <ul>
+          <li><strong>Size.</strong> Keldons are taller and heavier than the human norms of other cultures, standing almost universally above 6 feet tall and reaching heights above 7 feet. Your size is Medium.</li>
+          </ul>
+          <ul>
+          <li><strong>Speed.</strong> Your base walking speed is 30 feet.</li>
+          </ul>
+          <ul>
+          <li><strong>Languages.</strong> You can speak, read, and write Common and Keldon.</li>
+          </ul>
+          <ul>
+          <li><strong>Natural Athlete.</strong> You have proficiency in the Athletics skill.</li>
+          </ul>
+          <ul>
+          <li><strong>Keldon Resilience.</strong> You have proficiency in Strength saving throws.</li>
+          </ul>
+        `,
+        features: [
+          {
+            name: 'Icehaven Born',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You are naturally adapted to cold climates, as described in chapter 5 of the <em>Dungeon Master’s Guide</em>.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Innistrad',
+        description: `
+          <p><strong><em>Innistrad’s population is mostly human, and player characters in an Innistrad campaign should be human in most circumstances. However, the humans of Kessig are different in many respects from those of Gavony, and Nephalia’s urban culture is very distinct from the shadow-draped land of Stensia. Diversity among player characters comes not from race, but from each character’s home province.</em></strong></p>
+          <p><strong><em>Human characters on Innistrad have the following traits. If you use these human traits, do not use the variant human traits presented in the Player’s Handbook. As well, in campaigns that use feats, characters should not be allowed to choose feats that duplicate any provincial traits.</em></strong></p>
+          <ul>
+          <li><strong>Age.</strong> Humans reach adulthood in their late teens and live less than a century.</li>
+          </ul>
+          <ul>
+          <li><strong>Alignment.</strong> Humans tend toward no particular alignment.</li>
+          </ul>
+          <ul>
+          <li><strong>Size.</strong> Humans vary widely in height and build, from barely 5 feet to well over 6 feet tall. Regardless of your position in that range, your size is Medium.</li>
+          </ul>
+          <ul>
+          <li><strong>Speed.</strong> Your base walking speed is 30 feet.</li>
+          </ul>
+          <ul>
+          <li><strong>Languages.</strong> You can speak, read, and write Common and one extra language of your choice.</li>
+          </ul>
+          <ul>
+          <li><strong>Provincial Origin.</strong> Choose one of the four provinces of Innistrad as the place of origin for your character: <a href="/lineage:human-gavony">Gavony</a>, <a href="/lineage:human-kessig">Kessig</a>, <a href="/lineage:human-nephalia">Nephalia</a>, or <a href="/lineage:human-stensia">Stensia</a>.</li>
+          </ul>
     `,
-    abilities: [
+      },
+      {
+        title: 'Gavony',
+        description: `
+          <p><strong><em>Whether safe behind the walls of the High City of Thraben or out in the moors with little more than shuttered windows, barred doors, and grim determination to stand against the horrors of the night, the humans of Gavony are the most well-rounded people of Innistrad.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your ability scores each increase by 1.</li>
+          </ul>
+        `,
+      },
+      {
+        title: 'Kessig',
+        description: `
+          <p><strong><em>For the Kessiger, life is work. Kessigers are farmers, millers, weavers, and stonemasons, living close to the land and working hard for every meal. This makes them self-reliant, pragmatic, and plainspoken.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Dexterity and Wisdom scores each increase by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Forest Folk.</strong> You have proficiency in the Survival skill.</li>
+          </ul>
+          <ul>
+          <li><strong>Fleet of Foot.</strong> Your base walking speed is 40 feet.</li>
+          </ul>
+          <ul>
+          <li><strong>Sure-Footed.</strong> When you use the Dash action, difficult terrain doesn’t cost you extra movement on that turn.</li>
+          </ul>
+          <ul>
+          <li><strong>Spring Attack.</strong> When you make a melee attack against a creature, you don’t provoke opportunity attacks from that creature for the rest of your turn, whether you hit or not.</li>
+          </ul>
+        `,
+        features: [
+          {
+            name: 'Sure-Footed',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>When you use the Dash action, difficult terrain doesn’t cost you extra movement on that turn.</p>
+            `,
+          },
+          {
+            name: 'Spring Attack',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>When you make a melee attack against a creature, you don’t provoke opportunity attacks from that creature for the rest of your turn, whether you hit or not.</p>
+            `,
+          },
+        ],
+      },
       {
-        name: 'Fey Step',
-        level: 0,
+        title: 'Nephalia',
         description: `
-        **Fey Step:** As a bonus action, you can magically teleport up to 30 feet to an unoccupied space you can see. You can use this trait a number of times equal to your proficiency bonus, and you regain all expended uses when you finish a long rest.
-        When you reach 3rd level, your Fey Step gains an additional effect based on your season; if the effect requires a saving throw, the DC equals 8 + your proficiency bonus + your Intelligence, Wisdom, or Charisma modifier (choose when you select this race):
-        - **Autumn** Immediately after you use your Fey Step, up to two creatures of your choice that you can see within 10 feet of you must succeed on a Wisdom saving throw or be charmed by you for 1 minute, or until you or your companions deal any damage to the creatures.
-        - **Winter** When you use your Fey Step, one creature of your choice that you can see within 5 feet of you before you teleport must succeed on a Wisdom saving throw or be frightened of you until the end of your next turn.
-        - **Spring** When you use your Fey Step, you can touch one willing creature within 5 feet of you. That creature then teleports instead of you, appearing in an unoccupied space of your choice that you can see within 30 feet of you.
-        - **Summer** Immediately after you use your Fey Step, each creature of your choice that you can see within 5 feet of you takes fire damage equal to your proficiency bonus.
-   
+          <p><strong><em>Beneath an ever-present shroud of fog billowing in from the sea, the people of Nephalia maintain a semblance of normalcy, buying and selling goods from across Innistrad in their bustling markets, setting out to sea in tiny fishing boats, or tilling the soggy earth in waterlogged fields.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Intelligence and Charisma scores each increase by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Breadth of Knowledge.</strong> You gain proficiency in any combination of four skills or with four tools of your choice.</li>
+          </ul>
+        `,
+      },
+      {
+        title: 'Stensia',
+        description: `
+          <p><strong><em>Countless generations of hardship and proximity to the vampire strongholds—leading to lost children and neighbors—have taught Stensians to guard their hearts. They are proud and fervent in their beliefs but seem brusque or even cold to the people of other provinces.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Strength and Constitution scores each increase by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Daunting.</strong> You have proficiency in the Intimidation skill.</li>
+          </ul>
+          <ul>
+          <li><strong>Tough.</strong> Your hit point maximum increases by 2, and it increases by 2 every time you gain a level.</li>
+          </ul>
+          </div>
         `,
       },
     ],
   };
 
+  private dragonborn: any = {
+    title: 'dragonborn',
+    content: [
+      {
+        title: "Player's Handbook",
+        description: `
+        <p><strong><em>Born of dragons, as their name proclaims, the dragonborn walk proudly through a world that greets them with fearful incomprehension. Shaped by draconic gods or the dragons themselves, dragonborn originally hatched from dragon eggs as a unique race, combining the best attributes of dragons and humanoids. Some dragonborn are faithful servants to true dragons, others form the ranks of soldiers in great wars, and still others find themselves adrift, with no clear calling in life.</em></strong></p>
+        <ul>
+        <li><strong>Ability Score Increase.</strong> Your Strength score increases by 2, and your Charisma score increases by 1.</li>
+        </ul>
+        <ul>
+        <li><strong>Age.</strong> Young dragonborn grow quickly. They walk hours after hatching, attain the size and development of a 10-year-old human child by the age of 3, and reach adulthood by 15. They live to be around 80.</li>
+        </ul>
+        <ul>
+        <li><strong>Alignment.</strong> Dragonborn tend towards extremes, making a conscious choice for one side or the other between Good and Evil (represented by Bahamut and Tiamat, respectively). More side with Bahamut than Tiamat (whose non-dragon followers are mostly kobolds), but villainous dragonborn can be quite terrible indeed. Some rare few choose to devote themselves to lesser dragon deities, such as Chronepsis (Neutral), and fewer still choose to worship Io, the Ninefold Dragon, who is all alignments at once.</li>
+        </ul>
+        <ul>
+        <li><strong>Size.</strong> Dragonborn are taller and heavier than humans, standing well over 6 feet tall and averaging almost 250 pounds. Your size is Medium.</li>
+        </ul>
+        <ul>
+        <li><strong>Speed.</strong> Your base walking speed is 30 feet.</li>
+        </ul>
+        <ul>
+        <li><strong>Draconic Ancestry.</strong> You are distantly related to a particular kind of dragon. Choose a type of dragon from the below list; this determines the damage and area of your breath weapon, and the type of resistance you gain.</li>
+        </ul>
+        <table class="wiki-content-table">
+        <tr>
+        <th>Dragon Color</th>
+        <th>Damage Type</th>
+        <th>Breath Weapon</th>
+        </tr>
+        <tr>
+        <td>Black</td>
+        <td>Acid</td>
+        <td>5' by 30' line (DEX save)</td>
+        </tr>
+        <tr>
+        <td>Blue</td>
+        <td>Lightning</td>
+        <td>5' by 30' line (DEX save)</td>
+        </tr>
+        <tr>
+        <td>Brass</td>
+        <td>Fire</td>
+        <td>5' by 30' line (DEX save)</td>
+        </tr>
+        <tr>
+        <td>Bronze</td>
+        <td>Lightning</td>
+        <td>5' by 30' line (DEX save)</td>
+        </tr>
+        <tr>
+        <td>Copper</td>
+        <td>Acid</td>
+        <td>5' by 30' line (DEX save)</td>
+        </tr>
+        <tr>
+        <td>Gold</td>
+        <td>Fire</td>
+        <td>15' cone (DEX save)</td>
+        </tr>
+        <tr>
+        <td>Green</td>
+        <td>Poison</td>
+        <td>15' cone (CON save)</td>
+        </tr>
+        <tr>
+        <td>Red</td>
+        <td>Fire</td>
+        <td>15' cone (DEX save)</td>
+        </tr>
+        <tr>
+        <td>Silver</td>
+        <td>Cold</td>
+        <td>15' cone (CON save)</td>
+        </tr>
+        <tr>
+        <td>White</td>
+        <td>Cold</td>
+        <td>15' cone (CON save)</td>
+        </tr>
+        </table>
+        <ul>
+        <li><strong>Damage Resistance.</strong> You have resistance to the damage type associated with your ancestry.</li>
+        </ul>
+        <ul>
+        <li><strong>Languages.</strong> You can read, speak, and write Common and Draconic.</li>
+        </ul>
+        `,
+        features: [
+          {
+            name: 'Breath Weapon',
+            level: 0,
+            isAbility: true,
+            description: `
+            <p>You can use your action to exhale destructive energy. It deals damage in an area according to your ancestry. When you use your breath weapon, all creatures in the area must make a saving throw, the type of which is determined by your ancestry. The DC of this saving throw is 8 + your Constitution modifier + your proficiency bonus. A creature takes 2d6 damage on a failed save, and half as much damage on a successful one. The damage increase to 3d6 at 6th level, 4d6 at 11th, and 5d6 at 16th level. After using your breath weapon, you cannot use it again until you complete a short or long rest. <em><sup>HB</sup>Instead, you may use your breath weapon a number of times equal to your Constitution modifier. You regain expended uses on a short or long rest.</em></p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Draconblood',
+        description: `
+          <p><strong><em>Draconbloods possess long tails and a knack for social manipulation. They remember the days when they were once mighty conquerors.</em></strong></p>
+          <p><strong><em>A draconblood uses the dragonborn traits in the</em> Player's Handbook, <em>with the following traits replacing the</em> Ability Score Increase <em>and</em> Damage Resistance <em>traits.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Intelligence score increases by 2, and your Charisma score increases by 1.</li>
+          </ul>
+        `,
+        features: [
+          {
+            name: 'Forceful Presence',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>When you make a Intimidation or Persuasion check, you can do so with advantage once per long rest.</p>
+            `,
+          },
+          {
+            name: 'Darkvision',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You can see in dim light within 60 feet of you as if it were bright light, and in darkness as if it were dim light. You can't discern color in darkness, only shades of gray.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Ravenite',
+        description: `
+          <p><strong><em>Ravenites have no tails and a hearty physique. They remember the days when they were slaves to the draconblood, as well as the day when they overthrew their masters.</em></strong></p>
+          <p><strong><em>A ravenite uses the dragonborn traits in the</em> Player's Handbook, <em>with the following traits replacing the</em> Ability Score Increase <em>and</em> Damage Resistance <em>traits.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Strength score increases by 2, and your Constitution score increases by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Darkvision.</strong> You can see in dim light within 60 feet of you as if it were bright light, and in darkness as if it were dim light. You can't discern color in darkness, only shades of gray.</li>
+          </ul>
+          <ul>
+          <li><strong>Vengeful Assault.</strong> When you take damage from a creature in range of a weapon you are wielding, you can use your reaction to make an attack against that creature. You can do this once per short or long rest.</li>
+          </ul>
+        `,
+        features: [
+          {
+            name: 'Vengeful Assault',
+            level: 0,
+            isAbility: true,
+            description: `
+            <p>When you take damage from a creature in range of a weapon you are wielding, you can use your reaction to make an attack against that creature. You can do this once per short or long rest.</p>
+            `,
+          },
+          {
+            name: 'Darkvision',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You can see in dim light within 60 feet of you as if it were bright light, and in darkness as if it were dim light. You can't discern color in darkness, only shades of gray.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Chromatic',
+        description: `
+          <p><strong><em>Dragonborn with chromatic ancestry claim the raw elemental power of chromatic dragons. The vibrant colors of black, blue, green, red, and white dragons gleam in those dragonborn's scaled skin and in the deadly energy of their breath weapons. Theirs is the raw elemental fury of the volcano, of biting arctic winds, and of raging lightning storms, as well as the subtle whisper of swamp and forest, toxic and corrosive.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Increase one ability score by 2 and increase a different one by 1, or you increase three different scores by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Type.</strong> You are a Humanoid.</li>
+          </ul>
+          <ul>
+          <li><strong>Size.</strong> You are Medium.</li>
+          </ul>
+          <ul>
+          <li><strong>Speed.</strong> Your walking speed is 30 feet.</li>
+          </ul>
+          <ul>
+          <li><strong>Chromatic Ancestry.</strong> You trace your ancestry to a chromatic dragon, granting you a special magical affinity. Choose one type of dragon from the Chromatic Ancestry table. This determines the damage type for your other traits as shown in the table.</li>
+          </ul>
+          <table class="wiki-content-table">
+          <tr>
+          <th colspan="2">Chromatic Ancestry</th>
+          </tr>
+          <tr>
+          <th>Dragon</th>
+          <th>Damage Type</th>
+          </tr>
+          <tr>
+          <td>Black</td>
+          <td>Acid</td>
+          </tr>
+          <tr>
+          <td>Blue</td>
+          <td>Lightning</td>
+          </tr>
+          <tr>
+          <td>Green</td>
+          <td>Poison</td>
+          </tr>
+          <tr>
+          <td>Red</td>
+          <td>Fire</td>
+          </tr>
+          <tr>
+          <td>White</td>
+          <td>Cold</td>
+          </tr>
+          </table>
+          <ul>
+          <li><strong>Languages.</strong> You can speak, read, and write Common and one other language that you and your DM agree is appropriate for the character.</li>
+          </ul>
+          `,
+        features: [
+          {
+            name: 'Chromatic Warding',
+            level: 0,
+            isAbility: true,
+            description: `
+            <p>Starting at 5th level, as an action, you can channel your draconic energy to protect yourself. For 1 minute, you become immune to the damage type associated with your Chromatic Ancestry. Once you use this trait, you can’t do so again until you finish a long rest.</p>
+            `,
+          },
+          {
+            name: 'Breath Weapon',
+            level: 0,
+            isAbility: true,
+            description: `
+            <p>When you take the Attack action on your turn, you can replace one of your attacks with an exhalation of magical energy in a 30-foot line that is 5 feet wide. Each creature in that area must make a Dexterity saving throw (DC = 8 + your Constitution modifier + your proficiency bonus). On a failed save, the creature takes 1d10 damage of the type associated with your Chromatic Ancestry. On a successful save, it takes half as much damage. This damage increases by 1d10 when you reach 5th level (2d10), 11th level (3d10), and 17th level (4d10). You can use your Breath Weapon a number of times equal to your proficiency bonus, and you regain all expended uses when you finish a long rest.</p>
+            `,
+          },
+          {
+            name: 'Draconic Resistance',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You have resistance to the damage type associated with your Chromatic Ancestry.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Metallic',
+        description: `
+          <p><strong><em>Dragonborn with metallic ancestry lay claim to the tenacity of metallic dragons — brass, bronze, copper, gold, and silver — whose hues glint in their scales. Theirs is the fire of hearth and forge, the cold of high mountain air, the spark of inspiration, and the scouring touch of acid that purifies.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Increase one ability score by 2 and increase a different one by 1, or you increase three different scores by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Type.</strong> You are a Humanoid.</li>
+          </ul>
+          <ul>
+          <li><strong>Size.</strong> You are Medium.</li>
+          </ul>
+          <ul>
+          <li><strong>Speed.</strong> Your walking speed is 30 feet.</li>
+          </ul>
+          <ul>
+          <li><strong>Metallic Ancestry.</strong> You trace your ancestry to a metallic dragon, granting you a special magical affinity. Choose one type of dragon from the Metallic Ancestry table. This determines the damage type for your other traits as shown in the table.</li>
+          </ul>
+          <table class="wiki-content-table">
+          <tr>
+          <th colspan="2">Metallic Ancestry</th>
+          </tr>
+          <tr>
+          <th>Dragon</th>
+          <th>Damage Type</th>
+          </tr>
+          <tr>
+          <td>Brass</td>
+          <td>Fire</td>
+          </tr>
+          <tr>
+          <td>Bronze</td>
+          <td>Lightning</td>
+          </tr>
+          <tr>
+          <td>Copper</td>
+          <td>Acid</td>
+          </tr>
+          <tr>
+          <td>Gold</td>
+          <td>Fire</td>
+          </tr>
+          <tr>
+          <td>Silver</td>
+          <td>Cold</td>
+          </tr>
+          </table>
+          <ul>
+          <li><strong>Languages.</strong> You can speak, read, and write Common and one other language that you and your DM agree is appropriate for the character.</li>
+          </ul>
+        `,
+        features: [
+          {
+            name: 'Draconic Resistance',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You have resistance to the damage type associated with your Metallic Ancestry.</p>
+            `,
+          },
+          {
+            name: 'Breath Weapon',
+            level: 0,
+            isAbility: true,
+            description: `
+            <p>When you take the Attack action on your turn, you can replace one of your attacks with an exhalation of magical energy in a 15-foot cone. Each creature in that area must make a Dexterity saving throw (DC = 8 + your Constitution modifier + your proficiency bonus). On a failed save, the creature takes 1d10 damage of the type associated with your Metallic Ancestry. On a successful save, it takes half as much damage. This damage increases by 1d10 when you reach 5th level (2d10), 11th level (3d10), and 17th level (4d10). You can use your Breath Weapon a number of times equal to your proficiency bonus, and you regain all expended uses when you finish a long rest.</p>
+            `,
+          },
+          {
+            name: 'Metallic Breath Weapon',
+            level: 0,
+            isAbility: true,
+            description: `
+            <p>At 5th level, you gain a second breath weapon. When you take the Attack action on your turn, you can replace one of your attacks with an exhalation in a 15-foot cone. The save DC for this breath is 8 + your Constitution modifier + your proficiency bonus. Whenever you use this trait, choose one:
+            <ul>
+            <li><strong>Enervating Breath.</strong> Each creature in the cone must succeed on a Constitution saving throw or become incapacitated until the start of your next turn.</li>
+            <li><strong>Repulsion Breath.</strong> Each creature in the cone must succeed on a Strength saving throw or be pushed 20 feet away from you and be knocked prone.</li>
+            </ul>
+            Once you use your Metallic Breath Weapon, you can’t do so again until you finish a long rest.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Gem',
+        description: `
+          <p><strong><em>Gem dragonborn partake of the heritage of gem dragons, who claim to be heirs of Sardior, the Ruby Dragon. The colors and mysterious powers of gem dragons — amethyst, crystal, emerald, sapphire, and topaz — gleam in these dragonborn’s scaled skin and course through their veins. Theirs are the wonders of the mind, the force of will, the brilliant light of insight, and the resounding echo of discovery — but also the desiccation of despair.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Increase one ability score by 2 and increase a different one by 1, or you increase three different scores by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Type.</strong> You are a Humanoid.</li>
+          </ul>
+          <ul>
+          <li><strong>Size.</strong> You are Medium.</li>
+          </ul>
+          <ul>
+          <li><strong>Speed.</strong> Your walking speed is 30 feet.</li>
+          </ul>
+          <ul>
+          <li><strong>Gem Ancestry.</strong> You trace your ancestry to a Gem dragon, granting you a special magical affinity. Choose one type of dragon from the Gem Ancestry table. This determines the damage type for your other traits as shown in the table.</li>
+          </ul>
+          <table class="wiki-content-table">
+          <tr>
+          <th colspan="2">Gem Ancestry</th>
+          </tr>
+          <tr>
+          <th>Dragon</th>
+          <th>Damage Type</th>
+          </tr>
+          <tr>
+          <td>Amethyst</td>
+          <td>Force</td>
+          </tr>
+          <tr>
+          <td>Crystal</td>
+          <td>Radiant</td>
+          </tr>
+          <tr>
+          <td>Emerald</td>
+          <td>Psychic</td>
+          </tr>
+          <tr>
+          <td>Sapphire</td>
+          <td>Thunder</td>
+          </tr>
+          <tr>
+          <td>Topaz</td>
+          <td>Necrotic</td>
+          </tr>
+          </table>
+          <ul>
+          <li><strong>Languages.</strong> You can speak, read, and write Common and one other language that you and your DM agree is appropriate for the character.</li>
+          </ul>
+        `,
+        features: [
+          {
+            name: 'Draconic Resistance',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You have resistance to the damage type associated with your Gem Ancestry.</p>
+            `,
+          },
+          {
+            name: 'Psionic Mind',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You can telepathically speak to any creature you can see within 30 feet of you. You don’t need to share a language with the creature, but the creature must be able to understand at least one language.</p>
+            `,
+          },
+          {
+            name: 'Breath Weapon',
+            level: 0,
+            isAbility: true,
+            description: `
+            <p>When you take the Attack action on your turn, you can replace one of your attacks with an exhalation of magical energy in a 15-foot cone. Each creature in that area must make a Dexterity saving throw (DC = 8 + your Constitution modifier + your proficiency bonus). On a failed save, the creature takes 1d10 damage of the type associated with your Gem Ancestry. On a successful save, it takes half as much damage. This damage increases by 1d10 when you reach 5th level (2d10), 11th level (3d10), and 17th level (4d10). You can use your Breath Weapon a number of times equal to your proficiency bonus, and you regain all expended uses when you finish a long rest.</p>
+            `,
+          },
+          {
+            name: 'Gem Flight',
+            level: 0,
+            isAbility: true,
+            description: `
+              <p>Starting at 5th level, you can use a bonus action to manifest spectral wings on your body. These wings last for 1 minute. For the duration, you gain a flying speed equal to your walking speed and can hover. Once you use this trait, you can’t do so again until you finish a long rest.</p>
+              `,
+          },
+        ],
+      },
+      {
+        title: 'Chromatic',
+        description: `
+          <p>Source: Unearthed Arcana 78 - Draconic Options</p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Increase one ability score by 2 and increase a different one by 1, or you increase three different scores by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Type.</strong> You are a Humanoid.</li>
+          </ul>
+          <ul>
+          <li><strong>Size.</strong> You are Medium.</li>
+          </ul>
+          <ul>
+          <li><strong>Speed.</strong> Your walking speed is 30 feet.</li>
+          </ul>
+          <ul>
+          <li><strong>Chromatic Ancestry.</strong> You trace your ancestry to a chromatic dragon, granting you a special magical affinity. Choose one type of dragon from the Chromatic Ancestry table. This determines the damage type for your other traits as shown in the table.</li>
+          </ul>
+          <table class="wiki-content-table">
+          <tr>
+          <th colspan="2">Chromatic Ancestry</th>
+          </tr>
+          <tr>
+          <th>Dragon</th>
+          <th>Damage Type</th>
+          </tr>
+          <tr>
+          <td>Black</td>
+          <td>Acid</td>
+          </tr>
+          <tr>
+          <td>Blue</td>
+          <td>Lightning</td>
+          </tr>
+          <tr>
+          <td>Green</td>
+          <td>Poison</td>
+          </tr>
+          <tr>
+          <td>Red</td>
+          <td>Fire</td>
+          </tr>
+          <tr>
+          <td>White</td>
+          <td>Cold</td>
+          </tr>
+          </table>
+          <ul>
+          <li><strong>Languages.</strong> You can speak, read, and write Common and one other language that you and your DM agree is appropriate for the character.</li>
+          </ul>
+        `,
+        features: [
+          {
+            name: 'Breath Weapon',
+            level: 0,
+            isAbility: true,
+            description: `
+            <p>When you take the Attack action, you can replace one of your attacks with an exhalation of a magical energy in a 30-foot line that is 5 feet wide. Each creature in the area must make a Dexterity saving throw against a DC equal to 8 + your Constitution modifier + your proficiency bonus. A creature takes 2d8 damage of the type associated with your Chromatic Ancestry on a failed save, and half as much damage on a successful one. This damage increases by 1d8 when you reach 5th level (3d8), 11th level (4d8), and 17th level (5d8). You can use this trait a number of times equal to your proficiency bonus, and you regain all expended uses when you finish a long rest.</p>
+            `,
+          },
+          {
+            name: 'Draconic Resistance',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You have resistance to the damage type associated with your Chromatic Ancestry.</p>
+            `,
+          },
+          {
+            name: 'Chromatic Warding',
+            level: 3,
+            isAbility: true,
+            description: `
+            <p>Starting at 3rd level, as an action, you can channel your draconic energies to protect yourself. For 10 minutes, you become immune to the damage type associated with your Chromatic Ancestry. Once you use this trait, you can’t do so again until you finish a long rest.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Metallic',
+        description: `
+          <p>Source: Unearthed Arcana 78 - Draconic Options</p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Increase one ability score by 2 and increase a different one by 1, or you increase three different scores by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Type.</strong> You are a Humanoid.</li>
+          </ul>
+          <ul>
+          <li><strong>Size.</strong> You are Medium.</li>
+          </ul>
+          <ul>
+          <li><strong>Speed.</strong> Your walking speed is 30 feet.</li>
+          </ul>
+          <ul>
+          <li><strong>Metallic Ancestry.</strong> You trace your ancestry to a metallic dragon, granting you a special magical affinity. Choose one type of dragon from the Metallic Ancestry table. This determines the damage type for your other traits as shown in the table.</li>
+          </ul>
+          <table class="wiki-content-table">
+          <tr>
+          <th colspan="2">Metallic Ancestry</th>
+          </tr>
+          <tr>
+          <th>Dragon</th>
+          <th>Damage Type</th>
+          </tr>
+          <tr>
+          <td>Brass</td>
+          <td>Fire</td>
+          </tr>
+          <tr>
+          <td>Bronze</td>
+          <td>Lightning</td>
+          </tr>
+          <tr>
+          <td>Copper</td>
+          <td>Acid</td>
+          </tr>
+          <tr>
+          <td>Gold</td>
+          <td>Fire</td>
+          </tr>
+          <tr>
+          <td>Silver</td>
+          <td>Cold</td>
+          </tr>
+          </table>
+          <ul>
+          <li><strong>Languages.</strong> You can speak, read, and write Common and one other language that you and your DM agree is appropriate for the character.</li>
+          </ul>
+        `,
+        features: [
+          {
+            name: 'Draconic Resistance',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You have resistance to the damage type associated with your Metallic Ancestry.</p>
+            `,
+          },
+          {
+            name: 'Breath Weapon',
+            level: 0,
+            isAbility: true,
+            description: `
+            <p>When you take the Attack action, you can replace one of your attacks with an exhalation of a magical energy in a 15-foot line that is 5 feet wide. Each creature in the area must make a Dexterity saving throw against a DC equal to 8 + your Constitution modifier + your proficiency bonus. A creature takes 2d8 damage of the type associated with your Metallic Ancestry on a failed save, and half as much damage on a successful one. This damage increases by 1d8 when you reach 5th level (3d8), 11th level (4d8), and 17th level (5d8). You can use this trait a number of times equal to your proficiency bonus, and you regain all expended uses when you finish a long rest.</p>
+            `,
+          },
+          {
+            name: 'Metallic Breath Weapon',
+            level: 0,
+            isAbility: true,
+            description: `
+            <p>At 3rd level you gain a second breath weapon. When you take the Attack action, you can replace one of your attacks with an exhalation of a magical gas in a 15-foot cone. The save DC for this breath is 8 + your Constitution modifier + your proficiency bonus. When you use this ability, choose one:
+            <ul>
+            <li>Each creature in the area must succeed on a Strength saving throw or be pushed 20 feet away from you and be knocked prone.</li>
+            <li>Each creature in the area must succeed on a Constitution saving throw or become incapacitated until the start of your next turn.</li>
+            </ul>
+            Once you use your Metallic Breath Weapon, you can’t do so again until you finish a long rest.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Gem',
+        description: `
+          <p>Source: Unearthed Arcana 78 - Draconic Options</p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Increase one ability score by 2 and increase a different one by 1, or you increase three different scores by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Type.</strong> You are a Humanoid.</li>
+          </ul>
+          <ul>
+          <li><strong>Size.</strong> You are Medium.</li>
+          </ul>
+          <ul>
+          <li><strong>Speed.</strong> Your walking speed is 30 feet.</li>
+          </ul>
+          <ul>
+          <li><strong>Gem Ancestry.</strong> You trace your ancestry to a Gem dragon, granting you a special magical affinity. Choose one type of dragon from the Gem Ancestry table. This determines the damage type for your other traits as shown in the table.</li>
+          </ul>
+          <table class="wiki-content-table">
+          <tr>
+          <th colspan="2">Gem Ancestry</th>
+          </tr>
+          <tr>
+          <th>Dragon</th>
+          <th>Damage Type</th>
+          </tr>
+          <tr>
+          <td>Amethyst</td>
+          <td>Force</td>
+          </tr>
+          <tr>
+          <td>Crystal</td>
+          <td>Radiant</td>
+          </tr>
+          <tr>
+          <td>Emerald</td>
+          <td>Psychic</td>
+          </tr>
+          <tr>
+          <td>Sapphire</td>
+          <td>Thunder</td>
+          </tr>
+          <tr>
+          <td>Topaz</td>
+          <td>Necrotic</td>
+          </tr>
+          </table>
+          <ul>
+          <li><strong>Languages.</strong> You can speak, read, and write Common and one other language that you and your DM agree is appropriate for the character.</li>
+          </ul>
+          </div>
+        `,
+        features: [
+          {
+            name: 'Draconic Resistance',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You have resistance to the damage type associated with your Gem Ancestry.</p>
+            `,
+          },
+          {
+            name: 'Psionic Mind',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You can telepathically speak to any creature you can see within 30 feet of you. You don’t need to share a language with the creature, but the creature must be able to understand at least one language.</p>
+            `,
+          },
+          {
+            name: 'Breath Weapon',
+            level: 0,
+            isAbility: true,
+            description: `
+            <p>When you take the Attack action on your turn, you can replace one of your attacks with an exhalation of magical energy in a 15-foot cone. Each creature in that area must make a Dexterity saving throw (DC = 8 + your Constitution modifier + your proficiency bonus). On a failed save, the creature takes 1d10 damage of the type associated with your Gem Ancestry. On a successful save, it takes half as much damage. This damage increases by 1d10 when you reach 5th level (2d10), 11th level (3d10), and 17th level (4d10). You can use your Breath Weapon a number of times equal to your proficiency bonus, and you regain all expended uses when you finish a long rest.</p>
+            `,
+          },
+          {
+            name: 'Gem Flight',
+            level: 5,
+            isAbility: true,
+            description: `
+              <p>Starting at 5th level, you can use a bonus action to manifest spectral wings on your body. These wings last for 1 minute. For the duration, you gain a flying speed equal to your walking speed and can hover. Once you use this trait, you can’t do so again until you finish a long rest.</p>
+              `,
+          },
+        ],
+      },
+    ],
+  };
+
+  private tiefling: any = {
+    title: 'tiefling',
+    content: [
+      {
+        title: "Player's Handbook",
+        description: `
+          <p><em><strong>To be greeted with stares and whispers, to suffer violence and insult on the street, to see mistrust and fear in every eye: this is the lot of the tiefling. And to twist the knife, tieflings know that this is because a pact struck generations ago infused the essence of Asmodeus, overlord of the Nine Hells (and many of the other powerful devils serving under him) into their bloodline. Their appearance and their nature are not their fault but the result of an ancient sin, for which they and their children and their children's children will always be held accountable.</strong></em></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Charisma score increases by 2.</li>
+          </ul>
+          <ul>
+          <li><strong>Age.</strong> Tieflings mature at the same rate as humans but live a few years longer.</li>
+          </ul>
+          <ul>
+          <li><strong>Alignment.</strong> Tieflings might not have an innate tendency toward evil, but many of them end up there. Evil or not, an independent nature inclines many tieflings toward a chaotic alignment.</li>
+          </ul>
+          <ul>
+          <li><strong>Size.</strong> Tieflings are about the same size and build as humans. Your size is Medium.</li>
+          </ul>
+          <ul>
+          <li><strong>Speed.</strong> Your base walking speed is 30 feet.</li>
+          </ul>
+          <ul>
+          <li><strong>Languages.</strong> You can speak, read, and write Common and Infernal.</li>
+          </ul>
+          `,
+        features: [
+          {
+            name: 'Darkvision',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You can see in dim light within 60ft. of you as if it were bright light, and in darkness as if it were dim light. You can't discern colors in darkness, only shades of grey.</p>
+            `,
+          },
+          {
+            name: 'Hellish Resistance',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You have resistance to fire damage.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Bloodline of Asmodeus',
+        description: `
+          <p><strong><em>The tieflings connected to Nessus command the power of fire and darkness, guided by a keener than normal intellect, as befits those linked to Asmodeus himself.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Intelligence score increases by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Infernal Legacy.</strong> You know the <a href="http://dnd5e.wikidot.com/spell:thaumaturgy">Thaumaturgy</a> cantrip. Once you reach 3rd level, you can cast the <a href="http://dnd5e.wikidot.com/spell:hellish-rebuke">Hellish Rebuke</a> spell once as a 2nd-level spell. Once you reach 5th level, you can also cast the <a href="http://dnd5e.wikidot.com/spell:darkness">Darkness</a> spell once. You must finish a long rest to cast these spells again with this trait. Charisma is your spellcasting ability for these spells.</li>
+          </ul>
+        `,
+      },
+      {
+        title: 'Bloodline of Baalzebul',
+        description: `
+          <p><strong><em>The crumbling realm of Maladomini is ruled by Baalzebul, who excels at corrupting those whose minor sins can be transformed into acts of damnation. Tieflings linked to this archdevil can corrupt others both physically and psychically.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Intelligence score increases by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Legacy of Maladomini.</strong> You know the <a href="http://dnd5e.wikidot.com/spell:thaumaturgy">Thaumaturgy</a> cantrip. Once you reach 3rd level, you can cast the <a href="http://dnd5e.wikidot.com/spell:ray-of-sickness">Ray of Sickness</a> spell once as a 2nd-level spell. Once you reach 5th level, you can also cast the <a href="http://dnd5e.wikidot.com/spell:crown-of-madness">Crown of Madness</a> spell once. You must finish a long rest to cast these spells again with this trait. Charisma is your spellcasting ability for these spells.</li>
+          </ul>
+        `,
+      },
+      {
+        title: 'Bloodline of Dispater',
+        description: `
+          <p><strong><em>The great city of Dis occupies most of Hell's second layer. It is a place where secrets are uncovered and shared with the highest bidder, making tieflings tied to Dispater excellent spies and infiltrators.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Dexterity score increases by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Legacy of Dis.</strong> You know the <a href="http://dnd5e.wikidot.com/spell:thaumaturgy">Thaumaturgy</a> cantrip. Once you reach 3rd level, you can cast the <a href="http://dnd5e.wikidot.com/spell:disguise-self">Disguise Self</a> spell once as a 2nd-level spell. Once you reach 5th level, you can also cast the <a href="http://dnd5e.wikidot.com/spell:detect-thoughts">Detect Thoughts</a> spell once. You must finish a long rest to cast these spells again with this trait. Charisma is your spellcasting ability for these spells.</li>
+          </ul>
+        `,
+      },
+      {
+        title: 'Bloodline of Fierna',
+        description: `
+          <p><strong><em>A master manipulator, Fierna grants tieflings tied to her forceful personalities.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Wisdom score increases by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Legacy of Phlegethos.</strong> You know the <a href="http://dnd5e.wikidot.com/spell:friends">Friends</a> cantrip. Once you reach 3rd level, you can cast the <a href="http://dnd5e.wikidot.com/spell:charm-person">Charm Person</a> spell once as a 2nd-level spell. Once you reach 5th level, you can also cast the <a href="http://dnd5e.wikidot.com/spell:suggestion">Suggestion</a> spell once. You must finish a long rest to cast these spells again with this trait. Charisma is your spellcasting ability for these spells.</li>
+          </ul>
+        `,
+      },
+      {
+        title: 'Bloodline of Glasya',
+        description: `
+          <p><strong><em>Glasya, Hell's criminal mastermind, grants her tiefiings magic that is useful for committing heists.</em></strong></p>
+          <ul>
+          <li><strong>Ability Score Increase.</strong> Your Dexterity score increases by 1.</li>
+          </ul>
+          <ul>
+          <li><strong>Legacy of Malbolge.</strong> You know the <a href="http://dnd5e.wikidot.com/spell:minor-illusion">Minor Illusion</a> cantrip. Once you reach 3rd level, you can cast the <a href="http://dnd5e.wikidot.com/spell:disguise-self">Disguise Self</a> spell once as a 2nd-level spell. Once you reach 5th level, you can also cast the <a href="http://dnd5e.wikidot.com/spell:invisibility">Invisibility</a> spell once as a 2nd-level spell. You must finish a long rest to cast these spells again with this trait. Charisma is your spellcasting ability for these spells.</li>
+          </ul>
+        `,
+      },
+      {
+        title: 'Bloodline of Levistus',
+        description: `
+        <p><strong><em>Frozen Stygia is ruled by Levistus, an archdevil known for offering bargains to those who face an inescapable doom.</em></strong></p>
+        <ul>
+        <li><strong>Ability Score Increase.</strong> Your Constitution score increases by 1.</li>
+        </ul>
+        <ul>
+        <li><strong>Legacy of Stygia.</strong> You know the <a href="http://dnd5e.wikidot.com/spell:ray-of-frost">Ray of Frost</a> cantrip. Once you reach 3rd level, you can cast the <a href="http://dnd5e.wikidot.com/spell:armor-of-agathys">Armor of Agathys</a> spell once as a 2nd-level spell. Once you reach 5th level, you can also cast the <a href="http://dnd5e.wikidot.com/spell:darkness">Darkness</a> spell once. You must finish a long rest to cast these spells again with this trait. Charisma is your spellcasting ability for these spells.</li>
+        </ul>
+        `,
+      },
+      {
+        title: 'Bloodline of Mammon',
+        description: `
+        <p><strong><em>The great miser Mammon loves coins above all else. Tieflings tied to him excel at gathering and safeguarding wealth.</em></strong></p>
+        <ul>
+        <li><strong>Ability Score Increase.</strong> Your Intelligence score increases by 1.</li>
+        </ul>
+        <ul>
+        <li><strong>Legacy of Minauros.</strong> You know the <a href="http://dnd5e.wikidot.com/spell:mage-hand">Mage Hand</a> cantrip. Once you reach 3rd level, you can cast the <a href="http://dnd5e.wikidot.com/spell:tensers-floating-disk">Tenser's Floating Disk</a> spell once as a 2nd-level spell. Once you reach 5th level, you can also cast the <a href="http://dnd5e.wikidot.com/spell:arcane-lock">Arcane Lock</a> spell once. You must finish a long rest to cast these spells again with this trait. Charisma is your spellcasting ability for these spells.</li>
+        </ul>
+      `,
+      },
+      {
+        title: 'Bloodline of Mephistopheles',
+        description: `
+        <p><strong><em>In the frozen realm of Cania, Mephistopheles offers arcane power to those who entreat with him. Tieflings linked to him master some arcane magic.</em></strong></p>
+        <ul>
+        <li><strong>Ability Score Increase.</strong> Your Intelligence score increases by 1.</li>
+        </ul>
+        <ul>
+        <li><strong>Legacy of Cania.</strong> You know the <a href="http://dnd5e.wikidot.com/spell:mage-hand">Mage Hand</a> cantrip. Once you reach 3rd level, you can cast the <a href="http://dnd5e.wikidot.com/spell:burning-hands">Burning Hands</a> spell once as a 2nd-level spell. Once you reach 5th level, you can also cast the <a href="http://dnd5e.wikidot.com/spell:flame-blade">Flame Blade</a> spell once as a 3rd-level spell. You must finish a long rest to cast these spells again with this trait. Charisma is your spellcasting ability for these spells.</li>
+        </ul>
+        `,
+      },
+      {
+        title: 'Bloodline of Zariel',
+        description: `
+        <p><strong><em>Tieflings with a blood tie to Zariel are stronger than the typical tiefling and receive magical abilities that aid them in battle.</em></strong></p>
+        <ul>
+        <li><strong>Ability Score Increase.</strong> Your Strength score increases by 1.</li>
+        </ul>
+        <ul>
+        <li><strong>Legacy of Avernus.</strong> You know the <a href="http://dnd5e.wikidot.com/spell:thaumaturgy">Thaumaturgy</a> cantrip. Once you reach 3rd level, you can cast the <a href="http://dnd5e.wikidot.com/spell:searing-smite">Searing Smite</a> spell once as a 2nd-level spell. Once you reach 5th level, you can also cast the <a href="http://dnd5e.wikidot.com/spell:branding-smite">Branding Smite</a> spell once as a 3rd-level spell. You must finish a long rest to cast these spells again with this trait. Charisma is your spellcasting ability for these spells.</li>
+        </ul>
+      `,
+      },
+      {
+        title: 'Variant Tiefling',
+        description: `
+        <h2 id="toc12"><span>Variant Tiefling</span></h2>
+        <p><strong><em>Since not all tieflings are of the blood of Asmodeus, some have traits that differ from those in the</em> Player's Handbook. <em>The Dungeon Master may permit the following variants for your tiefling character, although Devil's Tongue, Hellfire, and Winged are mutually exclusive.</em></strong></p>
+        <ul>
+        <li><strong>Appearance.</strong> Your tiefling might not look like other tieflings. Rather than having the physical characteristics described in the <em>Player's Handbook</em>, choose 1d4 + 1 of the following features: small horns; fangs or sharp teeth; a forked tongue; catlike eyes; six fingers on each hand; goat-like legs; cloven hoofs; a forked tail; leathery or scaly skin; red or dark blue skin; cast no shadow or reflection; exude a smell of brimstone.</li>
+        </ul>
+        <ul>
+        <li><strong>Feral.</strong> Your Intelligence score increases by 1, and your Dexterity score increases by 2. This trait replaces the Ability Score Increase trait</li>
+        </ul>
+        <ul>
+        <li><strong>Devil's Tongue.</strong> You know the <a href="http://dnd5e.wikidot.com/spell:vicious-mockery">Vicious Mockery</a> cantrip. Once you reach 3rd level, you can cast the <a href="http://dnd5e.wikidot.com/spell:charm-person">Charm Person</a> spell once as a 2nd-level spell. Once you reach 5th level, you can also cast the <a href="http://dnd5e.wikidot.com/spell:enthrall">Enthrall</a> spell once. You must finish a long rest to cast these spells again with this trait. Charisma is your spellcasting ability for these spells. This trait replaces the Infernal Legacy trait</li>
+        </ul>
+        <ul>
+        <li><strong>Hellfire.</strong> Once you reach 3rd level, you can cast the <a href="http://dnd5e.wikidot.com/spell:burning-hands">Burning Hands</a> spell once as a 2nd-level spell. This trait replaces the <a href="http://dnd5ewikidot.com/spell:hellish-rebuke">Hellish Rebuke</a> spell of the Infernal Legacy trait.</li>
+        </ul>
+        `,
+        features: [
+          {
+            name: 'Winged',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You have bat-like wings sprouting from your shoulders. You have a flying speed of 30 feet while you aren’t wearing heavy armor. This trait replaces the Infernal Legacy trait.</p>
+            `,
+          },
+        ],
+      },
+      {
+        title: 'Abyssal Tiefling',
+        description: `
+        <p>Source: Unearthed Arcana 11 - That Old Black Magic</p>
+        <p><strong><em>All abyssal tieflings trace their bloodline to the demons of the Abyss. These tieflings have the following additional features.</em></strong></p>
+        <ul>
+        <li><strong>Ability Score Increase.</strong> Your Constitution score increases by 1.</li>
+        </ul>
+        <ul>
+        <li><strong>Abyssal Arcana.</strong> Each time you finish a long rest, you gain the ability to cast cantrips and spells randomly determined from a short list. At 1st level, you can cast a cantrip. When you reach 3rd level, you can also cast a 1st-level spell. At 5th level, you can cast a 2nd-level spell.
+        <ul>
+        <li>You can cast a spell gained from this trait only once until you complete your next long rest. You can cast a cantrip gained from this trait at will, as normal. For 1st-level spells whose effect changes if cast using a spell slot of 2nd level or higher, you cast the spell as if using a 2nd-level slot. Spells of 2nd level are cast as if using a 2nd-level slot.</li>
+        <li>At the end of each long rest, you lose the cantrips and spells previously granted by this feature, even if you did not cast them. You replace those cantrips and spells by rolling for new ones on the Abyssal Arcana Spells table. Roll separately for each cantrip and spell. If you roll the same spell or cantrip you gained at the end of your previous long rest, roll again until you get a different result.</li>
+        </ul>
+        </li>
+        </ul>
+        <ul>
+        <li><strong>Abyssal Fortitude.</strong> Your hit point maximum increases by half your level (minimum 1).</li>
+        </ul>
+        <ul>
+        <li><strong>Languages.</strong> You can speak, read, and write Abyssal.</li>
+        </ul>
+        <table class="wiki-content-table">
+        <tr>
+        <th colspan="4">Abyssal Arcana Spells</th>
+        </tr>
+        <tr>
+        <th>d6</th>
+        <th>1st Level</th>
+        <th>3rd Level</th>
+        <th>5th Level</th>
+        </tr>
+        <tr>
+        <td>1</td>
+        <td><em><a href="http://dnd5e.wikidot.com/spell:dancing-lights">Dancing Lights</a></em></td>
+        <td><em><a href="http://dnd5e.wikidot.com/spell:burning-hands">Burning Hands</a></em></td>
+        <td><em><a href="http://dnd5e.wikidot.com/spell:alter-self">Alter Self</a></em></td>
+        </tr>
+        <tr>
+        <td>2</td>
+        <td><em><a href="http://dnd5e.wikidot.com/spell:true-strike">True Strike</a></em></td>
+        <td><em><a href="http://dnd5e.wikidot.com/spell:charm-person">Charm Person</a></em></td>
+        <td><em><a href="http://dnd5e.wikidot.com/spell:darkness">Darkness</a></em></td>
+        </tr>
+        <tr>
+        <td>3</td>
+        <td><em><a href="http://dnd5e.wikidot.com/spell:light">Light</a></em></td>
+        <td><em><a href="http://dnd5e.wikidot.com/spell:magic-missile">Magic Missile</a></em></td>
+        <td><em><a href="http://dnd5e.wikidot.com/spell:invisibility">Invisibility</a></em></td>
+        </tr>
+        <tr>
+        <td>4</td>
+        <td><em><a href="http://dnd5e.wikidot.com/spell:message">Message</a></em></td>
+        <td><em><a href="http://dnd5e.wikidot.com/spell:cure-wounds">Cure Wounds</a></em></td>
+        <td><em><a href="http://dnd5e.wikidot.com/spell:levitate">Levitate</a></em></td>
+        </tr>
+        <tr>
+        <td>5</td>
+        <td><em><a href="http://dnd5e.wikidot.com/spell:spare-the-dying">Spare the Dying</a></em></td>
+        <td><em><a href="http://dnd5e.wikidot.com/spell:tashas-hideous-laughter">Tasha's Hideous Laughter</a></em></td>
+        <td><em><a href="http://dnd5e.wikidot.com/spell:mirror-image">Mirror Image</a></em></td>
+        </tr>
+        <tr>
+        <td>6</td>
+        <td><em><a href="http://dnd5e.wikidot.com/spell:prestidigitation">Prestidigitation</a></em></td>
+        <td><em><a href="http://dnd5e.wikidot.com/spell:thunderwave">Thunderwave</a></em></td>
+        <td><em><a href="http://dnd5e.wikidot.com/spell:spider-climb">Spider Climb</a></em></td>
+        </tr>
+        </table>
+        </div>
+        `,
+      },
+    ],
+  };
+
+  // Other Species
+
+  private eladrin: any = {
+    title: 'eladrin',
+    content: [
+      {
+        title: '',
+        description: `
+          <p>Eladrin are elves of the Feywild, a realm of perilous beauty and boundless magic. Using that magic, eladrin can step from one place to another in the blink of an eye, and each eladrin resonates with emotions captured in the Feywild in the form of seasons — affinities that affect the eladrin’s mood and appearance. An eladrin’s season can change, though some remain in one season forever. Like other elves, eladrin can live to be over 750 years old.</p>
+          <h4>Eladrin Seasons</h4>
+          <ul>
+            <li><strong>Autumn:</strong> peace and goodwill, when summer's harvest is shared with all.</li>
+            <li><strong>Winter:</strong> contemplation and dolor, when the vibrant energy of the world slumbers.</li>
+            <li><strong>Spring:</strong> cheerfulness and celebration, marked by merriment and hope as winter's sorrow passes.</li>
+            <li><strong>Summer:</strong> boldness and aggression, a time of unfettered energy and calls to action.</li>
+          </ul>
+          <h4>Eladrin Characteristics</h4>
+          <p><b>Ability Score Increase:</b> When determining your character’s ability scores, increase one score by 2 and increase a different score by 1, or increase three different scores by 1. You can't raise any of your scores above 20.</p>    
+          <p><b>Creature Type:</b> You are a Humanoid. You are also considered an elf for any prerequisite or effect that requires you to be an elf.</p>
+          <p><b>Size:</b> You are Medium.</p>
+          <p><b>Speed:</b> Your walking speed is 30 feet.</p>     
+          <p><b>Keen Senses:</b> You have proficiency in the Perception skill.</p>
+          <ul>
+            <li>Whenever you finish this trance, you can change your season, and you can gain two proficiencies that you don’t have, each one with a weapon or a tool of your choice selected from the Player’s Handbook. You mystically acquire these proficiencies by drawing them from shared elven memory, and you retain them until you finish your next long rest.
+          </li>
+          </ul>
+          <p><b>Languages:</b> Your character can speak, read, and write Common and one other language that you and your DM agree is appropriate for the character. The Player’s Handbook offers a list of languages to choose from. The DM is free to modify that list for a campaign.</p>
+        `,
+        features: [
+          {
+            name: 'Darkvision',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You can see in dim light within 60 feet of you as if it were bright light, and in darkness as if it were dim light. You can't discern color in darkness, only shades of gray.</p>
+            `,
+          },
+          {
+            name: 'Fey Ancestry',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You have advantage on saving throws you make to avoid or end the charmed condition on yourself.</p>
+            `,
+          },
+          {
+            name: 'Trance',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You don’t need to sleep, and magic can’t put you to sleep. You can finish a long rest in 4 hours if you spend those hours in a trancelike meditation, during which you retain consciousness.</p>
+            `,
+          },
+          {
+            name: 'Fey Step',
+            level: 0,
+            isAbility: true,
+            description: `
+          <p>As a bonus action, you can magically teleport up to 30 feet to an unoccupied space you can see. You can use this trait a number of times equal to your proficiency bonus, and you regain all expended uses when you finish a long rest. When you reach 3rd level, your Fey Step gains an additional effect based on your season; if the effect requires a saving throw, the DC equals 8 + your proficiency bonus + your Intelligence, Wisdom, or Charisma modifier (choose when you select
+          <p>When you reach 3rd level, your Fey Step gains an additional effect based on your season; if the effect requires a saving throw, the DC equals 8 + your proficiency bonus + your Intelligence, Wisdom, or Charisma modifier (choose when you select this race):</p>
+          <ul>
+            <li><strong>Autumn:</strong> Immediately after you use your Fey Step, up to two creatures of your choice that you can see within 10 feet of you must succeed on a Wisdom saving throw or be charmed by you for 1 minute, or until you or your companions deal any damage to the creatures.</li>
+            <li><strong>Winter:</strong> When you use your Fey Step, one creature of your choice that you can see within 5 feet of you before you teleport must succeed on a Wisdom saving throw or be frightened of you until the end of your next turn.</li>
+            <li><strong>Spring:</strong> When you use your Fey Step, you can touch one willing creature within 5 feet of you. That creature then teleports instead of you, appearing in an unoccupied space of your choice that you can see within 30 feet of you.</li>
+            <li><strong>Summer:</strong> Immediately after you use your Fey Step, each creature of your choice that you can see within 5 feet of you takes fire damage equal to your proficiency bonus.</li>
+          </ul>
+        `,
+          },
+        ],
+      },
+    ],
+  };
+
   private halfElfDetection: any = {
-    title: 'Half-Elf (Mark of Detection)',
-    description: `
-    Walking in two worlds but truly belonging to neither, half-elves combine what some say are the best qualities of their elf and human parents: human curiosity, inventiveness, and ambition tempered by the refined senses, love of nature, and artistic tastes of the elves.
-
-    **Ability Score Increase:** Your Wisdom score increases by 2, and one other Ability Score of your choice increases by 1.
-    
-    **Creature Type:** You are a Humanoid. You are also considered an elf for any prerequisite or effect that requires you to be an elf.
-    
-    **Size:** You are Medium.
-    
-    **Speed:** Your walking speed is 35 feet.
-    
-    **Darkvision:** You can see in dim light within 60 feet of you as if it were bright light and in darkness as if it were dim light. You discern colors in that darkness only as shades of gray.
-    
-    **Fey Ancestry:** You have advantage on saving throws you make to avoid or end the charmed condition on yourself.
-    
-    **Skill Versatility:** You gain proficiency in two skills of your choice.
-    
-    **Languages:** Your character can speak, read, and write Common, Elvish, and one extra language of your choice.
-    
-    **Deductive Intuition:** Whenever you make a Intelligence (Investigation) or a Wisdom (Insight) check, you can roll a d4 and add the number rolled to the total ability check.
-
-    **Magical Detection:** You can cast the Detect Magic and the Detect Poison and Disease spells with this trait. Starting at 3rd level, you can also cast the See Invisibility spell with it. Once you cast either spell with this trait, you can't cast that spell again until you finish a Long Rest. Intelligence is your Spellcasting Ability for these spells, and you don't require material components for them.
-
-    **Spells of the Mark:** If you have the Spellcasting or Pact Magic class feature, the spells on the Mark of Detection Spells table are added to the spell list of your Spellcasting class.
-
-    **Mark of Detection Spells**
-
-    | Spell Level | Spells |
-    | ----------- | ------ |
-    | 1st | Detect Magic, Detect Poison and Disease |
-    | 2nd | See Invisibility |
-    | 3rd | Clairvoyance, Tongues |
-    | 4th | Arcane Eye, Locate Creature |
-    | 5th | Legend Lore, Rary's Telepathic Bond |
-    
+    title: 'halfElfDetection',
+    content: [
+      {
+        title: '',
+        description: `
+          <p>Walking in two worlds but truly belonging to neither, half-elves combine what some say are the best qualities of their elf and human parents: human curiosity, inventiveness, and ambition tempered by the refined senses, love of nature, and artistic tastes of the elves.</p>
+    <p><b>Ability Score Increase:</b> Your Charisma score increases by 2, and two other ability scores of your choice increase by 1.</p>
+    <p><b>Creature Type:</b> You are a Humanoid. You are also considered an elf for any prerequisite or effect that requires you to be an elf.</p>
+    <p><b>Size:</b> You are Medium.</p>
+    <p><b>Speed:</b> Your walking speed is 30 feet.</p>
+    <p><b>Skill Versatility:</b> You gain proficiency in two skills of your choice.</p>
+    <p><b>Languages:</b> Your character can speak, read, and write Common, Elvish, and one extra language of your choice.</p>
+    <p><b>Magical Detection:</b> You can cast the Detect Magic and the Detect Poison and Disease spells with this trait. Starting at 3rd level, you can also cast the See Invisibility spell with it. Once you cast either spell with this trait, you can't cast that spell again until you finish a Long Rest. Intelligence is your Spellcasting Ability for these spells, and you don't require material components for them.</p>
+    <p><b>Spells of the Mark:</b> If you have the Spellcasting or Pact Magic class feature, the spells on the Mark of Detection Spells table are added to the spell list of your Spellcasting class.</p>
+    <p><b>Mark of Detection Spells</b></p>
+    <table>
+      <tr>
+        <th>Spell Level</th>
+        <th>Spells</th>
+      </tr>
+      <tr>
+        <td>1st</td>
+        <td>Detect Magic, Detect Poison and Disease</td>
+      </tr>
+      <tr>
+        <td>2nd</td>
+        <td>See Invisibility</td>
+      </tr>
+      <tr>
+        <td>3rd</td>
+        <td>Clairvoyance, Tongues</td>
+      </tr>
+      <tr>
+        <td>4th</td>
+        <td>Arcane Eye, Locate Creature</td>
+      </tr>
+      <tr>
+        <td>5th</td>
+        <td>Legend Lore, Rary's Telepathic Bond</td>
+      </tr>
+    </table>
     `,
-    abilities: [],
+        features: [
+          {
+            name: 'Darkvision',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You can see in dim light within 60ft. of you as if it were bright light, and in darkness as if it were dim light. You can't discern colors in darkness, only shades of grey.</p>
+            `,
+          },
+          {
+            name: 'Fey Ancestry',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You have advantage on saving throws you make to avoid or end the charmed condition on yourself.</p>
+            `,
+          },
+          {
+            name: 'Trance',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>You don’t need to sleep, and magic can’t put you to sleep. You can finish a long rest in 4 hours if you spend those hours in a trancelike meditation, during which you retain consciousness.</p>
+            `,
+          },
+          {
+            name: 'Deductive Intuition',
+            level: 0,
+            isAbility: false,
+            description: `
+            <p>Whenever you make a Intelligence (Investigation) or a Wisdom (Insight) check, you can roll a d4 and add the number rolled to the total ability check.</p>
+            `,
+          },
+        ],
+      },
+    ],
   };
 
   private notImplementedYet: any = {

+ 51 - 0
src/services/translator/translator.service.ts

@@ -55,6 +55,57 @@ export class TranslatorService {
     'yuanTi',
   ];
 
+  public commonRaces: string[] = [
+    'dwarf',
+    'elf',
+    'gnome',
+    'halfElf',
+    'halfOrc',
+    'halfling',
+    'human',
+    'dragonborn',
+    'tiefling',
+  ];
+
+  public otherRaces: string[] = [
+    'aarakocra',
+    'aasimar',
+    'autognome',
+    'bugbear',
+    'centaur',
+    'changeling',
+    'duergar',
+    'drow',
+    'halfElfDetection',
+    'eladrin',
+    'fairy',
+    'firbolg',
+    'genasi',
+    'gith',
+    'goblin',
+    'goliath',
+    'hobgoblin',
+    'kalashtar',
+    'kenku',
+    'kobold',
+    'leonin',
+    'lizardfolk',
+    'locathah',
+    'loxodon',
+    'minotaur',
+    'orc',
+    'owlin',
+    'satyr',
+    'shifter',
+    'tabaxi',
+    'tortle',
+    'triton',
+    'vedalken',
+    'verdan',
+    'warforged',
+    'yuanTi',
+  ];
+
   public classes: string[] = [
     'barbarian',
     'bard',