forked from xmasscthulhu/xmasscthulhu.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
115 lines (114 loc) · 6.46 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
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
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1">
<script src="https://kit.fontawesome.com/ffe8401a67.js" crossorigin="anonymous"></script>
<script src="underscore-umd.js"></script>
<script src="randomEncounterTables.js"></script>
<script src="randomEncounterGenerator.js"></script>
<script src="dolmenwoodNpcTables.js"></script>
<script src="dolmenwoodNPCGenerator.js"></script>
<link rel="stylesheet" href="dolmenwoodEncounterStyle.css">
<title>Random Encounter Generator</title>
</head>
<body id="body">
<div id="headDiv">
<h1>Dolmenwood Encounter Generator</h1>
</div>
<div id="mainDiv">
<div id="inputDiv">
<h2>Generate Encounter</h2>
<p>Choose the region from the dropdown menu. <br> Toggle daytime or nighttime by clicking the sun or moon icon. <br> And pick the circumstance of the encounter.</p>
<div id="regionAndTime">
<form>
<select id="region">
<option>Aldweald</option>
<option>Dwelmfurgh</option>
<option>Fever Marsh</option>
<option>Hag's Addle</option>
<option>High Wold</option>
<option>Mulchgrove</option>
<option>Nagwood</option>
<option>Northern Scratch</option>
<option>Table Downs</option>
<option>Tithelands</option>
<option>Valley of Wise Beasts</option>
</select>
</form>
<label class="fancy-checkbox">
<input type="checkbox" id="timeCheck" checked="true" onclick="timeOfDay()"/>
<i class="fa-solid fa-sun fa-2xl fa-beat checked" style="--fa-animation-duration: 2s;"></i>
<i class="fa-solid fa-moon fa-2xl fa-beat unchecked" style="--fa-animation-duration: 2s;"></i>
</input>
</label>
<!--<input type="checkbox" id="timeCheck" checked="true" onclick="timeOfDay()">
<label for="timeCheck" class="fas sun"></label>
<label for="timeCheck" class="fas moon"></label>-->
</div>
<div id="dayEncounter" style="display:block">
<input type="button" onclick="encounterGenerator('dayroad')" value="Road/Track">
<input type="button" onclick="encounterGenerator('daywild')" value="Wild">
<input type="button" onclick="encounterGenerator('aquatic')" value="Aquatic">
</div>
<div id="nightEncounter" style="display:none">
<input type="button" onclick="encounterGenerator('nightfire')" value="Fire">
<input type="button" onclick="encounterGenerator('nightnofire')" value="No Fire">
<input type="button" onclick="encounterGenerator('aquatic')" value="Aquatic">
</div>
<div id="party">
<h2>Generate an Adventuring Party</h2>
<input type="button" onclick="partyGenerator()" value="Adventuring Party">
</div>
<div id="npcGenInputs" style="display:block">
<h2>Generate Single NPC by Level and Class</h2>
<form id="npcGenForm">
<label>Level</label>
<select name="levelChoice" id="levelChoice">
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
<option value=6>6</option>
<option value=7>7</option>
<option value=8>8</option>
<option value=9>9</option>
</select>
<select name="classChoice" id="classChoice">
<option value='{"class":"elf"}'>Elf</option>
<option value='{"class":"friar"}'>Friar</option>
<option value='{"class":"goatfolk"}'>Goatfolk</option>
<option value='{"class":"grimalkin"}'>Grimalkin</option>
<option value='{"class":"hunter"}'>Hunter</option>
<option value='{"class":"knight"}'>Knight</option>
<option value='{"class":"minstrel"}'>Minstel</option>
<option value='{"class":"mossDwarf"}'>Moss Dwarf</option>
<option value='{"class":"woodgrue"}'>Woodgrue</option>
</select>
<input type="button" onclick="submission()" value="Submit">
</form>
</div>
</div>
<div id="output">
<div id="encounterDiv" style="display:none">
<h2>Random Encounter</h2>
<p id="encounterText">Encounter!</p>
<div>
<ul id="sources">
<li><strong>Italics:</strong> Old-School Essentials</li>
<li><strong>Asterisks(*):</strong> Game animal. Dolmenwood Campaign Book, pg. 164</li>
<li><strong>Others:</strong> Dolmenwood Monster Book</li>
</ul>
</div>
</div>
<div id="npcPartyText" style="display:none">
<h2>NPCs</h2>
<p id="questText"></p>
<p id="npcStatBlock"></p>
<p><strong>Note:</strong> This only outputs Dolmenwood-specific NPCs. Visit the official <a href="https://oldschoolessentials.necroticgnome.com/generators/adventuring-party-generator">OSE generator page</a> for Standard NPCs.</p>
<input type="button" onclick="copyToClipboard()" value="Copy to Clipboard">`
</div>
</div>
</div>
</body>
</html>