-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
105 lines (104 loc) · 5.19 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Mythic GME Roll Tables</title>
<script src="gmeRoll.js"></script>
<link rel="stylesheet" href="main.css">
</head>
<body class="dark-mode">
<button onclick="toggleDarkMode()">Dark/Light</button>
<main role="main">
<label>
<h1 class = "chaosFactor">Chaos Factor:
<select id="chaos">
<option value = "1">1</option>
<option value = "2">2</option>
<option value = "3">3</option>
<option value = "4">4</option>
<option selected 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>
</h1>
</label>
<div class="wrapper">
<div class = "section">
<h1>Fate Question</h1>
<div class="outcome">
<button onclick="fateRoll()">Roll!</button>
<label>
<h2>Odds:
<select id="odds">
<option>Certain</option>
<option>Nearly Certain</option>
<option>Very Likely</option>
<option>Likely</option>
<option selected>50/50</option>
<option>Unlikely</option>
<option>Very Unlikely</option>
<option>Nearly Impossible</option>
<option>Impossible</option>
</select>
</h2>
</label>
<h2 id = "fateRoll"><br></h2>
<h2 id = "fateOutcome"><br></h2>
<h2 id = "fateRandomEvent"><br></h2>
<br>
</div>
</div>
<div class = "section">
<h1>Testing Expected Scene</h1>
<div class="outcome">
<button onclick="testExpectedScene()">Roll!</button>
<h2 id = "expectedSceneRoll"><br></h2>
<h2 id = "expectedSceneOutcome"><br></h2>
<h2><br><br><br><br></h2>
</div>
</div>
<div class = "section">
<h1>Scene Adjustment Table</h1>
<div class="outcome">
<button onclick="sceneAdjustment()">Roll!</button>
<h2 id = "sceneAdjustmentRoll"><br></h2>
<h2 id = "sceneAdjustment"><br><br></h2>
<h2><br><br><br></h2>
</div>
</div>
<div class = "section">
<h1>Random Event</h1>
<div class="outcome">
<button onclick="randomEvent()">Roll!</button>
<h2 id = "randomEventRoll"><br></h2>
<h2 id = "randomEventOutcome"><br></h2>
</div>
</div>
<div class = "section">
<h1>Meaning Tables: Actions</h1>
<div class="outcome">
<button onclick="meaningTablesActions()">Roll!</button>
<h2 id = "meaningTablesActionsRoll"><br></h2>
<h2 id = "meaningTablesActionsOutcome"><br></h2>
</div>
</div>
<div class = "section">
<h1>Meaning Tables: Descriptions</h1>
<div class="outcome">
<button onclick="meaningTablesDescriptions()">Roll!</button>
<h2 id = "meaningTablesDescriptionsRoll"><br></h2>
<h2 id = "meaningTablesDescriptionsOutcome"><br></h2>
</div>
</div>
</div>
</main>
<footer role="contentinfo">
<div class="readMe">
<p>Hi! My name's Aidan and I woke up one morning and coded this. I discovered Mythic GME like two days ago, and I wanted a little coding challenge to brush up on my JavaScript.</p>
<p>This is far from perfect (Fate Questions are only done in the d100 style, for example) and I am not crazy enough to add all the Elements Meaning Tables... yet...</p>
<p>This work is based on Mythic GME by Tana Pigeon, published by Word Mill Games, and licensed for our use under the <b><a href="https://creativecommons.org/licenses/by-nc/4.0/">Creative Commons Attribution-NonCommercial 4.0 International (CC BY-NC 4.0)</a></b> Find out more at <b><a href="https://www.wordmillgames.com/">www.wordmillgames.com</a></b>.</p>
</div>
</footer>
</body>
</html>