-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgame.html
310 lines (286 loc) · 15.6 KB
/
game.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
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
<!DOCTYPE html>
<head>
<title>fictive</title>
<meta charset="utf-8"/>
<link rel="stylesheet" href="css/bootstrap.css" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Arimo|Lato|Pacifico|EB+Garamond|Satisfy|Berkshire+Swash" rel="stylesheet">
</head>
<body>
<div class="container"><br><center>
<a href="home.html"><img id="home" src="https://i.imgur.com/xOuPB0P.png" width=130vw></a></center><br>
<page class="introPage">
<h2 class="page-header"></h2>
<blockquote>
<p>
You’re enjoying a delicious Bat’s Blood soup at the Great Hall when Harry Potter, holding a half-eaten treacle tart, approaches you looking somewhat uncomfortable. He sits down next to you and nervously says hello but shoves huge bits of his tart into his mouth before you get a chance to properly say hello back and ask how he is doing. You wave instead, looking at him expectantly. Harry puts down his fork, wipes his mouth, and looks back at you oddly.
</p>
</blockquote>
<div class="button-middle">
<button class="nextCellButton" type="button">Next</button>
</div>
</page>
<page class="cellPage">
<h2 class="page-header"></h2>
<blockquote>
<p>
You’re enjoying a delicious Bat’s Blood soup at the Great Hall when Harry Potter, holding a half-eaten treacle tart, approaches you looking somewhat uncomfortable. He sits down next to you and nervously says hello but shoves huge bits of his tart into his mouth before you get a chance to properly say hello back and ask how he is doing. You wave instead, looking at him expectantly. Harry puts down his fork, wipes his mouth, and looks back at you oddly.
</p>
</blockquote>
<div class="button-middle">
<button class="nextConsoleButton">Next</button>
</div>
</page>
<page class="cellConsolePage">
<h2 class="page-header"></h2>
<blockquote>
<p>
Harry: Hey, are you going to the Yule Ball?
</p>
</blockquote>
<div class="button-middle">
<button class="redButton">"Yeah! I’m super psyched."</button>
<button class="blueButton">"Tell me you're being thick right now—you know I’d only go if someone asked me to."</button> <!--WRONG-->
</div>
</page>
<page class="onetwo">
<h2 class="page-header"></h2>
<blockquote>
<p>
Harry: I’d be excited too, but I’m a little nervous…I don’t know what to do about my date.
</p>
</blockquote>
<div class="button-middle">
<button class="someone">"Do you have someone in mind?"</button><!--WRONG-->
<button class="chochang">"Ooh, have you been fancying a new girl? What happened to Cho Chang?"</button>
</div>
</page>
<page class="really">
<h2 class="page-header"></h2>
<blockquote>
<p>
Harry: Really? I’m sure someone will ask you. I’m not sure if I should ask someone or not.
</p>
</blockquote>
<div class="button-middle">
<button class="someone">"Do you have someone in mind?"</button><!--WRONG-->
<button class="chochang">"Ooh, have you been fancying a new girl? What happened to Cho Chang?"</button>
<button class="pansies">"No way, dances like that are for wankers. I’m not going to dress up in a stupid suit for pansies." </button>
</div>
</page>
<page class="inmind">
<h2 class="page-header"></h2>
<blockquote>
<p>
Harry: Sort of… I’m just not sure it’s a great idea to take them.
</p>
</blockquote>
<div class="button-middle">
<button class="thinking">Who exactly are you thinking of?</button>
<button class="bothering">What's bothering you?</button>
</div>
</page>
<page class="umsure">
<h2 class="page-header"></h2>
<blockquote>
<p>
Harry: Heh, um, sure? Um, yeah. I guess you could say that. Kind of? I don’t know if I should take them to the Yule Ball or not. Sort of cause of Cho, actually.
</p>
</blockquote>
<div class="button-middle">
<button class="thinking">Who exactly are you thinking of?</button>
<button class="nutter">Is she some sort of nutter? Do you two not get on well?</button>
</div>
</page>
<page class="alright">
<h2 class="page-header"></h2>
<blockquote>
<p>
Harry: Oh, alright. Is it strange for me to go then….?</p>
</blockquote>
<div class="button-middle">
<button class="suppose">Uh, up to you, I suppose. I just wouldn’t go. Do you have a witch in mind to ask?</button>
<button class="nonsense">Yeah, don’t waste your time on that nonsense. Who were you going to ask, anyway?</button>
</div>
</page>
<page class="endgood">
<h2 class="page-header"></h2>
<blockquote>
<p>
Harry's comfort level:<p id="comforttest"></p><br>
<p>
You’re a little surprised -- having seen Harry snog quite publicly with both Ginny and Cho, you’re not sure what to make of his new relationship with Seamus. The two of you continue to make some polite conversation until he excuses himself to go to Potions. You finish up your soup and neaten up your robes before picking up your History of Magic books. Oh! You realize, suddenly, that Harry was so nervous earlier because he was afraid you would react poorly. You shrug and pick up your rucksack. I wonder if I should tell him I like both witches and wizards too, you wonder.
</p>
</blockquote>
<div class="button-middle">
<a href="game.html"><button class="play">play again!</button></a>
<button class="abt">about</button>
</div>
</page>
<page class="endbad">
<h2 class="page-header"></h2>
<blockquote>
<p>
Harry's comfort level:<p id="comfortt"></p><br>
<p>
You’re a little startled by how quickly Potter scurried away. Not overly concerned and still ravenously hungry, you finish up your soup before picking up your History of Magic books to put in your rucksack for class. As you neaten up your robes and stand up, you realize that perhaps Harry had something important to tell you -- he was acting quite nervously, after all. What was it that he wanted to ask?
</p>
</blockquote>
<div class="button-middle">
<a href="game.html"><button class="play">play again!</button></a>
<button class="abt">about</button>
</div>
</page>
<page class="about">
<h2 class="page-header"></h2>
<blockquote>
<p>
<b>// about fictive //</b><br>
<i>fictive</i> is a reimagining of the classic beloved <i>Harry Potter</i> story. Harry Potter, the eponymous character of the series, has always been unambiguously assumed to be straight. However, in many fanfiction adaptations of the novels, Harry is recast as queer, gender non-conforming, or sometimes even a POC. In fact, a major strength of fanfiction lies in its ability to create media representation and normalize underrepresented identities and experiences. We added a higher level of agency by turning traditional fanfiction into this text-based choose-your-own-adventure game -- now, you can actively control how the story ends based on how you want to respond, conversing with Harry to find out what exactly made him so nervous talk to you. Depending on what you say, his comfort level increments or decrements, and his responses could become more terse or relaxed. We carefully modeled our Harry after the novel’s Harry Potter, a nuanced character whose awkwardness and impetuousness is well-known, only changing one thing -- his sexuality.
<br><br><b>// about your score //</b><br>
The game tracks Harry's comfort level depending on how you respond to him—each response affects how he feels around you, much like
a person would think and be affected by their surroundings.<br><br>
<b>Harry's max comfort level is 16</b>—even if you were able to get Harry to tell you his secret, if you didn't get 16, some of your responses held
biases or aroused feelings of discomfort. See if you can play again and recognize these responses and raise Harry's comfort level.
</p>
</blockquote>
<div class="button-middle">
<a href="game.html"><button class="play">play again!</button></a>
</div>
</page>
<page class="guessso">
<h2 class="page-header"></h2>
<blockquote>
<p>
Harry: Haha, yeah... well, the Yule Ball is stupid anyway. Bloody hell, I’m late to Potions. See you later, mate! </p>
</blockquote>
<div class="button-middle">
<button class="endb">END</button>
</div>
</page>
<page class="fancy">
<h2 class="page-header"></h2>
<blockquote>
<p>
Harry: Just someone I fancy, it doesn't really matter. Hey, did you hear that Snape caught Neville snogging with some bloke in a corridor last weekend?<p>
</blockquote>
<div class="button-middle">
<button class="action">Changing the subject I see—but yeah, I did! Happy to hear that git Longbottom’s finally getting some action.</button>
<button class="cool">Don't be a prick and change the subject, Potter! But wow, yeah, I had no idea. That’s cool, I guess.</button>
</div>
</page>
<page class="blimey">
<h2 class="page-header"></h2>
<blockquote>
<p>
Harry: Blimey, I dunno, not sure how to feel. By the way, did you hear that Snape caught Neville snogging with some bloke in a corridor last weekend? </blockquote>
<div class="button-middle">
<button class="action">Changing the subject I see—but yeah, I did! Happy to hear that git Longbottom’s finally getting some action.</button>
<button class="cool">Don't be a prick and change the subject, Potter! But wow, yeah, I had no idea. That’s cool, I guess. </button>
</div>
</page>
<page class="howfeel">
<h2 class="page-header"></h2>
<blockquote>
<p>
Harry: Blimey, I dunno, not sure how to feel. I don’t know what people will say.
</p>
</blockquote>
<div class="button-middle">
<button class="thinking">Come on, Harry, tell me! I thought we were close enough that you would’ve told me that you fancy someone new. I would never judge.
<button class="rubbish">Rubbish! So what you’re saying is she’s a nutter, Potter. Is this girl a downgrade from Ginny? </button>
</div>
</page>
<page class="erwouldnt">
<h2 class="page-header"></h2>
<blockquote>
<p>
Harry: Er, I wouldn’t say that. There’s nothing wrong with this witch at all…
</p>
</blockquote>
<div class="button-middle">
<button class="bloodyhell">C'mon, mate! What's the problem, then? Are you scared to ask, or what? Who is this lucky witch anyway?
<button class="troll">Blimey, Potter. The way you’re acting makes me think they're a troll or a bloke or something. </div>
</page>
<page class="nobody">
<h2 class="page-header"></h2>
<blockquote>
<p>
Harry: Doesn't matter anymore, I guess... or, you'll see. I'm probably not even going.
</p>
</blockquote>
<div class="button-middle">
<button class="lamepotter">I can already see how sad all the girls are going to be when the <i>Chosen One</i> doesn't choose anyone—Romilda Vane's going to freak.
<button class="dances">No, c'mon, now you've got me curious. You were thinking of someone, weren't you?</div>
</page>
<page class="sryblimey">
<h2 class="page-header"></h2>
<blockquote>
<p>
Harry: Yeah, sorry, mate. I dunno, just not sure how to feel. By the way, did you hear that Snape caught Neville snogging with some bloke in a corridor last weekend?
</p>
</blockquote>
<div class="button-middle">
<button class="action">Changing the subject I see—but yeah, I did! Happy to hear that git Longbottom’s finally getting some action.</button>
<button class="cool">Don't be a prick and change the subject, Potter! But wow, yeah, I had no idea. That’s cool... I guess. </button>
</div>
</page>
<page class="notsosure">
<h2 class="page-header"></h2>
<blockquote>
<p>
Harry: Dunno, you don't sound too sure there, mate. Something wrong? </p>
</blockquote>
<div class="button-middle">
<button class="offcolor">No, not at all. Came out funny, but y'know I love the bloke, Harry! Happy for 'im—hope he gave Snape a show.</button>
<button class="yike">It's a little weird, I guess. Neville and some dude—I knew he was never big with the ladies or anything, but still... huh. Wish I was there to see Snape's face—can you even imagine how uncomfortable he was? </button>
</div></page>
<page class="yikes2">
<h2 class="page-header"></h2>
<blockquote>
<p>
Harry: Right...is there something up with that, mate?
</p>
</blockquote>
<div class="button-middle">
<button class="offcolor">No, not at all! They'll probably be one of the first two blokes to go together—it's exciting that it's Neville.</button>
<button class="yike">It's a bit weird, I suppose? Two blokes to the Yule Ball—dunno.</button>
</div>
</page>
<page class="issue">
<h2 class="page-header"></h2>
<blockquote>
<p>
Harry: What do you mean?
</p>
</blockquote>
<div class="button-middle">
<button class="neville">Just wondering how Neville will feel. You know how he gets so nervous about things and I don’t want to see him stressed, but I'm all for it. It's exciting, you know?</button>
<button class="bad">Always knew Neville was never really big with the ladies, but this is still a jump. A bit weird, no? Whatever, though.</button>
</div>
</page>
<page class="good">
<h2 class="page-header"></h2>
<blockquote>
<p>
Harry: Actually, this is kind of what I wanted to tell you... I’ve been seeing Seamus for last couple of weeks, and I wasn’t sure if I should take him to the Yule Ball or not. I wanted to feel out what you thought of the general situation before making my decision, and it seems like you think it’d be a good idea to take him.
</p>
</blockquote>
<div class="button-middle">
<button class="endg">END</button>
</div>
</page>
<page class="happyharry">
<h2 class="page-header"></h2>
<blockquote>
<p>
Harry: Yeah? M'happy for him. People are saying he Longbottom might even take the bloke to the ball, did you hear? They’ve been seeing each other. </p>
</blockquote>
<div class="button-middle">
<button class="neville">No way! Can't believe Longbottom's pulled it off and finally found 'imself a wizard. I saw them the other day actually, they're cute together.</button>
<button class="seeing">Seeing each other as in dating?</button>
</page>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="adventure.js"></script>
</body>
</html>