-
Notifications
You must be signed in to change notification settings - Fork 1
/
statgen.html
130 lines (117 loc) · 5.88 KB
/
statgen.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--
XML data was compiled by a reddit community for use with the "Fight Club 5" app.
Google "5e xml files" for more info.
Feel free to use, edit, and redistribute this as you wish.
I don't own any of the XML data anyway.
-->
<title>Statgen - 5estuff</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style.css">
<link rel="icon" href="favicon.png">
</head>
<body>
<header class="hidden-xs hidden-sm">
<div class="container">
<h1>Statgen</h1>
<p>Change method on the left, refer to method that appears on the right.</p>
</div>
</header>
<nav class="container">
<ul class="nav nav-pills ">
<li role="presentation"><a href="index.html">5estuff</a></li>
<li role="presentation"><a href="rules.html">Rules</a></li>
<li role="presentation" class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Player Options <span class="caret"></span></a>
<ul class="dropdown-menu">
<li role="presentation"><a href="classes.html">Classes</a></li>
<li role="presentation"><a href="backgrounds.html">Backgrounds</a></li>
<li role="presentation"><a href="feats.html">Feats</a></li>
<li role="presentation"><a href="races.html">Races</a></li>
</ul>
</li>
<li role="presentation" class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">DM Tools <span class="caret"></span></a>
<ul class="dropdown-menu">
<li role="presentation"><a href="crcalculator.html">CR Calculator</a></li>
<li role="presentation"><a href="lootgen.html">Loot Generator</a></li>
<li role="presentation"><a href="loot-tables.html">Loot Tables</a></li>
<li role="presentation"><a href="templates.html">Templates</a></li>
</ul>
</li>
<li role="presentation" class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">References <span class="caret"></span></a>
<ul class="dropdown-menu">
<li role="presentation"><a href="bestiary.html">Bestiary</a></li>
<li role="presentation"><a href="conditions.html">Conditions</a></li>
<li role="presentation"><a href="items.html">Items</a></li>
<li role="presentation"><a href="spells.html">Spells</a></li>
</ul>
</li>
<li role="presentation" class="active"><a href="statgen.html">Statgen</a></li>
<li role="presentation" class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Utilities<span class="caret"></span></a>
<ul class="dropdown-menu">
<li role="presentation"><a href="converter.html">Stat Block to JSON</a></li>
<li role="presentation"><a href="editor.html">WYSIWYG Editor</a></li>
</ul>
</li>
</ul>
</nav>
<main class="container bodyContent">
<div class="row">
<div class="col-sm-3">
<nav>
<ul class="nav" id="rolltabs">
<li role="presentation" class="active"><a href="#0">Rolling</a></li>
<li role="presentation"><a href="#1">Array</a></li>
<li role="presentation"><a href="#2">Point Buy</a></li>
</ul>
</nav>
</div>
<div class="col-sm-9 statmethod" id="rolled">
<h3>Rolled Stats</h3>
<button type="button" id="rollbutton" class="btn btn-default">Roll Stats</button>
<h3 id="rolls">
</h3>
<p>Click the button to roll for your stats. 4d6 are rolled with the lowest of the set discarded. This is done for each ability score. Assign these numbers to your abilities as desired. As this is based on your browser's JavaScript random number generator,
it cannot be considered at all "truly" random, but for most purposes can be considered "random enough."</p>
</div>
<div class="col-sm-9 statmethod" id="array">
<h3>Standard Array</h3>
<h4>15, 14, 13, 12, 10, 8</h4>
<p>Assign these numbers to your abilities as desired.</p>
</div>
<div class="col-sm-9 statmethod" id="pointbuy">
<h3>Point Buy</h3>
<form id="pointbuy">
<label for="budget">Budget: </label><input type="number" id="budget" min="0" max="54" value="27"><br>
<label for="remaining">Remaining: </label><input type="number" id="remaining" min="0" max="54" value="27" readonly><br>
<hr>
<label for="str">Strength: </label><input type="number" class="score" id="str" min="8" max="15" value="8" data-prev="8"><br>
<label for="dex">Dexterity: </label><input type="number" class="score" id="dex" min="8" max="15" value="8" data-prev="8"><br>
<label for="con">Constitution: </label><input type="number" class="score" id="con" min="8" max="15" value="8" data-prev="8"><br>
<label for="int">Intelligence: </label><input type="number" class="score" id="int" min="8" max="15" value="8" data-prev="8"><br>
<label for="wis">Wisdom: </label><input type="number" class="score" id="wis" min="8" max="15" value="8" data-prev="8"><br>
<label for="cha">Charisma: </label><input type="number" class="score" id="cha" min="8" max="15" value="8" data-prev="8"><br>
<p>A point budget is used to buy ability scores (default: 27). A score costs 1 point to increase for each step above 8 to a maximum of 15, with 14 and 15 each costing one extra point.</p>
</form>
</div>
</div>
</main>
<!--
All the embedded crap.
Would load it in but I want this for offline use too
-->
<script type="text/javascript" src="js/page-statgen.js"></script>
<script type="text/javascript" src="js/droll.js"></script>
<script type="text/javascript" src="js/list.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
</body>
</html>