-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
59 lines (58 loc) · 2.96 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta charset="utf-8"> <!-- HTML5 -->
<link rel="stylesheet" href="./css/main.css">
</head>
<body>
<div id="wrapper">
<h1>Shiki creation</h1>
<p>Choose the number of points you want to spend. Roll 3 dice add the ability and add it's cost until the total cost is more than the chosen maximum. Follow any special instructions. Then determine the cost in soul points and write down the shiki's attribute, skill and viltality score.</p>
<p>This webapp only covers random creation, and automates some of that process.</p>
<p>Maximum creation points =
<input id="knowledge" type="text" placeholder="Knowledge" title="Knowledge"> × (
<input id="onmyoujutsu" type="text" placeholder="Onmyoujutsu" title="Onmyoujutsu"> - 1)
<span id="max-creation-points"></span>.
<br>(Note that Onmyoujutsu can't have 0 or 1 ranks.)</p>
<p>Roll an ability randomly, or use buttons below to enter die results.</p>
<br>Enter 1d<span class="die-1">6</span><span class="die-2">6</span> ability choice,
1d<span class="die-3">6</span> ability strength, then press "accept".</p>
<div id="die-controls">
<form>
<input type="button" value="Roll Dice" class="die-roll">
<div class="die-numbers">
<div class="die-row die-1">
<input name="D1" type="button" value="1">
<input name="D1" type="button" value="2">
<input name="D1" type="button" value="3">
<input name="D1" type="button" value="4">
<input name="D1" type="button" value="5">
<input name="D1" type="button" value="6">
</div>
<div class="die-row die-2">
<input name="D2" type="button" value="1">
<input name="D2" type="button" value="2">
<input name="D2" type="button" value="3">
<input name="D2" type="button" value="4">
<input name="D2" type="button" value="5">
<input name="D2" type="button" value="6">
</div>
<div class="die-row die-3">
<input name="D3" type="button" value="1">
<input name="D3" type="button" value="2">
<input name="D3" type="button" value="3">
<input name="D3" type="button" value="4">
<input name="D3" type="button" value="5">
<input name="D3" type="button" value="6">
</div>
</div>
<input type="button" value="Accept" class="die-accept">
</form>
</div>
<input id="new-shiki" type="button" value="New shiki">
</div>
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>