-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
252 lines (221 loc) · 9.56 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>A Thousand Faces of Adventure</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/styles.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-122680475-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-122680475-1');
</script>
<!-- End Google Analytics -->
<!-- Cloudflare Analytics -->
<script defer
src='https://static.cloudflareinsights.com/beacon.min.js'
data-cf-beacon='{"token": "ad4bc0439a524824ac7ccf972f3a286b"}'></script>
<!-- END Cloudflare Analytics -->
</head>
<body>
<div class="centerr big_padding">
<section class="hero" >
<div class="background-image"
style="background-image: url(assets/img/1kfa-box-design-bg.png);"
>
<center>
<img src="assets/img/1kfa-box-design-web.png" />
</center>
</div>
</section>
<section class="hook first-hook">
<h2>The tabletop roleplaying game for people who love board games</h2>
<h1 class="title">A Thousand Faces of Adventure</h1>
<style>
#intro_table td {
padding: 3em;
}
#intro_table {
margin-top: 3em;
}
@media (max-width: 800px) {
#intro_table #prompts {
display: none;
}
}
</style>
<table id="intro_table">
<tr>
<td id="prompts">
<h3 class="title">Noticing the Dungeons & Dragons Trend?</h3>
<h3 class="title">Want To Try Improv?</h3>
</td>
<td>
<h3>A Thousand Faces of Adventure Is a Narrative Board Game...</h3>
<p> ...about gathering at a table with your friends and creating
an improvisational story, where one of you plays the GM, who
has narrative authority over the world and events, and the rest
of you play characters being challenged by and exploring this
world, even creating parts of it!
</p>
<p>The players' goal is to
<strong>build their characters from scrappy adventurers
into heroes with the courage to trigger world-saving
change</strong>,
while the GM earns points by <strong>walking the story
through each step of The Hero's Journey</strong>.
</p>
</td>
</tr>
</table>
<!--
<div class="calltoaction">
<center><h4>GMs Needed!</h4>
Are you a GM interested in playtesting a new RPG?
<br/>
Get a printed playtest copy by
<a
href="https://twitter.com/home?status=Hey @boardcrafting, please send me a playtest copy of A Thousand Faces of Adventure! https://www.1kfa.com"
>tweeting a tweet</a>
</center>
</div>
-->
<hr>
<ul class="grid">
<li class="small" style="background-image: url(assets/img/playtest-1.jpg);"></li>
<li class="small" style="background-image: url(assets/img/playtest-2.jpg);"></li>
<li class="small" style="background-image: url(assets/img/playtest-9.jpg);"></li>
</ul>
</section>
<section class="features">
<h3 class="title">A Role-Playing Game That's a Board Game</h3>
<h3 class="title">A Board Game That's a Role-Playing Game</h3>
<div class="calltoaction">
<center><h4>Try it today</h4>
<center><a href="https://www.1kfa.com/playtest_files">Download the playtesting kit</a></center>
</center>
</div>
<ul class="grid">
<li>A Thousand Faces of Adventure takes the
<strong>deck-building</strong> and <strong>set-collection</strong>
mechanisms of modern board games like Gloomhaven and marries them
with the innovation blossoming in indie role-playing games like
Fate and Dungeon World.
</li>
<li>Are you a fan of RPGs and your friends are all board gamers?
Looking for the right RPG to introduce them to the world of
play-to-find-out-what-happens? A Thousand Faces of Adventure was
designed for you.
</li>
<li>When new players sit down to play, there's no hundred-page
tome they're expected to navigate, just familiar-looking board
game components. The GM can walk the players through a well-tested
ten-step process that creates the characters and their world
<strong>in 45 minutes</strong>.
</li>
<li>Furthermore, <b>all the math is baked-in</b>. The probability
curves are carefully designed and distributed into a 20-card deck,
so players only need to flip a card and see the result on the face.
</li>
</ul>
<div class="calltoaction">
<center><h4>What does it play like?</h4>
<center><a href="https://www.1kfa.com/examples">Listen to examples of play</a></center>
</center>
</div>
</section>
<section class="hook">
<p>A Thousand Faces of Adventure is a game about a party of
fate-tempting adventurers becoming champions of their own Hero's
Journey, in the dangerous kingdoms of a swords-and-magic fantasy
realm.
There are castle infiltrations, earthshaking discoveries,
monster battles, sinful indulgences, secret loyalties, promises,
paybacks, and deaths.</p>
<p><b>Unlike other swords & sorcery role-playing games, it...</b></p>
<p>...challenges players to master its system <i>not</i> by reading
hundreds of pages, but by exploring its board game dynamics</p>
<p>...softens the learning curve by splitting the rules across 3
sessions</p>
<p>...uses blanks as a design element to let players know where they
have full control</p>
<p>...encourages improvisation by specifically instructing the GM to
ask questions of players</p>
<p>...reduces player components down to just a deck of cards and
some tokens</p>
<hr>
<ul class="grid">
<li class="small" style="background-image: url(assets/img/playtest-4.jpg);"></li>
<li class="small" style="background-image: url(assets/img/playtest-7.jpg);"></li>
<li class="small" style="background-image: url(assets/img/playtest-5.jpg);"></li>
</ul>
</section>
<section class="features">
<h3 class="title">What's Role-playing?</h3>
<ul class="grid">
<li>Like a board game, a role-playing game is played by sitting around a
table with your friends. But, as a role-playing game, A Thousand Faces
of Adventure is a little different.
</li>
<li>It's asymmetrical. One friend plays the "GM" role and is playing
with different rules from the others</li>
<li>The action takes place in a shared, imagined world. It's like
collaborative group storytelling</li>
<li>Like a "legacy" board game, the state of the game changes by
playing it. Players change their characters from one session to the
next, and the entire fantasy world changes too</li>
<li>The story and challenges are improvised! A Thousand Faces of
Adventure lays out a series of milestones and prompts, but you need to
play to find out the details of what happens</li>
</ul>
</section>
<section class="reviews">
<h3 class="title">About the creator</h3>
<style>
#vid {
width: 800px;
height: 600px;
}
@media (max-width: 800px) {
#vid {
width: 400px;
height: 300px;
}
}
</style>
<object
id="vid"
data="https://www.youtube.com/embed/jhUcS00YTTQ"
width="800"
height="600">
<param name="movie" value="https://www.youtube.com/embed/jhUcS00YTTQ">
</object>
</section>
<section class="contact">
<h3 class="title">Follow the development</h3>
<form>
<a href="https://boardcrafting.wordpress.com/subscribe/" class="btn">Sign me up!</a>
</form>
<hr />
<div class="calltoaction">
<center><h4>Latest Updates:</h4>
<center><a href="https://github.com/sjbrown/1kfa/commits/master">LATEST_UPDATE</a></center>
</center>
</div>
</section>
<footer>
<ul>
<li><a href="https://boardcrafting.wordpress.com/"><i class="fa fa-rss-square"></i></a></li>
<li><a href="https://github.com/sjbrown/1kfa"><i class="fa fa-github-square""></i></a></li>
</ul>
</footer>
</div>
</body>
</html>