-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
272 lines (249 loc) · 17.1 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
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="google-site-verification" content="FNrZHSeB0wRkem5e3_a2IykDFjJTaA8v4RTXulJuU_s" />
<!-- Custom styling -->
<style>
main {
margin-top: 60px;
}
</style>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Vollkorn|Fondamento|UnifrakturMaguntia" rel="stylesheet">
<title>PubQuest</title>
</head>
<body style="font-family:Vollkorn; font-size:20px">
<nav class="navbar navbar-expand-md navbar-light fixed-top bg-warning">
<a class="navbar-brand" style="font-family:UnifrakturMaguntia; color:#343a40" href="#">PubQuest</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbar">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://brianshef.github.io/pubquest/about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://brianshef.github.io/">About the Author</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://bigd20games.wordpress.com/">BigD20 Games</a>
</li>
</ul>
<span class="navbar-text text-muted">
<span>© <small style="font-family:Fondamento">Brian Shef 2018</small></span>
<a class="text-right" href='https://ko-fi.com/Y8Y56BPH' target='_blank'><img height='36' style='border:0px;height:36px;' src='https://az743702.vo.msecnd.net/cdn/kofi5.png?v=0' border='0' alt='Buy Me a Coffee at ko-fi.com' /></a>
</span>
</div>
</nav>
<main role="main">
<div class="container-fluid">
<div class="row text-center">
<div class="col-sm-12">
<h1 class="display-2" style="font-family:UnifrakturMaguntia;color:#ffc107">PubQuest</h1>
<h2 class="text-secondary" style="font-family:Fondamento">A fun pub crawl drinking game inspired by classic, fantasy roleplaying games.</h2>
</div>
</div>
<div class="row" style="margin-top:60px">
<div class="col-md-6">
<h2 style="font-family:Fondamento">Exploring the Dungeon</h2>
<p>
In PubQuest, bars and pubs are dungeons.
Exploring them is the heart and soul of the game.
There are only a handful of rules one needs to know.
</p>
<p>
<ul>
<li>To enter a new dungeon, take 1 drink of water.</li>
<li>
In a new dungeon, each character must roll the die.
<ul>
<li>If the result is 1, the dungeon is trapped. Any character that wanders off to the restrooms for any reason loses 1 level.</li>
<li>If the result is a 19 or 20, you have encountered a dragon! All characters must take 1 drink to gain 2 levels, otherwise all characters lose 2 levels.</li>
<li>If the result is greater than your current level, you've encountered a wandering monster! Take 1 drink to gain 1 level, otherwise lose 1 level.</li>
</ul>
</li>
<li>Optionally, any character may choose to Loot the Dungeon. Ask the bartender for the recommended house specialty drink, and drink it to gain 1 level.</li>
</ul>
</p>
</div>
<div class="col-md-6">
<h2 style="font-family:Fondamento">Rules of the Realm</h2>
<p>
No matter where your adventure takes you,
heroes must always abide by the Rules of the Realm.
These rules apply whether or not you are in a dungeon.
</p>
<p>
<ul>
<li>All characters start at level 1, and that is the lowest level any character can be.</li>
<li>Fumbling -- any character that spills, stumbles, loses something, or bumps into stuff must lose 1 level.</li>
<li>Winning initiative -- whichever character is served (anythin) first in a new dungeon wins initiative, and gains 1 level.</li>
</ul>
</p>
</div>
</div>
<!-- Characters -->
<div class="row">
<div class="col-md-12">
<hr >
<h2 style="font-family:Fondamento">Choose your character</h2>
<p>
Each kind of character has a unique special ability to aid in your quest.
Each character sheet clearly lists out everything you need to know in order to play.
Choose the character type that fits your playstyle, and print off the sheet!
</p>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div id="accordion">
<div class="card">
<div class="card-header" id="heading-warrior">
<div class="mb-0">
<img src="./assets/warrior.png"></img>
<button class="btn btn-light collapsed" data-toggle="collapse" data-target="#warrior" aria-expanded="false" aria-controls="warrior">
<h2 style="font-family:Fondamento;color:#ffc107">Warrior</h2>
</div>
</span>
</div>
<div id="warrior" class="collapse" aria-labelledby="heading-warrior" data-parent="#accordion">
<div class="card-body">
<p class="card-text">
Mighty and courageous, no adventuring party is complete without a Warrior or two.
Warriors use the <strong>Power Attack</strong> special ability,
which allows them to gain levels rapidly.
</p>
<p><a class="btn btn-warning" href="https://brianshef.github.io/pubquest/characters/warrior" role="button">Get the Warrior character sheet</a></p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="heading-thief">
<div class="mb-0">
<img src="./assets/thief.png"></img>
<button class="btn btn-light collapsed" data-toggle="collapse" data-target="#thief" aria-expanded="false" aria-controls="thief">
<h2 style="font-family:Fondamento;color:#ffc107">Thief</h2>
</button>
</div>
</div>
<div id="thief" class="collapse" aria-labelledby="heading-thief" data-parent="#accordion">
<div class="card-body">
<p class="card-text">
Swift, sneaky, and dextrous, the Thief is a vital but dangerous companion.
Thieves use the <strong>Backstab</strong> special ability,
allowing them to steal levels from other characters for themselves.
</p>
<p><a class="btn btn-warning" href="https://brianshef.github.io/pubquest/characters/thief" role="button">Get the Thief character sheet</a></p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="heading-mage">
<div class="mb-0">
<img src="./assets/mage.png"></img>
<button class="btn btn-light collapsed" data-toggle="collapse" data-target="#mage" aria-expanded="false" aria-controls="mage">
<h2 style="font-family:Fondamento;color:#ffc107">Mage</h2>
</button>
</div>
</div>
<div id="mage" class="collapse" aria-labelledby="heading-mage" data-parent="#accordion">
<div class="card-body">
<p class="card-text">
Mysterious and magical, Mages have long been staples of high fantasy.
Mages use the <strong>Fireball</strong> special ability,
causing mass destruction by forcing other characters to drink more.
</p>
<p><a class="btn btn-warning" href="https://brianshef.github.io/pubquest/characters/mage" role="button">Get the Mage character sheet</a></p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="heading-bard">
<div class="mb-0">
<img src="./assets/bard.png"></img>
<button class="btn btn-light collapsed" data-toggle="collapse" data-target="#bard" aria-expanded="false" aria-controls="bard">
<h2 style="font-family:Fondamento;color:#ffc107">Bard</h2>
</button>
</div>
</div>
<div id="bard" class="collapse" aria-labelledby="heading-bard" data-parent="#accordion">
<div class="card-body">
<p class="card-text">
Talented, charismastic, and full of stories,
Bards are always the life of the party.
Bards use the <strong>Bard's Song</strong> special ability,
in which their magical singing is rewarded with extra levels.
</p>
<p><a class="btn btn-warning" href="https://brianshef.github.io/pubquest/characters/bard" role="button">Get the Bard character sheet</a></p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="heading-paladin">
<div class="mb-0">
<img src="./assets/paladin.png"></img>
<button class="btn btn-light collapsed" data-toggle="collapse" data-target="#paladin" aria-expanded="false" aria-controls="paladin">
<h2 style="font-family:Fondamento;color:#ffc107">Paladin</h2>
</button>
</div>
</div>
<div id="paladin" class="collapse" aria-labelledby="heading-paladin" data-parent="#accordion">
<div class="card-body">
<p class="card-text">
Chivalrous defenders of all that is good and just in the world,
Paladins are shining, holy crusaders. Paladins use the
<strong>Hand of Justice</strong> special abilitiy
to enforce their Code of Honor and punish evil with a vengeance.
</p>
<p><a class="btn btn-warning" href="https://brianshef.github.io/pubquest/characters/paladin" role="button">Get the Paladin character sheet</a></p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="heading-warlock">
<div class="mb-0">
<img src="./assets/warlock.png"></img>
<button class="btn btn-light collapsed" data-toggle="collapse" data-target="#warlock" aria-expanded="false" aria-controls="warlock">
<h2 style="font-family:Fondamento;color:#ffc107">Warlock</h2>
</button>
</div>
</div>
<div id="warlock" class="collapse" aria-labelledby="heading-warlock" data-parent="#accordion">
<div class="card-body">
<p class="card-text">
Wielders of eldritch power, Warlocks
draw their magic from an otherwordly source. Warlocks use the
<strong>Fiendish Summoning</strong> special ability,
in which they summon an Outsider to sow chaos.
</p>
<p><a class="btn btn-warning" href="https://brianshef.github.io/pubquest/characters/warlock" role="button">Get the Warlock character sheet</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<hr />
</div>
</div>
</div> <!-- /container -->
</main>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>