mirror of
https://github.com/Kornstalx/5etools-mirror-2.github.io.git
synced 2025-10-28 20:45:35 -05:00
168 lines
7.8 KiB
HTML
168 lines
7.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<!--5ETOOLS_CMP-->
|
|
<!--5ETOOLS_ANALYTICS-->
|
|
<!--5ETOOLS_ADCODE-->
|
|
<meta charset="utf-8">
|
|
<meta name="description" content="">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
|
<title>This Is Your Life - 5etools</title>
|
|
|
|
<link rel="stylesheet" href="css/bootstrap.css">
|
|
<link rel="stylesheet" href="css/main.css">
|
|
<link rel="stylesheet" href="css/lifegen.css">
|
|
|
|
<!-- Favicons -->
|
|
<link rel="icon" type="image/svg+xml" href="favicon.svg">
|
|
<link rel="icon" type="image/png" sizes="256x256" href="favicon-256x256.png">
|
|
<link rel="icon" type="image/png" sizes="144x144" href="favicon-144x144.png">
|
|
<link rel="icon" type="image/png" sizes="128x128" href="favicon-128x128.png">
|
|
<link rel="icon" type="image/png" sizes="64x64" href="favicon-64x64.png">
|
|
<link rel="icon" type="image/png" sizes="48x48" href="favicon-48x48.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
|
|
|
|
<!-- Chrome Web App Icons -->
|
|
<link rel="manifest" href="manifest.webmanifest">
|
|
<meta name="application-name" content="5etools">
|
|
<meta name="theme-color" content="#006bc4">
|
|
|
|
<!-- Windows Start Menu tiles -->
|
|
<meta name="msapplication-config" content="browserconfig.xml"/>
|
|
<meta name="msapplication-TileColor" content="#006bc4">
|
|
|
|
<!-- Apple Touch Icons -->
|
|
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon-180x180.png">
|
|
<link rel="apple-touch-icon" sizes="360x360" href="apple-touch-icon-360x360.png">
|
|
<link rel="apple-touch-icon" sizes="167x167" href="apple-touch-icon-167x167.png">
|
|
<link rel="apple-touch-icon" sizes="152x152" href="apple-touch-icon-152x152.png">
|
|
<link rel="apple-touch-icon" sizes="120x120" href="apple-touch-icon-120x120.png">
|
|
<meta name="apple-mobile-web-app-title" content="5etools">
|
|
|
|
<!-- macOS Safari Pinned Tab and Touch Bar -->
|
|
<link rel="mask-icon" href="safari-pinned-tab.svg" color="#006bc4">
|
|
|
|
<!-- OpenSearch -->
|
|
<link rel="search" href="open-search.xml" title="Search 5etools" type="application/opensearchdescription+xml">
|
|
|
|
<script type="text/javascript" src="sw-injector.js"></script>
|
|
|
|
<script type="text/javascript" src="js/styleswitch.js"></script>
|
|
<script type="text/javascript" src="js/navigation.js"></script>
|
|
<script type="text/javascript" src="js/browsercheck.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="cancer__wrp-leaderboard cancer__anchor"><div class="cancer__disp-cancer"></div><div class="cancer__wrp-leaderboard-inner"><!--5ETOOLS_AD_LEADERBOARD--></div></div>
|
|
|
|
<header class="hidden-xs hidden-sm page__header">
|
|
<div class="container ve-flex-v-baseline">
|
|
<h1 class="page__title no-wrap my-0">This Is Your Life</h1>
|
|
<p class="page__subtitle no-wrap my-0" id="page__subtitle">Select options, and hit generate.</p>
|
|
</div>
|
|
</header>
|
|
|
|
<nav class="container page__nav" id="navigation">
|
|
<ul class="nav nav-pills page__nav-inner" id="navbar"></ul>
|
|
</nav>
|
|
|
|
<div class="cancer__wrp-sidebar-rhs cancer__wrp-sidebar-rhs--scrolling-page cancer__anchor"><div class="cancer__disp-cancer"></div><div class="cancer__sidebar-rhs-inner cancer__sidebar-rhs-inner--top"><!--5ETOOLS_AD_RIGHT_1--></div><div class="cancer__sidebar-rhs-inner cancer__sidebar-rhs-inner--bottom"><!--5ETOOLS_AD_RIGHT_2--></div></div>
|
|
|
|
<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>
|
|
<!--5ETOOLS_SCRIPT_ANCHOR-->
|
|
<!--5ETOOLS_AD_ADHESION-->
|
|
<script type="text/javascript" src="js/parser.js"></script>
|
|
<script type="text/javascript" src="js/utils.js"></script>
|
|
<script type="text/javascript" src="js/utils-ui.js"></script>
|
|
<script type="text/javascript" src="lib/localforage.js"></script>
|
|
<script type="text/javascript" src="js/genutils.js"></script>
|
|
<script type="text/javascript" src="js/omnidexer.js"></script>
|
|
<script type="text/javascript" src="js/omnisearch.js"></script>
|
|
<script type="text/javascript" src="js/filter.js"></script>
|
|
<script type="text/javascript" src="js/utils-dataloader.js"></script>
|
|
<script type="text/javascript" src="js/utils-brew.js"></script>
|
|
<script type="text/javascript" src="js/render.js"></script>
|
|
<script type="text/javascript" src="js/render-dice.js"></script>
|
|
<script type="text/javascript" src="js/scalecreature.js"></script>
|
|
<script type="text/javascript" src="js/hist.js"></script>
|
|
<script type="text/javascript" src="js/lifegen.js"></script>
|
|
<script type="text/javascript" src="js/list2.js"></script>
|
|
<script type="text/javascript" src="lib/jquery.js"></script>
|
|
<script type="text/javascript" src="lib/elasticlunr.js"></script>
|
|
</body>
|
|
|
|
</html>
|