-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
251 lines (224 loc) · 15.4 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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ZUMBIDOM</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
<main>
<div class="passo ativo" id="passo-0">
<p>Hoje é segunda-feira, você se arruma para ir para a escola. O dia parece estranho, você tem um mal
presentimento: O que você deve levar na sua mochila?</p>
<button class="btn-proximo" data-proximo="1">Minha garrafa</button>
<button class="btn-proximo" data-proximo="2">Minha Marmita</button>
</div>
<div class="passo" id="passo-1">
<img src="img/cenario-passo1.jpg" alt="">
<p>Você chega na escola e vê seus amigos conversando em uma rodinha.
O que você faz?</p>
<button class="btn-proximo" data-proximo="3">Paro para ouvir a conversa</button>
<button class="btn-proximo" data-proximo="4">Vou direto para a aula de Biologia</button>
</div>
<div class="passo" id="passo-2">
<p>Você chega atrasado(a) e entra pelo portão da frente.
Qual aula você escolhe assistir?</p>
<button class="btn-proximo" data-proximo="5">Aula de Projeto de Vida</button>
<button class="btn-proximo" data-proximo="6">Aula de Educação Física</button>
</div>
<div class="passo" id="passo-3">
<p>Eles estão falando sobre um surto de agresividade entre os alunos da escola, as pessoas estão agindo como
animais, dizem até que algumas pessoas chegaram a arrancar pedaços das outras.</p>
<button class="btn-proximo" data-proximo="7">Acho isso BIZARO e vou um pouco atrasada para aula de
Biologia.</button>
</div>
<div class="passo" id="passo-4">
<img src="img/cenario-passo4.jpg" alt="">
<p>Seu professor entra na sala, parece mais irritado do que o comum, ele passa a aula tendo tiques estranhos
e mal fala, sua letra na lousa tambem parece bem distorcida como se fosse difícil para ele escrever.
Ele toma goles constantes de sua garrafa.
Subitamente ele se estressa e manda todos para fora.
Você volta e pega sua garrafa e vai para a aula de educação física.</p>
<button class="btn-proximo" data-proximo="8">Vou até a quadra</button>
</div>
<div class="passo" id="passo-5">
<p> ●FINAL NEUTRO 1●</p>
<p>A aula te deixa deprimido(a) por não consegir ser produtivo e saudável no capitalismo
selvagem, além de se sentir derrotado, mais uma vez, pelo sistema de ensino hororroso do estado de São
Paulo em 2024, você descide voltar pra casa.</p>
<p>Você sobreviveu, mas não sabe o fim da história. Apesar de sobreviver você se sente frustrado
e
impotente frente a imposibilidade de mudança no sistema.</p>
<button class="btn-proximo" data-proximo="0">Jogue novamente</button>
</div>
<div class="passo" id="passo-6">
<img src="img/cenario-passo6-8.jpg" alt="">
<p>Você se dirige até a quadra, está acontecendo uma confusão, aparentemente tem uma menina brigando com a
sua amiga
<p class="p3">A MENINA MORDE A SUA AMIGA.</p>
O que você faz?</p>
<button class="btn-proximo" data-proximo="9">Chamo o professor, e saio de lá.</button>
<button class="btn-proximo" data-proximo="10">Me meto na briga para
ajudar a minha amiga.</button>
</div>
<div class="passo" id="passo-7">
<p>No corredor você vê uma menina da sua sala muito alterada, brigando com o professor de biologia. As
coisas parecem escalar para o físico, ele empura a menina e ela sai transtornada em direção ao pátio.
Você decide se esconder, você sente que tem algo estranho.</p>
<button class="btn-proximo" data-proximo="11">Me escondo no porão.</button>
</div>
<div class="passo" id="passo-8">
<img src="img/cenario-passo6-8.jpg" alt="">
<p>Você se dirige até a quadra, está acontecendo uma confusão, aparentemente tem uma menina brigando com a
sua amiga
<p class="p3">A MENINA MORDE A SUA AMIGA.</p>
O que você faz?</p>
<button class="btn-proximo" data-proximo="12">Me meto na briga para
ajudar a minha amiga.</button>
</div>
<div class="passo" id="passo-9">
<p>No corredor você vê uma menina da sua sala muito alterada, brigando com o professor de biologia. As
coisas parecem escalar para o físico, ele empura a menina e ela sai transtornada em direção ao pátio.
Você decide se esconder, você sente que tem algo estranho.</p>
<button class="btn-proximo" data-proximo="12">Me escondo no porão.</button>
</div>
<div class="passo" id="passo-10">
<img src="img/cenario-passo10-12.jpg" alt="">
<p>Você tenta separar as duas, mas acaba sendo
<p class="p3">MORDIDA NO BRAÇO.</p> Você pega sua amiga pelo braço e vocês saem correndo, a menina maluca
corre atrás de vocês.
<p>Para onde vocês vão? O que vocês fazem?</p>
</p>
<button class="btn-proximo" data-proximo="13">Pulamos o muro</button>
<button class="btn-proximo" data-proximo="14">Para a cozinha</button>
</div>
<div class="passo" id="passo-11">
<p>Você bloqueia a porta e fica lá, ouve barulhos estranho vindos de fora, mas espera até que alguém
apareça.
Você ouve alguem bater na porta o que você faz?</p>
<button class="btn-proximo" data-proximo="15">Abro a porta</button>
<button class="btn-proximo" data-proximo="16">Ignoro</button>
</div>
<div class="passo" id="passo-12">
<img src="img/cenario-passo10-12.jpg" alt="">
<p>Você tenta separar as duas, mas acaba sendo
<p class="p3">MORDIDA NO BRAÇO.</p>
Você pega sua amiga pelo braço e vocês saem correndo, a menina maluca
corre atrás de vocês.
<p>Para onde vocês vão? O que vocês fazem?</p>
<button class="btn-proximo" data-proximo="17">Nos escondemos numa sala de aula vazia</button>
<button class="btn-proximo" data-proximo="18">Nos escondemos no laboratório</button>
</p>
</div>
<div class="passo" id="passo-13">
<p>●BAD ENDING 2●</p>
<p> e sua amiga pulam o muro da escola e saem correndo pela rua, vocês param para descansar nas
mesinhas de um ponto comercial qualquer. Sua amiga começa a passar mal, soando muito e parando de te
responder de repente. Ela vai para cima de você, mas alguém a segura, tentam conter-la, mas é muito
dificil. As pessoas acabam chamando uma âmbulancia, acham que pode ser algum tipo de surto, em
contrapartida você também começa a passar mal e vai perdendo lentamente a consciência...</p>
<p>Nesse final acontece uma confusão generalizada onde várias outras pessoas acabam infectadas, as
autoridades
sanitárias e civis não conseguem conter a situação, a infecção se expalha e nimguém consegue conte-la.
(PARABÉNS, você começou um apocalipse zumbi🩷)</p>
<button class="btn-proximo" data-proximo="0">Jogue novamente</button>
</div>
<div class="passo" id="passo-14">
<img src="img/cenario-passo14.png" alt="">
<p>●BAD ENDING 3●</p>
<p>A autora está podre de cansada, não consegui terminar esse final de forma narrativa e
bonitinha então vou resumi-lo (de forma bem censurada e cheia de eufemismos para ficar mais family
friendly).</p>
<p>Onde você e sua amiga se escondem na cozinha da escola, vocês ficam com fome e descidem dividir a sua
marmita, mas sua amiga começa a passar mal e fica agressiva, indo para cima de você.Você se defende com
a sua “faquinha plástica de marmita” e ela fica ““desacordada””, você se sente culpada e já não estando
muito sã, se “desvive” com a “faquinha plástica de marmita”.</p>
<p>Nesse final você não descobre o porquê das pessoas estarem agressivas e também não sobrevive.(se você
escolheu a marmita pensando em se defender, saiba que não deu certo kk)(sinto lhe informar, mas a
violência não foi a resposta)</p>
<button class="btn-proximo" data-proximo="0">Jogue novamente</button>
</div>
<div class="passo" id="passo-15">
<p>●BAD ENDING 1●</p>
<p>É sua amiga, ela parece mal, o braço dela está machucado, vocês ficam juntas, escondidas no
porão.
Ela parece ficar gradualmente pior, encolhida em um canto da sala em silêncio, suando muito.
Quando você menos espera ela vai para cima de você.</p>
<p class="p3">VOCÊ PERDE A CONCIÊNCIA...</p>
<p>Em todo o caso a lição seria: Nunca abra a porta.
Mas se você não ajudou a sua amiga, você mereceu esse final (seu traira T_T )</p>
<button class="btn-proximo" data-proximo="0">Jogue novamente</button>
</div>
<div class="passo" id="passo-16">
<p>●FINAL NEUTRO 2●</p>
<p>Você continua escondida até que as autoridades sanitárias cheguem ao local, aparentemente
aconteceu algum tipo de infecção viral que deixa as pessoas agressivas, e se disseminar por contato com
flúidos corporais.
Alguns colegas seus, sua amiga e seu professor de biologia estão quarentenados, ainda não existe uma
resposta de onde essa infecção surgiu e de como trata-la.</p>
<p>Você sobreviveu, mas não descobriu a causa da infecção, seus amigos tambem continuam infectados.</p>
<button class="btn-proximo" data-proximo="0">Jogue novamente</button>
</div>
<div class="passo" id="passo-17">
<p>Vocês entram na sala e bloqueiam a porta e se recostam na parede, respiraram fundo, ficaram sentadas lá
por algum tempo ouvindo a menina esmurrar a porta.
Vocês começam a se sentir mal, soando demais e as feridas de mordida parecem ficar cada vez piores, suas
cabeças doem, é como se estivessem doentes. Você da um gole na sua garrafa de água e tem gosto de...
sal? Como se fosse soro, é estranho, você deixa a garrafa de lado.</p>
<p>Depois de alguns minutos é como se um peso tivesse sido tirado da suas costas, estava subtamente melhor,
a sensação havia ido embora. Bom, não demorou para somar 2 + 2, você ofereceu o soro estranho para sua
amiga que tambem melhorou</p>
<button class="btn-proximo" data-proximo="19">Esperamos por ajuda</button>
</div>
<div class="passo" id="passo-18">
<img src="img/cenario-passo18.jpg" alt="">
<p>Vocês entram no laboratório e bloqueiam a porta, depois de um tempo os barulhos de fora cesam e vocês se
acalmam o sulficiente para analisar o local, e aí, só aí, vocês percebem que não estão sozinhas.</p>
<p>eu professor está queimando papéis em um balde no canto da sala, ele parece irritado e febril, ele
aparenta também não ter notado vocês.
Analisando a cena mais a fundo é perceptível várias culturas e béqueres cheios de líquidos estranhos
espalhados pelas bancadas, o computador do professor também está destruído no chão como se tivesse sido
arremessado com muita força.</p>
<p>Ele percebe vocês o observando...</p>
<button class="btn-proximo" data-proximo="20">Espero para ver sua reação</button>
</div>
<div class="passo" id="passo-19">
<p>●Final Bom 2●</p>
<p>As autoridades sanitárias chegam, e constatam que aconteceu um surto de uma nova infecção viral que deixa
as pessoa agressivas. Você conta para eles da sua melhora depois de tomar o líquido da garrafa, eles a
levam para fazer análises e descobrem que o soro combate a infecção com anticorpos específicos contra o
próprio vírus. Parece estranho, mas eles só ignoram isso e usam o soro de origem desconhecida, a
impreensa noticia como se o trabalho super rápio das equipes de pesquisa salvou centenas de vidas, todos
os infectados haviam sido curados (a não ser o seu professor de biologia, diziam que ele havia tido um
mal súbito).</p>
<p>●Parabéns você sobreviveu e salvou várias pessoas, mas esse não é o final oficial.●</p>
<button class="btn-proximo" data-proximo="0">Jogue novamente</button>
</div>
<div class="passo" id="passo-20">
<p>●Final Bom1●</p>
<p>Ele vê vocês, mas permanece estático como se procesase a informação de sua presença.</p>
<p>Ele bugou, assim como a autora,(que não coseguiu terminar esse final de forma narrativa) abaixo temos um
resumo de como ele seria:</p>
<p>Você descobre que na verdade quem começou a epidemia foi o seu professor, fazendo alguns expreimentos com
modificação de vírus sem nenhum acompanhamento, regulamentação ou supervisão. Na história (que eu não
tive criatividade sulficiente para terminar) o professor teria uma redenção, onde adimite os seus erros
e não destrói a evidência de seus trabalhos. Dessa forma ele poderia ser curado, o que não acontece em
outros finais por ele contrair uma versão modificada do vírus (apesar de ser preso por má conduta
científica(sim isso existe)).</p>
<button class="btn-proximo" data-proximo="21">●DISCLAIMER●</button>
</div>
<div class="passo" id="passo-21">
<p>O professor do jogo apesar de ter uma obvia inspiração no nosso professor real de biologia, não tem nada
haver com o próprio, que nos ensinou muito bem a importância da BIOÉTICA, não tem surtos de
irritabilidade e não bebe líquidos suspeitos. (●'◡'●)
(esse é o final oficial)</p>
<button class="btn-proximo" data-proximo="0">Jogue novamente</button>
</div>
</main>
<script src="script.js"></script>
</body>
</html>