-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
180 lines (149 loc) · 17.3 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
<!DOCTYPE html>
<html lang="fr">
<head>
<title>The Big Quiz HP</title>
<meta charset="utf-8">
<meta name="description" content="Des dizaines de défis pour les amateurs et fins connaisseurs de la saga Harry Potter avec des surprises à la clé !">
<meta name="author" content="Titouan Hinschberger">
<meta name="copyright" content="©2023 Titouan Hinschberger All rights reserved.">
<link href="ressources/style.css" rel="stylesheet" media="all">
<link rel="icon" href="ressources/images/quiz_icon.ico">
<link rel="image_src" href="ressources/images/quiz_icon.png">
</head>
<body>
<h1>The Big Quiz Harry Potter</h1>
<div id="presentation">
<h2>Accueil</h2>
<p>
Bienvenue sur ce grand quiz Harry Potter !
<br><br>
❓ Il rassemble des dizaines de défis pour les amateurs et fins connaisseurs de cette saga.
Pour chaque défi il faut remplir, sélectionner ou cocher des cases selon la consigne donnée.
<br><br>
🗝️ Lorsque vous aurez complété entièrement un défi, une clé vous sera donnée.
Celle-ci vous permettra d'ouvrir un easter egg (une surprise) mais seulement si vous avez correctement répondu.
<br><br>
🚥 Il y a quatre niveaux de difficulté allant de "FACILE" (c'est déjà compliqué) à "EXTRÊME" (avec ceux-là vous allez vous casser la tête).
<br><br>
📚 La plupart des réponses (même les anecdotes les plus méconnues) se trouvent dans les livres, n'hésitez pas y jeter un coup d'oeil si vous n'y arrivez pas.
En dernier recours ou pour vérifier l'orthographe vous pouvez utiliser le <a href="https://harrypotter.fandom.com/fr/wiki/Wiki_Harry_Potter" target="_blank">Wiki Harry Potter</a>.
<br><br>
Bon courage !
</p>
</div>
<div id="list_challenges">
<h2>Défis et Easter eggs</h2>
<p>
<img src="ressources/images/HP easter egg error.ico" alt, title="easter egg error ?">
Si vous rencontrez des problèmes à l'ouverture des easter eggs, <u><a href="ressources/easter_eggs_error.html">cliquez ici</a></u>.
</p>
<table class="timpair, t12">
<tr><td><a href="https://harrypotter.fandom.com/fr/wiki/Harry_Potter_%C3%A0_l%27%C3%A9cole_des_sorciers" target="blank"><h3>Tome 1</h3></a></td></tr>
<tr> <td onclick="go_to('quiz/01.html')">• Quiz 01</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 01" onclick="easter_egg('01')"></td> </tr>
<tr> <td onclick="go_to('quiz/02.html')">• Quiz 02</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 02" onclick="easter_egg('02')"></td> </tr>
<tr> <td onclick="go_to('quiz/03.html')">• Quiz 03</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 03" onclick="easter_egg('03')"></td> </tr>
<tr> <td onclick="go_to('quiz/04.html')">• Quiz 04</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 04" onclick="easter_egg('04')"></td> </tr>
<tr> <td onclick="go_to('quiz/05.html')">• Quiz 05</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 05" onclick="easter_egg('05')"></td> </tr>
<tr> <td onclick="go_to('quiz/06.html')">• Quiz 06</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 06" onclick="easter_egg('06')"></td> </tr>
<tr> <td onclick="go_to('quiz/07.html')">• Quiz 07</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 07" onclick="easter_egg('07')"></td> </tr>
</table>
<table class="tpair, t12">
<tr><td><a href="https://harrypotter.fandom.com/fr/wiki/Harry_Potter_et_la_Chambre_des_Secrets" target="blank"><h3>Tome 2</h3></a></td></tr>
<tr> <td onclick="go_to('quiz/08.html')">• Quiz 08</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 08" onclick="easter_egg('08')"></td> </tr>
<tr> <td onclick="go_to('quiz/09.html')">• Quiz 09</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 09" onclick="easter_egg('09')"></td> </tr>
<tr> <td onclick="go_to('quiz/10.html')">• Quiz 10</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 10" onclick="easter_egg('10')"></td> </tr>
<tr> <td onclick="go_to('quiz/11.html')">• Quiz 11</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 11" onclick="easter_egg('11')"></td> </tr>
<tr> <td onclick="go_to('quiz/12.html')">• Quiz 12</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 12" onclick="easter_egg('12')"></td> </tr>
<tr> <td onclick="go_to('quiz/13.html')">• Quiz 13</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 13" onclick="easter_egg('13')"></td> </tr>
<tr> <td onclick="go_to('quiz/14.html')">• Quiz 14</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 14" onclick="easter_egg('14')"></td> </tr>
<tr> <td onclick="go_to('quiz/15.html')">• Quiz 15</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 15" onclick="easter_egg('15')"></td> </tr>
<tr> <td onclick="go_to('quiz/16.html')">• Quiz 16</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 16" onclick="easter_egg('16')"></td> </tr>
</table>
<table class="timpair, t34">
<tr><td><a href="https://harrypotter.fandom.com/fr/wiki/Harry_Potter_et_le_prisonnier_d%27Azkaban" target="blank"><h3>Tome 3</h3></a></td></tr>
<tr> <td onclick="go_to('quiz/17.html')">• Quiz 17</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 17" onclick="easter_egg('17')"></td> </tr>
<tr> <td onclick="go_to('quiz/18.html')">• Quiz 18</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 18" onclick="easter_egg('18')"></td> </tr>
<tr> <td onclick="go_to('quiz/19.html')">• Quiz 19</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 19" onclick="easter_egg('19')"></td> </tr>
<tr> <td onclick="go_to('quiz/20.html')">• Quiz 20</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 20" onclick="easter_egg('20')"></td> </tr>
<tr> <td onclick="go_to('quiz/21.html')">• Quiz 21</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 21" onclick="easter_egg('21')"></td> </tr>
</table>
<table class="tpair, t34">
<tr><td><a href="https://harrypotter.fandom.com/fr/wiki/Harry_Potter_et_la_Coupe_de_Feu" target="blank"><h3>Tome 4</h3></a></td></tr>
<tr> <td onclick="go_to('quiz/22.html')">• Quiz 22</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 22" onclick="easter_egg('22')"></td> </tr>
<tr> <td onclick="go_to('quiz/23.html')">• Quiz 23</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 23" onclick="easter_egg('23')"></td> </tr>
<tr> <td onclick="go_to('quiz/24.html')">• Quiz 24</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 24" onclick="easter_egg('24')"></td> </tr>
<tr> <td onclick="go_to('quiz/25.html')">• Quiz 25</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 25" onclick="easter_egg('25')"></td> </tr>
<tr> <td onclick="go_to('quiz/26.html')">• Quiz 26</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 26" onclick="easter_egg('26')"></td> </tr>
<tr> <td onclick="go_to('quiz/27.html')">• Quiz 27</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 27" onclick="easter_egg('27')"></td> </tr>
<tr> <td onclick="go_to('quiz/28.html')">• Quiz 28</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 28" onclick="easter_egg('28')"></td> </tr>
</table>
<table class="timpair, t56">
<tr><td><a href="https://harrypotter.fandom.com/fr/wiki/Harry_Potter_et_l%27Ordre_du_Ph%C3%A9nix" target="blank"><h3>Tome 5</h3></a></td></tr>
<tr> <td onclick="go_to('quiz/29.html')">• Quiz 29</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 29" onclick="easter_egg('29')"></td> </tr>
<tr> <td onclick="go_to('quiz/30.html')">• Quiz 30</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 30" onclick="easter_egg('30')"></td> </tr>
<tr> <td onclick="go_to('quiz/31.html')">• Quiz 31</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 31" onclick="easter_egg('31')"></td> </tr>
<tr> <td onclick="go_to('quiz/32.html')">• Quiz 32</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 32" onclick="easter_egg('32')"></td> </tr>
<tr> <td onclick="go_to('quiz/33.html')">• Quiz 33</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 33" onclick="easter_egg('33')"></td> </tr>
<tr> <td onclick="go_to('quiz/34.html')">• Quiz 34</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 34" onclick="easter_egg('34')"></td> </tr>
</table>
<table class="tpair, t56">
<tr><td><a href="https://harrypotter.fandom.com/fr/wiki/Harry_Potter_et_le_Prince_de_Sang-M%C3%AAl%C3%A9" target="blank"><h3>Tome 6</h3></a></td></tr>
<tr> <td onclick="go_to('quiz/35.html')">• Quiz 35</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 35" onclick="easter_egg('35')"></td> </tr>
<tr> <td onclick="go_to('quiz/36.html')">• Quiz 36</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 36" onclick="easter_egg('36')"></td> </tr>
<tr> <td onclick="go_to('quiz/37.html')">• Quiz 37</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 37" onclick="easter_egg('37')"></td> </tr>
<tr> <td onclick="go_to('quiz/38.html')">• Quiz 38</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 38" onclick="easter_egg('38')"></td> </tr>
<tr> <td onclick="go_to('quiz/39.html')">• Quiz 39</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 39" onclick="easter_egg('39')"></td> </tr>
<tr> <td onclick="go_to('quiz/40.html')">• Quiz 40</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 40" onclick="easter_egg('40')"></td> </tr>
</table>
<table class="timpair, t78">
<tr><td><a href="https://harrypotter.fandom.com/fr/wiki/Harry_Potter_et_les_Reliques_de_la_Mort" target="blank"><h3>Tome 7</h3></a></td></tr>
<tr> <td onclick="go_to('quiz/41.html')">• Quiz 41</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 41" onclick="easter_egg('41')"></td> </tr>
<tr> <td onclick="go_to('quiz/42.html')">• Quiz 42</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 42" onclick="easter_egg('42')"></td> </tr>
<tr> <td onclick="go_to('quiz/43.html')">• Quiz 43</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 43" onclick="easter_egg('43')"></td> </tr>
<tr> <td onclick="go_to('quiz/44.html')">• Quiz 44</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 44" onclick="easter_egg('44')"></td> </tr>
<tr> <td onclick="go_to('quiz/45.html')">• Quiz 45</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 45" onclick="easter_egg('45')"></td> </tr>
<tr> <td onclick="go_to('quiz/46.html')">• Quiz 46</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 46" onclick="easter_egg('46')"></td> </tr>
<tr> <td onclick="go_to('quiz/47.html')">• Quiz 47</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 47" onclick="easter_egg('47')"></td> </tr>
</table>
<table class="tpair, t78">
<tr><td><h3>Bonus</h3></td></tr><tr>
<tr> <td onclick="go_to('quiz/48.html')">• Quiz 48</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 48" onclick="easter_egg('48')"></td> </tr>
<tr> <td onclick="go_to('quiz/49.html')">• Quiz 49</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 49" onclick="easter_egg('49')"></td> </tr>
<tr> <td onclick="go_to('quiz/50.html')">• Quiz 50</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 50" onclick="easter_egg('50')"></td> </tr>
<tr> <td onclick="go_to('quiz/51.html')">• Quiz 51</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 51" onclick="easter_egg('51')"></td> </tr>
<tr> <td onclick="go_to('quiz/52.html')">• Quiz 52</td> <td><input class="easter_egg_btn" type="image" src="ressources/images/HP easter egg.ico" alt, title="easter egg 52" onclick="easter_egg('52')"></td> </tr>
</table>
</div>
<div>
<p>
➡️ <span class="adding" onclick="offline_down()">Télécharger la version hors ligne</span> ⬅️
<br><br>
<a class="adding" href="https://forms.gle/AMvR8kfjtEarWvBQ6" target="_blank">➕ Essayez aussi le quiz des acteurs et actrices de la saga Harry Potter !</a>
</p>
</div>
<img class="icon" id="home" src="ressources/images/home.png" alt="Accueil" title="Accueil" onclick="go_to('index.html')">
<img class="icon" id="music" src="ressources/images/music-off.png" alt="Musique OFF" title="Activer la musique">
<script>
let music_src = "ressources/music/Hedwig's Theme.mp3";
</script>
<script src="ressources/script/interactions.js"></script>
<script src="ressources/script/links_easter_eggs.js"></script>
<script src="ressources/script/music.js"></script>
<script>
function music_play() {
music.play();
music_playing = true;
music_button.src = "ressources/images/music-on.png";
music_button.alt = "Musique ON";
music_button.title = "Désactiver la musique";
};
function music_stop() {
music.pause();
music_playing = false;
music_button.src = "ressources/images/music-off.png";
music_button.alt = "Musique OFF";
music_button.title = "Activer la musique";
};
</script>
</body>
</html>