-
Notifications
You must be signed in to change notification settings - Fork 0
/
scenes.html
742 lines (655 loc) · 51.7 KB
/
scenes.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
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Quantico" rel="stylesheet">
<!--<link rel="stylesheet" type="text/css" href="css/image.css">
<link rel="stylesheet" type="text/css" href="css/textBox.css">-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="javascript/button.js"></script>
<!--<script type="text/javascript" src="javascript/warning.js"></script>-->
</head>
<body>
<script>
window.onload = function() {
current_scene = "d1_Waking_Up"
$("#fading img").removeClass("opaque");
$("#scenes div").removeClass("opaque");
$("#" + current_scene).addClass("opaque");
$("#" + current_scene + "_img").addClass("opaque");
let height_text = $("#"+current_scene + " .text_rec p").height()
let height_choice = $("#"+current_scene + " .choice span").height()
let height_total = height_text + height_choice
$("#"+current_scene + " .text_rec").css("height", height_total)
resizeImage()
}
</script>
<div class="flex-container">
<div id="fading" class="shadow">
<img id="d1_Waking_Up_img" src="images/day1/1_room-morning.jpg" />
<img id="d1_Breakfast_img" src="images/day1/2_breakfast.jpg" />
<img id="d1_Metro_Terminal_img" src="images/day1/3_metro-terminal.jpg" />
<img id="d1_Metro_Station_img" src="images/day1/4_metro-station.jpg" />
<img id="d1_Pedestrian_Crossing_img" src="images/day1/5_streets.jpg" />
<img id="d1_Arriving_At_School_img" src="images/day1/6_school-entrance.jpg" />
<img id="d1_Making_A_Choice_img" src="images/day1/7.0_school-court.jpg" />
<img id="d1_Choose_Guys_img" src="images/day1/7.1_school_guys.jpg" />
<img id="d1_Choose_Mona_img" src="images/day1/7.2_school_mona.jpg" />
<img id="d1_In_the_classroom_img" src="images/day1/8_classroom.jpg" />
<img id="d1_At_the_supermarket_img" src="images/day1/9_supermarket.jpg" />
<img id="d1_Back_Home2_img" src="images/day1/9b_room-night.jpg" />
<img id="d2_Leaving_Home_img" src="images/day2/10_leaving.jpg" />
<img id="d2_Arriving_At_School_img" src="images/day2/11_school-entrance.jpg" />
<img id="d2_Chosen_Mona_img" src="images/day2/11.2_school_mona.jpg" />
<img id="d2_Basket_Field_img" src="images/day2/12_basketball.jpg" />
<img id="d2_Health_Insurance_img" src="images/day2/13_health.jpg" />
<img id="d2_Metro_Refused_img" src="images/day2/14_metro-refused.jpg" />
<img id="d2_Mona_Crying_img" src="images/day2/14.5_mona-streets.jpg" />
<img id="d2_Talk_To_Mona_img" src="images/day2/14.5_mona-streets.jpg" />
<img id="d2_Back_Home_img" src="images/day3/17_room-night.jpg" />
<img id="d3_School_Guys_img" src="images/day3/16_school_guys.jpg" />
<!-- <img id="d3_Before_Event_with_Mona_img" src="images/day3/17_room-night.jpg" /> -->
<img id="d3_Before_Event_with_Mona_img" src="images/day2/15_back-home.jpg" />
<!-- <img id="d3_Before_Event_without_Mona_img" src="images/day3/17_room-night.jpg" /> -->
<img id="d3_Before_Event_without_Mona_img" src="images/day2/15_back-home.jpg" />
<img id="Ending_Conformist_2_img" src="images/endings/conformist.jpg" />
<img id="Ending_Conformist_3_img" src="images/endings/conformist3.jpg" />
<img id="Ending_Rebellion_3_img" src="images/endings/mona-missing.jpg" />
<img id="Ending_Rebellion_4_img" src="images/endings/rebellion2.jpg" />
<img id="Ending_Rebellion_6_img" src="images/endings/rebellion.jpg" />
</div>
<div id="scenes">
<div id="d1_Waking_Up" class="scene">
<div class="text_rec">
<p>
Une nouvelle journée commence. L'alarme sonne: 7h30. Encore embué de sommeil, Aaron attrape son smartphone pour éteindre la sonnerie et regarder au passage les notifications qu'il a reçues durant la nuit. Quelques-uns de ses amis ont liké la photo qu'il avait postée le soir d'avant. Content, il se lève pour aller prendre son petit-déjeuner.
</p>
<div class="choice">
<span class="choice_item" onclick="process(0,0,"d1_Breakfast")">
<p>Continuer</p>
</span>
</div>
</div>
</div>
<div id="d1_Breakfast" class="scene">
<div class="text_rec">
<p>
Alors qu'il survole les news sur sa tablette; un titre attire son regard: « Retrouvez vos origines ancestrales et vos cousins éloignés en 24 heures ! ». L'article en question vante les avantages de stocker son ADN dans une base de donnée médicale avec apparemment uniquement des bénéfices. Au bas de l'article, une pub offre une réduction de prix importante sur la procédure de stockage, la rendant très abordable. Aaron hésite: l'offre est alléchante mais semble trop belle pour être vraie.
</p>
<div class="choice">
<span class="choice_item"
onclick="dna_stored = true; process(0,0,"d1_Metro_Terminal")">
<p>Saisir l'occasion et envoyer son ADN</p>
</span>
<span class="choice_item"
onclick="dna_stored = false; process(0,0,"d1_Metro_Terminal")">
<p>Décliner l'offre</p>
</span>
</div>
</div>
</div>
<div id="d1_Metro_Terminal" class="scene">
<div class="text_rec">
<p>
En chemin pour le métro qui l'amènera à l'université, Aaron passe devant les nouveaux panneaux de publicité SmartPub® – récemment installés – qui changent à son approche pour afficher différentes pubs montrant les mérites du big data, du stockage d'ADN et de la reconnaissance faciale. Machinalement, Aaron traverse le portique de sécurité où se fait l'association entre son visage et son abonnement de transport.
</p>
<div class="choice">
<span class="choice_item"
onclick="process(0,0,"d1_Metro_Station")">
<p>Continuer</p>
</span>
</div>
</div>
</div>
<div id="d1_Metro_Station" class="scene">
<div class="text_rec">
<p>
Une fois dans le wagon, il reçoit une notification sur son smartphone lui conseillant d'éviter une personne au <b>score social</b> faible (catégorie: peu fréquentable) présente dans ce même wagon. Aaron lève les yeux et aperçoit un homme seul dans un coin, entouré d'un cordon invisible que personne ne semble vouloir franchir. « Il a l'air assez normal, pense Aaron, mais on dit que les apparences sont trompeuses ». Ses réflexions sont interrompues par une voix lasse, annonçant au micro un retard dû à un accident de personne.
<br/><br/>
Aaron espère ne pas être en retard aux cours.
</p>
<div class="choice">
<span class="choice_item"
onclick="process(0,0,"d1_Pedestrian_Crossing")">
<p>Continuer</p>
</span>
</div>
</div>
</div>
<div id="d1_Pedestrian_Crossing" class="scene">
<div class="text_rec">
<p>
Après un long trajet dans un métro bondé et en retard, Aaron arrive enfin aux abords de l'université. Il pourrait peut-être encore être à l'heure, mais il lui reste à traverser un passage piéton dont le feu vient juste de passer au rouge. Aucune voiture n'étant en vue, Aaron hésite:
</p>
<div class="choice">
<span class="choice_item"
onclick="activateWarning('Le GPS indique une infraction.','Votre score civil diminue.');process(0,-1,"d1_Arriving_At_School")">
<p>Passer au rouge et arriver juste à l'heure</p>
</span>
<span class="choice_item"
onclick="activateWarning('Vous êtes arrivé en retard.','Votre score social diminue.');process(-1,0,"d1_Arriving_At_School")">
<p>Attendre le feu vert et arriver assurément en retard</p>
</span>
</div>
</div>
</div>
<div id="d1_Arriving_At_School" class="scene">
<div class="text_rec">
<p>
« Un jour de plus à passer ce portail » se lamente Aaron. Il préférerait apprendre par la pratique à la place d'ingurgiter ce torrent d'information théorique. Néanmoins, les hautes études sont aujourd'hui un passage obligatoire pour pouvoir prétendre à un emploi convenable. Décidé à prendre son mal en patience, il pénètre l'enceinte de l'université.
</p>
<div class="choice">
<span class="choice_item"
onclick="process(-1,0,"d1_Making_A_Choice")">
<p>Continuer</p>
</span>
</div>
</div>
</div>
<div id="d1_Making_A_Choice" class="scene">
<div class="text_rec">
<p>
Après le premier cours du matin, Aaron sort prendre l'air dans la cour. Il aperçoit à gauche cette fille assise sur le même banc qu'à son habitude, toujours seule. Il sait qu'elle s'appelle Mona et que personne n'ose s'en approcher à cause de sa mauvaise réputation. Aaron check rapidement sur son smartphone: le <b>score social</b> de Mona n'est pas un mythe, il est extrêmement bas – même par rapport à lui, qui n'est pas une star non plus. Un souvenir lointain lui revient soudainement; on lui avait soufflé à son arrivée qu'elle en était là à cause de ses parents, d'anciens activistes anti-système, dont le mauvais score s'était indirectement transféré sur elle. Il se dit qu'il pourrait quand même aller lui parler une fois. <br/>
De l'autre côté de la cour, à sa droite, sont assis les bons élèves, chacun avec un <b>score social</b> élevé. D'habitude pendant les pauses, de nombreuses personnes vont vers eux pour discuter et améliorer leur score grâce à une récompense de « Bonne fréquentation ». Aaron aimerait aussi aller leur parler, simplement parce qu'ils ont l'air cools.
</p>
<div class="choice">
<span class="choice_item"
onclick="
talked_to_Mona=true;
process(-1,0,"d1_Choose_Mona")">
<p>Aller discuter avec Mona</p>
</span>
<span class="choice_item"
onclick="process(1,0,"d1_Choose_Guys")">
<p>Rejoindre le groupe d'étudiants</p>
</span>
</div>
</div>
</div>
<div id="d1_Choose_Mona" class="scene">
<div class="text_rec">
<p>
« Salut, lance Aaron. <br/>
— Hello, répond Mona. Tu sais... tu ne devrais pas trop me parler, je n'ai pas envie que ça te retombe dessus... <br/>
— À cause de ton <b>score social</b>? <br/>
— Entre autre... <br/>
— Pourquoi t'es toujours toute seule ? demandes Aaron. T'as l'air plutôt sympa pourtant.<br/>
— Les gens partent en général après le premier message... souffle Mona.<br/>
— Quel message ? »<br/>
La sonnerie de fin de pause l'interrompt brusquement et les deux rejoignent la colonne de gens retournant dans le bâtiment.
<br/><br/>
Après avoir franchi la porte d'entrée, Aaron sent sa poche vibrer.
</p>
<div class="choice">
<span class="choice_item"
onclick="activateWarning('Mauvaise fréquentation','Votre score social diminue.');
process(-1,0,"d1_In_the_classroom")">
<p>Continuer</p>
</span>
</div>
</div>
</div>
<div id="d1_Choose_Guys" class="scene">
<div class="text_rec">
<p>
Aaron s'approche du groupe avec qui il échange une blague ou deux avant d'être écarté par d'autres personnes empressées de faire partie de la conversation. Il s'éloigne en attendant la fin de la pause, satisfait d'avoir au moins pu dire quelque chose.<br/><br/>
Après avoir franchi la porte d'entrée, Aaron sent sa poche vibrer.
</p>
<div class="choice">
<span class="choice_item"
onclick="activateWarning('Bonne fréquentation','Votre score social augmente.', 'good');process(-1,0,"d1_In_the_classroom")">
<p>Continuer</p>
</span>
</div>
</div>
</div>
<div id="d1_In_the_classroom" class="scene">
<div class="text_rec">
<p>
« Aujourd'hui, vous allez recevoir la note de votre dernier examen. Je vous appellerai par votre nom et vous viendrez checher votre copie; je commencerai par le moins bon en gardant le meilleur pour la fin » annonce le professeur, satisfait de son arrangement.<br/>
Aaron n'aime pas cette manière de faire, étant toujours appelé avant que le prof n'ait atteint la moitié des noms, ce qui entraîne à chaque fois un walk of shame pour aller récupérer sa feuille. Cette fois, il s'en sort avec une note suffisante. Il n'en est pas particulièrement fier mais ça lui permet de rester légèrement au dessus de la moyenne et donc de passer son année. <br/>
La danse se termine avec la remise des notes, sous applaudissements, des cinq meilleurs examens.<br/><br/>
Aaron continue d'écouter le cours en attendant impatiemment la fin de la journée.
</p>
<div class="choice">
<span class="choice_item"
onclick="process(-1,0,"d1_At_the_supermarket")">
<p>Continuer</p>
</span>
</div>
</div>
</div>
<div id="d1_At_the_supermarket" class="scene">
<div class="text_rec">
<p>
Les cours terminés, Aaron file pour rentrer chez lui. Sur le chemin, il se rappelle qu'il n'a pas rempli son frigo dernièrement et qu'il risque de ne rien avoir à manger s'il ne passe pas au supermarché.<br/>
Arrivé sur place, il s'empare de plats qu'il pourrait faire sans trop cuisiner: pizzas surgelées, plats déjà préparés et des pâtes. Avec ça, il ajoute quelques bières et des biscuits pour se faire plaisir. Il passe directement à la caisse avec paiement via reconnaissance faciale, pour ne pas avoir à sortir son porte-monnaie. Le voyant, une hôtesse de caisse l'aborde et lui explique qu'en tant que bon client il peut bénéficier de la fidelity card du supermarché, permettant d'avoir des rabais personnalisés sur les produits les plus intéressants pour lui et tout ça gratuitement.
</p>
<div class="choice">
<span class="choice_item"
onclick="fidelity_card=true;process(0,0,"d1_Back_Home")">
<p>Obtenir la carte pour un rabais immédiat de 20%</p>
</span>
<span class="choice_item"
onclick="process(0,0,"d1_Back_Home")">
<p>Rejeter la proposition</p>
</span>
</div>
</div>
</div>
<div id="d1_Back_Home" class="scene">
<div class="text_rec">
<p>
Une fois arrivé chez lui, les courses rangées aux bons endroits, Aaron se dit qu'il a un peu de temps avant le coucher du soleil pour enfin aller courir; il ne l'avait pas fait depuis plusieurs semaines pour diverses raisons. D'un autre côté, un documentaire sur les révolutions dans le monde (qu'il attendait depuis longtemps !) passe au même moment.
</p>
<div class="choice">
<span class="choice_item"
onclick="ran=true;process(0,0,"d1_Back_Home2")">
<p>Aller courir</p>
</span>
<span class="choice_item"
onclick="process(0,0,"d1_Back_Home2")">
<p>Regarder le documentaire</p>
</span>
</div>
</div>
</div>
<div id="d1_Back_Home2" class="scene">
<div class="text_rec">
<p>
Plus tard, la fatigue commençant à se faire sentir, Aaron se prépare pour aller se coucher et se glisse dans ses draps. Il passe un moment à jouer à des jeux de réflexion/stratégie puis vérifie pour la dernière fois qu'il n'a pas manqué de notification de ses amis.
</p>
<div class="choice">
<span class="choice_item"
onclick="process(0,0,"d2_Leaving_Home")">
<p>Continuer</p>
</span>
</div>
</div>
</div>
<!-- Day 2 -->
<div id="d2_Leaving_Home" class="scene">
<div class="text_rec">
<p>
Le lendemain, encore étrangement fatigué, Aaron quitte son appartement.
</p>
<div class="choice">
<span class="choice_item"
onclick="updateText_d2_At_school();process(0,0,"d2_Arriving_At_School")">
<p>Continuer</p>
</span>
</div>
</div>
</div>
<div id="d2_Arriving_At_School" class="scene">
<div class="text_rec">
<p id="d2_At_school_text"></p>
<div class="choice">
<span class="choice_item"
onclick="if (talked_to_Mona)
process(0,0,"d2_Chosen_Mona")
else
process(0,0,"d2_Basket_Field")">
<p>Continuer</p>
</span>
</div>
</div>
</div>
<div id="d2_Chosen_Mona" class="scene">
<div class="text_rec">
<p>
Les deux discutent quelques minutes avant d'avoir leur attention attirée par un des écrans d'information. Il arbore une affiche flamboyante présentant l'équipe de basket. « Recherche de nouvelles recrues talentueuses ! » tonne l'annonce. Aaron, les yeux pétillants d'excitation, avoue qu'il pensait justement rejoindre l'équipe parce qu'il avait fait du basket plus jeune à un niveau relativement élevé et qu'il aimait profondément l'énergie explosive des matchs. Contente de le voir si enthousiaste, Mona l'encourage à aller voir l'entraîneur lors de la session de midi pour rencontrer l'équipe et participer à l'échauffement. Aaron lui promet de faire ça et file en cours.
</p>
<div class="choice">
<span class="choice_item"
onclick="process(0,0,"d2_Basket_Field")">
<p>Continuer</p>
</span>
</div>
</div>
</div>
<div id="d2_Basket_Field" class="scene">
<div class="text_rec">
<p>
Arrivé sur place pour midi, Aaron ne tient plus sur place en enfilant son équipement. Déboulant dans le gymnase, il est stoppé net par l'entraîneur.<br />
« Hey, pas si vite mon gars ! T'as rempli les documents d'inscription pour pouvoir participer ?<br />
— Quels documents ? demande Aaron.<br />
— Ceux-là, dit l'entraîneur en agitant un paquet de formulaire. Il faut indiquer nom, prénom, assurance santé, année scol–<br />
— Quoi ?! Il faut une assurance santé ?! s'inquiète Aaron.<br />
— ... Oui, répond l'entraîneur, un peu agacé de s'être fait interrompre, c'est la loi. Pour les sports avec des contacts entre joueurs c'est devenu obligé. Pas d'assurance, pas de basket. Allez, si tu bouges tes petites jambes tu peux foncer la faire maintenant et revenir avant que l'on ait fini.»
</p>
<div class="choice">
<span class="choice_item"
onclick="updateText_d2_At_health_insurance();process(0,0,"d2_Health_Insurance")">
<p>Courir faire une assurance</p>
</span>
</div>
</div>
</div>
<div id="d2_Health_Insurance" class="scene">
<div class="text_rec">
<p id="d2_At_health_insurance_text"></p>
<div class="choice">
<span class="choice_item"
onclick="activateWarning('CCTV : Comportement violent détecté','Votre score civil diminue.');
process(0,-1,"d2_Metro_Refused")">
<p>Continuer</p>
</span>
</div>
</div>
</div>
<div id="d2_Metro_Refused" class="scene">
<div class="text_rec">
<p>
En colère et se sentant humilié, Aaron se dirige vers une bouche de métro pour rentrer chez lui. Son esprit tourne à deux cent à l'heure, cherchant une solution à cette boucle sans fin. Arrivé devant le portique, il lève les yeux pour le contrôle de ticket. Les portes tardent à s'ouvrir. Il regarde autour de lui et l'écran en face de lui clignote d'un rouge accusateur : Il vient de se faire interdire l'accès au métro.<br/><br/>
Au milieu des raisons affichées, il déchiffre: « <b>Score civil</b> de l'usager récemment en forte baisse et état colérique présent chez l'usager ». Effondré, il se résigne à rentrer chez lui à pied.
</p>
<div class="choice">
<span class="choice_item"
onclick="process(0,0,"d2_Mona_Crying")">
<p>Continuer</p>
</span>
</div>
</div>
</div>
<div id="d2_Mona_Crying" class="scene">
<div class="text_rec">
<p>
Avant d'arriver à son appartement, Aaron voit de loin une silhouette familière. C'est Mona. Même à cette distance, il voit des larmes perler sur ses joues. Toujours en colère, il ne se sent pas capable de discuter avec elle sans la blesser, mais il voit bien que quelque chose ne va pas bien.
</p>
<div class="choice">
<span class="choice_item"
onclick="activateWarning('GPS / CCTV : Mauvaise fréquentation','Votre score social diminue.');
stopped_when_Mona_sad=true;
process(-1,0,"d2_Talk_To_Mona")">
<p>S'arrêter vers Mona</p>
</span>
<span class="choice_item"
onclick="process(0,0,"d2_Ignore_Mona")">
<p>Rentrer</p>
</span>
</div>
</div>
</div>
<div id="d2_Talk_To_Mona" class="scene">
<div class="text_rec">
<p>
Aaron essaye de se calmer en abordant Mona.<br />
« Qu'est-ce qu'il y a ? lâche-t-il maladroitement, laissant échapper une pointe d'énervement. <br />
— J-je ne sais plus quoi faire... sanglote Mona. Je me sens prise au piège, perdue dans un cercle vicieux qui ne veut pas que je sorte, dans un monde qui ne veut plus de moi et–<br />
— Ton score social ! s'empresse Aaron, c'est bien ça le problème ?<br />
— Oui... J'ai tout essayé, je n'arrive pas à le remonter... <br />
— Qu'est-ce qui se passe ? » interroge Aaron.<br /><br />
Mona prend une profonde inspiration et une longue discussion s'ensuit, durant laquelle elle expose à Aaron tout ce qui l'empêche de s'en sortir. Notamment, elle explique qu'elle ne peut pas se faire d'amis dont le score social est similaire au sien sous peine de figer son score au même niveau. D'un autre côté, essayer de se lier d'amitié avec d'autres gens est peine perdue car son score affreusement bas les effraient bien trop. <br /><br />
À la fin des explications Aaron acquiesce, abasourdi. Il vient d'entrer dans le monde de Mona qui, quelques heures plus tôt, lui semblait impensable. Après cette révélation et l'épisode de l'assurance, Aaron commence à sentir une gêne oppressante grandir au fond de lui. Il lui dit qu'il veut l'aider, que ça n'est pas normal qu'elle vive comme ça et qu'il veut chercher des solutions pour améliorer la situation.<br /><br />
Aujourd'hui, le système qui lui semblait si bien fonctionner révélait lentement sa face injuste et arbitraire.
</p>
<div class="choice">
<span class="choice_item"
onclick="updateText_d2_At_home();process(0,0,"d2_Back_Home")">
<p>Continuer</p>
</span>
</div>
</div>
</div>
<div id="d2_Ignore_Mona" class="scene">
<div class="text_rec">
<p>
Aaron évite Mona et rentre chez lui, se disant qu'il vaut mieux qu'ils ne se parlent pas.
</p>
<div class="choice">
<span class="choice_item"
onclick="updateText_d2_At_home();process(0,0,"d2_Back_Home")">
<p>Continuer</p>
</span>
</div>
</div>
</div>
<div id="d2_Back_Home" class="scene">
<div class="text_rec">
<p id="d2_At_home_text"></p>
<div class="choice">
<span class="choice_item"
onclick="process(0,0,"d3_School_Guys")">
<p>Continuer</p>
</span>
</div>
</div>
</div>
<!-- Day 3 -->
<div id="d3_School_Guys" class="scene">
<div class="text_rec">
<p>
Le lendemain, Aaron arrive à l'université et trouve quelques joueurs de l'équipe de basket sur un banc. Ceux-ci, qui l'avaient vu la veille sur le terrain avant qu'il ne parte, lui demandent s'il est prêt pour commencer les entraînements. Il leur répond qu'il n'a pas pu faire d'assurance pour des raisons qu'il trouve stupides. Sa réponse est accueillie avec quelques haussements de sourcil et un air dédaigneux avant que les joueurs se tournent les uns vers les autres et changent de sujet, ayant visiblement perdu tout intérêt pour leur interlocuteur. Un peu dépité, Aaron comprend qu'on le considère responsable de ne pas avoir pu prendre une simple assurance. <br/><br/>
Il se retrouve seul, au pied des escaliers de la cour, lorsqu'une des secrétaires descend dans la cour, s'approche de lui et lui dit: « Le directeur veut vous voir immédiatement. »
</p>
<div class="choice">
<span class="choice_item"
onclick="activateWarning('Médias sociaux : faible cercle social','Votre score social diminue.');
process(0,0,"d3_Director")">
<p>Continuer</p>
</span>
</div>
</div>
</div>
<div id="d3_Director" class="scene">
<div class="text_rec">
<p>
Aaron arrive dans le bureau du directeur. Celui-ci lui fait signe de s'asseoir et prend un air austère: <br/>
« Monsieur, nous avons eu vent d'un élève dernièrement à la dérive. Cet élève, c'est vous. Après investigation de votre dossier, nous nous sommes aperçu que vous aviez des notes à peine suffisantes et aucun signe de redressement. Un élément a particulièrement attiré notre attention: les jeux de réflexion auxquels vous jouez montrent que vous avez un niveau pré-universitaire, ce qui indique que vous n'avez pas acquis les bases enseignées ici. C'est pourquoi nous avons décidé d'agir, pour votre bien. Vous allez refaire cette année académique, afin de vous perfectionner et obtenir des notes plus convenables.» <br/><br/>
Aaron ne s'attendait pas à une telle nouvelle. Il sent la colère lui monter à la tête. Si ça avait été un autre temps, il serait parti du bureau, lèvres pincées, avec un semblant de composition mais aujourd'hui... Avec tout ce qu'il a subi ces derniers jours on ose encore lui annoncer ça. Il serre les poings et éclate. <br/>
« Pourquoi est-ce que je devrais tout faire parfaitement ?! Ces jeux, j'y joue pour me détendre et maintenant j'apprends qu'on me juge aussi là-dessus ?! Vous ne savez rien de moi, de ce que j'ai enduré ces derniers jours !<br/>
— Nous savons plus que nécessaire, Monsieur, répond le directeur, impassible. Je vais maintenant vous demander de partir avant de devoir appeler la sécurité. Et votre colère... vous n'améliorez pas votre cas. »<br/><br/>
Aaron, dans un éclair de lucidité, sort du bureau avant que ça ne dégénère. Un peu perdu, il décide de rentrer chez lui pour le reste de la journée. Son smartphone vibre.
</p>
<div class="choice">
<span class="choice_item"
onclick="activateWarning('CCTV : Comportement violent détecté<br />Université : Année échouée','Votre score civil diminue.<br />Votre score social diminue.');
if(stopped_when_Mona_sad){
process(-1,-1,"d3_Before_Event_with_Mona")
} else {
process(-1,-1,"d3_Before_Event_without_Mona")
}">
<p>Continuer</p>
</span>
</div>
</div>
</div>
<div id="d3_Before_Event_with_Mona" class="scene">
<div class="text_rec">
<p>
Dans l'après-midi, une invitation d'un ami arrive sur son smartphone. Il organise une fête le soir même et demande à Aaron s'il aimerait venir. « Au moins ça pourrait faire monter mon <b>score social</b> », ironise amèrement ce dernier. Mona ne serait de toute façon pas invitée à ce genre d'événement; Aaron hésite donc à l'appeler pour qu'ils sortent tous les deux à la place.
</p>
<div class="choice">
<span class="choice_item"
onclick="process(0,0,"Ending_Rebellion_1")">
<p>Sortir avec Mona</p>
</span>
<span class="choice_item"
onclick="process(0,0,"Ending_Conformist_1")">
<p>Aller à la fête de son ami</p>
</span>
</div>
</div>
</div>
<div id="d3_Before_Event_without_Mona" class="scene">
<div class="text_rec">
<p>
Dans l'après-midi, une invitation d'un ami arrive sur son smartphone. Il organise une fête le soir même et demande à Aaron s'il aimerait venir. « Au moins ça pourrait faire monter mon <b>score social</b> », ironise amèrement ce dernier.
</p>
<div class="choice">
<span class="choice_item"
onclick="process(0,0,"Ending_Conformist_1")">
<p>Continuer</p>
</span>
</div>
</div>
</div>
<!-- Rebellion -->
<div id="Ending_Rebellion_1" class="scene">
<div class="text_rec">
<p>
Elle l'attendait adossée au portail de l'université, baignée dans la lumière chaleureuse d'un lampadaire, un petit sourire réjoui au coin des lèvres. De là, ils partent pour la vieille ville dont les rues avaient été ornées de lampions colorés pour la saison estivale. Le léger balancement des lumières dans le vent tiède donne à leur balade un air féerique et coupé de l'influence du temps. Ils ne voient plus les regards méprisants et hautains des passants: ils ne font plus partie du même monde. Les deux discutèrent longuement, s'aventurant selon leurs envies au hasard des ruelles. Aaron apprécie chez Mona sa gentillesse et sa lucidité; Mona aime son honnêteté et sa bienveillance.<br/><br/>
Arrivés en face d'une fontaine scintillant de milles feux, Mona se retourne vers Aaron et lui prend la main:<br/>
« Tu sais... commence-t-elle. Je suis vraiment contente que tu m'aies parlé l'autre jour, je ne sais pas ce qui se serait passé si je n'avais eu personne pour m'aider. Je crois que je ne suis pas assez forte pour supporter tout ça.<br/>
— Tu es la personne la plus forte que je connaisse, lui assure Aaron. Mais tu as tout le poids d'un système inhumain sur les épaules; n'importe qui faiblirait...<br/>
– J'aimerai que tous les jours soient comme aujourd'hui, sanglote Mona, les yeux remplis de larmes. Ne pas avoir à me soucier de mon score, du métro qui me refuse, d'être huée dans la rue...<br/>
– Je te promets que tu pourras vivre normalement un jour, je vais tout faire pour. »<br/><br/>
Mona se colle contre Aaron, qui l'enlace délicatement de ses bras alors qu'elle fond en larmes.
</p>
<div class="choice">
<span class="choice_item"
onclick="process(0,0,"Ending_Rebellion_2")">
<p>Continuer</p>
</span>
</div>
</div>
</div>
<div id="Ending_Rebellion_2" class="scene">
<div class="text_rec">
<p>
Les jours et les semaines passent. Mona et Aaron ont trouvé un rythme qui leur convient: elle l'aide pour les cours et il la soutient à travers les moments difficiles. Même s'il ne compte toujours pas parmi les meilleurs élèves, Aaron espère changer la décision du directeur en dépassant ses attentes. « Aaron sur le chemin de la rédemption ! » lance-t-il à son amie. Dernièrement, il voit un certain abattement dans les yeux de Mona alors il profite de toutes les occasions pour essayer de lui remonter le moral. Il se dit qu'une fois l'université terminée, il sera enfin libre de changer les choses.<br/><br/>
Mona dort de moins en moins, violentée par des cauchemars où on l'arrête dans la rue et on lui annonce qu'avec son score, elle n'a plus le droit de vivre. Elle souffre, mais le cache à Aaron pour ne pas casser sa bonne humeur qu'elle aime tant.
</p>
<div class="choice">
<span class="choice_item"
onclick="process(0,0,"Ending_Rebellion_3")">
<p>Continuer</p>
</span>
</div>
</div>
</div>
<div id="Ending_Rebellion_3" class="scene">
<div class="text_rec">
<p>
Après sa session de course à pied, Aaron rentre chez lui. Il fait beaucoup d'efforts en ce moment pour remettre sa santé aux normes étatiques et bénéficier de réductions sur son assurance: il mange des produits agréés, fait du sport, ne se couche pas trop tard... <br/><br/>
Cependant, il est inquiet: Mona n'a pas répondu à ses messages. Il appelle. Pas de réponse. En arrivant devant son lit, il voit un mot posé sur son oreiller: « Je suis désolée... ». Le sang d'Aaron ne fait qu'un tour. Est-ce que ça veut dire qu'elle le quitte ? Il craint malheureusement que ça ne soit bien pire. <br/><br/>
Il part en trombe, descend la rue, traverse au milieu du carrefour sous les klaxons, saute le muret de la propriété, pénètre dans l'immeuble et monte les marches quatre à quatre. Il arrive devant la porte de l'appartement de Mona. Elle est ouverte. Il entre, appelant désespérément son amour, sans réponse... Et il la voit, inerte dans son lit, une boîte de médicaments vide au sol. Pris de panique, il la secoue, l'appelle, la supplie... en vain. Se ressaisissant, il commande une ambulance pour elle; il lui faut absolument des soins immédiats. Quelques instants plus tard, il reçoit la confirmation: « Ambulance pour Mona Thusia, priorité faible: 2h15 d'attente. Merci de votre patience ». Sous le choc, il perd conscience. <br/><br/>
Il se réveille dans sa chambre, désorienté. Sur son smartphone, une notification de l'hôpital: « Enterrement de Mona Thusia, demain à 7h30. Morgue ouverte aujourd'hui entre 12h et 18h pour visiter la défunte. » Une facture y est jointe. Aaron sombre à nouveau.
</p>
<div class="choice">
<span class="choice_item"
onclick="process(0,0,"Ending_Rebellion_4")">
<p>Continuer</p>
</span>
</div>
</div>
</div>
<div id="Ending_Rebellion_4" class="scene">
<div class="text_rec">
<p>
Quelques jours après l'enterrement de Mona, Aaron déambule dans les ruelles qu'ils avaient traversées lors de cette première soirée ensemble. Il se demande comment tout a pu se passer si vite. Il s'attend à la voir surgir à chaque coin de rue et s'apercevoir que tout n'était qu'un rêve.<br/><br/>
Plongé dans ses souvenirs, il met plusieurs secondes à comprendre que quelqu'un l'appelle par son prénom. Il se retourne et voit un homme encapuchonné lui faire signe de s'approcher. Un peu méfiant, il s'avance.<br/><br/>
« Écoute Aaron, je n'ai pas beaucoup de temps avant que les caméras ne se réactivent. Je sais tout pour Mona. Ses parents étaient des héros dans notre groupe et leurs pertes ainsi que celle de Mona sont pour nous des échecs. Nous voulons changer ce système qui nous gouverne et nous écrase. Rejoins-nous pour le renverser ! Nous savons que tu connais l'absurdité de ce régime, sans quoi tu ne serais pas allé vers Mona la première fois. <br/>
— Pourquoi ne pas avoir l'avoir sauvée si vous saviez ce qui allait se passer ?! désespère Aaron.<br/>
— C'était impossible Aaron. Nous ne sommes pas assez et le moindre pas de travers aurait menacé notre révolution. »<br/><br/>
Il marque un temps de pause.<br/><br/>
« Dans ce colis se trouve un smartphone crypté ainsi que les instructions de mise en place. Si tu prends cette boîte, nous te considérerons comme faisant partie des nôtres et tu recevras un entraînement spécial pour te mettre à niveau. Aaron, c'est l'unique proposition que nous allons te faire: Veux-tu rejoindre notre organisation et renverser ce système injuste ? »
</p>
<div class="choice">
<span class="choice_item"
onclick="process(0,0,"Ending_Rebellion_5")">
<p>Prendre le colis</p>
</span>
<span class="choice_item"
onclick="process(0,0,"Ending_Conformist_2")">
<p>Refuser l'offre</p>
</span>
</div>
</div>
</div>
<div id="Ending_Rebellion_5" class="scene">
<div class="text_rec">
<p>
Les années passent. 99.83% de la population a maintenant son génome entre des mains tierces. Cela a commencé avec une certaine pression sociale pour s'assurer d'une progéniture saine, puis la promesse de réduction des primes et le fichage pour raisons de sécurité avait achevé le tableau. Chaque individu donnant l'accès à son ADN livrait aussi les données les plus intimes de sa famille proche, souvent inconsciemment. <br/>
Dans une vague de renforcement des lois sur la sécurité, l'encryption de données avec des clefs dont le gouvernement ne possède pas le double est devenue illégale. Quiconque enfreignant cette règle devient suspect et sujet à une surveillance rapprochée. <br/>
Là où la sécurité règne, le peuple se meurt. Les fautes de jeunesse rattrapent les jeunes adultes pour les marquer à vie. Certains couples se voient interdits de procréer à cause de risques d'anomalies chez l'enfant trop élevés. La moindre déviation par rapport à l'une des nombreuses normes tacitement imposées est exposée et jugée. Petit à petit, le suicide est devenu une des causes principales de mortalité. <br/><br/>
Deux ans après qu'il a pris le colis, Aaron contemple ce qu'il avait accompli durant ce temps. Il a dû vivre une vie double pour ne pas éveiller le moindre soupçon. Chaque jour à l'université, il devait se fondre dans la masse. Le soir, il simulait le Aaron qu'il n'était plus pendant qu'il s'attelait à sa véritable tâche: sa formation dans l'organisation. <br/><br/>
Il est prêt. Le changement arrive.
</p>
<div class="choice">
<span class="choice_item"
onclick="process(0,0,"Ending_Rebellion_6")">
<p>Agir</p>
</span>
</div>
</div>
</div>
<div id="Ending_Rebellion_6" class="scene">
<!-- <p>Image finale pour la fin 'rebellion'</p> -->
<div class="text_rec">
<p>
Il savait ce qu'il avait à faire. L'entraînement l'avait vu émerger comme le plus doué de son groupe et c'est naturellement qu'il avait été investigué de cette mission cruciale. Sur son ordinateur portable, il commençait la connexion au serveur central. Il n'avait pas encore le contrôle du serveur mais la faille dont on lui avait parlée au briefing était bien présente et il allait l'exploiter. Encore quelques instants et il sera prêt à mener à bien ce qui lui avait été confié: « Opération Disconnect » <br/><br/>
« Pour Mona », murmure-t-il avant d'appuyer sur la touche fatidique.
</p>
<div class="choice">
<span class="choice_item"
onclick="launch_outro('rebellion_outro')">
<p>Lancer l'opération</p>
</span>
</div>
</div>
</div>
<div id="rebellion_outro" class="outro">
<video id="rebellion_outro_video" class="video">
<source src="videos/outro_rebellion.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
<!-- Conformism -->
<div id="Ending_Conformist_1" class="scene">
<div class="text_rec">
<p>
L'ami qui organise la fête demande à Aaron d'aller acheter de l'alcool avant de venir. Aaron passe donc au supermarché et achète une bonne quantité d'alcool pour la soirée. Il se rend ensuite à la fête.
<br /> <br />
La fête est vraiment cool et Aaron s'amuse bien avec ses autres amis. C'est alors que la police arrive et effectue un contrôle. Le système de surveillance de la ville a en effet trouvé suspecte la grande quantité d'alcool achetée par Aaron, un citoyen de faible réputation. Les policiers remarquent que l'alcool est mis à disposition librement alors qu'il y a des mineurs à la fête. Ils confisquent l'alcool et mettent un terme à la soirée.
<br /> <br />
Le lendemain, Aaron contacte ses amis, mais remarque très vite que ceux-ci le rejette à cause de ce qui s'est passé la veille, considérant que c'est de sa faute. Aaron n'arrive pas à leur faire entendre raison. Il se demande même si le fait qu'on lui ai demandé d'acheter de l'alcool n'était pas en quelque sorte un piège : ses soi-disant amis, sachant qu'ils y auraient des mineurs à la soirée, ont préféré lui demander d'acheter de l'alcool au cas où il y aurait un problème.
</p>
<div class="choice">
<span class="choice_item"
onclick="process(0,0,"Ending_Conformist_2")">
<p>Continuer</p>
</span>
</div>
</div>
</div>
<div id="Ending_Conformist_2" class="scene">
<div class="text_rec">
<p>
« Hey, vous avez entendu qu'une élève de l'uni s'est suicidée ? C'est dingue que ça arrive ici.<br/>
— Ah ouais, c'est la fille qui était seule depuis toujours. Pas étonnant, si tu veux mon avis... Au bout d'un moment ça casse.<br/>
— Non mais quand même, il y a d'autres moyens avant non ? Tant qu'il y a de la vie il y a de l'espoir, comme on dit !<br/>
— ... On dirait qu'il y a un gars qui a pris sa place. Regardez-moi ce score social ! Tu t'approches et tu chopes le cancer direct !<br/>
— Il faut bien au moins une personne comme ça, non ? La loose... »
</p>
<div class="choice">
<span class="choice_item"
onclick="process(0,0,"Ending_Conformist_3")">
<p>Continuer</p>
</span>
</div>
</div>
</div>
<div id="Ending_Conformist_3" class="scene">
<!-- <p>Image finale pour la fin 'conformisme'</p> -->
</div>
<!--<div>
<p>Social score : <span id="social_score"></span></p>
<p>Civil score : <span id="civil_score"></span></p>
</div>-->
</div>
<!-- Warning that twinkles -->
<div id="warning">
<span id="warning_text_head">SMS reçu :</span>
<span id="warning_text_what"></span>
<span id="warning_text_then"></span>
</div>
<div id="minimize">
<img id="minimize_img" src="images/minimizer.png"
onclick="minimize();"/>
</div>
</div>
</body>
</html>