mirror of
https://github.com/Kornstalx/5etools-mirror-2.github.io.git
synced 2025-10-28 20:45:35 -05:00
92 lines
3.4 KiB
Handlebars
92 lines
3.4 KiB
Handlebars
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
{{> "head" }}
|
|
|
|
<body>
|
|
|
|
{{> "overlayNoise" }}
|
|
|
|
{{> "adLeaderboard" }}
|
|
|
|
{{> "navbar" }}
|
|
|
|
{{> "adRhsScrollingPage" }}
|
|
|
|
<main class="container">
|
|
|
|
<div class="ve-flex no-print">
|
|
<div class="form-group ve-col-2-4 mr-2">
|
|
<label for="race">Race</label>
|
|
<select class="form-control form-inline" id="race" disabled><option>Loading...</option></select>
|
|
</div>
|
|
|
|
<div class="form-group ve-col-2-4 mr-2">
|
|
<label for="cha">Charisma Modifier</label>
|
|
<select class="form-control form-inline" id="cha" disabled><option>Loading...</option></select>
|
|
</div>
|
|
|
|
<div class="form-group ve-col-2-4 mr-2">
|
|
<label for="race">Background</label>
|
|
<select class="form-control form-inline" id="background" disabled><option>Loading...</option></select>
|
|
</div>
|
|
|
|
<div class="form-group ve-col-2-4 mr-2">
|
|
<label for="race">Class</label>
|
|
<select class="form-control form-inline" id="class" disabled><option>Loading...</option></select>
|
|
</div>
|
|
|
|
<div class="form-group ve-col-2-4">
|
|
<label for="age"><i>Age</i></label>
|
|
<select class="form-control form-inline" id="age" disabled><option>Loading...</option></select>
|
|
</div>
|
|
</div>
|
|
<div class="ve-flex no-print">
|
|
<div class="form-group ve-col-12">
|
|
<button class="btn btn-default" onclick="pRoll()">Generate</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="ve-flex-col no-print py-0 px-5">
|
|
<p>Based on the tables and rules in <a href="#" id="xge_link">Xanathar's Guide to Everything</a>, pages 61-73.</p>
|
|
<p><i>NOTE: Text displayed in italics is generated for the sake of ease and speed of use, and does not correspond to a table in the original generator. Ignore it as you see fit.</i></p>
|
|
</div>
|
|
|
|
<hr class="life__output" style="display: none; background: transparent">
|
|
<div class="ve-flex-col life__output night__shadow-big ve-hidden">
|
|
<div class="wrp-sect-head"><h4>Parents</h4><button class="btn btn-xs btn-default btn-reroll" onclick="pSectParents()"></button></div>
|
|
<p id="parents"></p>
|
|
</div>
|
|
<div class="ve-flex-col life__output night__shadow-big ve-hidden">
|
|
<div class="wrp-sect-head"><h4>Birthplace</h4><button class="btn btn-xs btn-default btn-reroll" onclick="sectBirthplace()"></button></div>
|
|
<p id="birthplace"></p>
|
|
</div>
|
|
<div class="ve-flex-col life__output night__shadow-big ve-hidden">
|
|
<div class="wrp-sect-head"><h4>Siblings</h4><button class="btn btn-xs btn-default btn-reroll" onclick="pSectSiblings()"></button></div>
|
|
<p id="siblings"></p>
|
|
</div>
|
|
<div class="ve-flex-col life__output night__shadow-big ve-hidden">
|
|
<div class="wrp-sect-head"><h4>Family and Friends</h4><button class="btn btn-xs btn-default btn-reroll" onclick="sectFamily()"></button></div>
|
|
<p id="family"></p>
|
|
</div>
|
|
<div class="ve-flex-col life__output night__shadow-big ve-hidden">
|
|
<div class="wrp-sect-head"><h4>Personal Decisions</h4><button class="btn btn-xs btn-default btn-reroll" onclick="sectPersonalDecisions()"></button></div>
|
|
<p id="personal"></p>
|
|
</div>
|
|
<div class="ve-flex-col life__output night__shadow-big ve-hidden">
|
|
<div class="wrp-sect-head"><h4>Class Training</h4><button class="btn btn-xs btn-default btn-reroll" onclick="sectClassTraining()"></button></div>
|
|
<p id="clss"></p>
|
|
</div>
|
|
<div class="ve-flex-col life__output night__shadow-big ve-hidden">
|
|
<div class="wrp-sect-head"><h4>Life Events</h4><button class="btn btn-xs btn-default btn-reroll" onclick="sectLifeEvents()"></button></div>
|
|
<p id="events"></p>
|
|
</div>
|
|
</main>
|
|
|
|
{{> "adFooter" }}
|
|
|
|
{{> "scripts" }}
|
|
|
|
</body>
|
|
</html>
|