-
Notifications
You must be signed in to change notification settings - Fork 17
/
index.html
60 lines (58 loc) · 2.61 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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Hacktoberfest Quiz 2023</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=Space+Grotesk&display=swap"
rel="stylesheet"
/>
</head>
<body>
<div id="welcome-page">
<h1 class="welcome-title">Bienvenue au Quiz Hacktoberfest 2023</h1>
<p class="welcome-text">
Avant de commencer le quiz, voici une règle : vous devez obtenir au
moins 70% de bonnes réponses sur les 10 questions pour réussir. <br />
Bonne chance !
</p>
<button id="start-quiz">Commencer</button>
</div>
<div id="quiz-container" style="display: none">
<h1>Quiz sur le Hacktoberfest</h1>
<p id="question"></p>
<ul id="options"></ul>
<p>Score : <span id="score">0</span></p>
<button id="next-question">Passer</button>
<button id="learn-more">En savoir plus</button>
</div>
<div id="modal" class="modal">
<div class="modal-content">
<span id="close" class="close">×</span>
<h2>En savoir plus sur le Hacktoberfest</h2>
<p>
Le Hacktoberfest est l'événement annuel de DigitalOcean qui encourage
les gens à contribuer à l'open source tout au long du mois d'octobre.
Une grande partie de l'infrastructure technologique moderne, y compris
certains produits propres à DigitalOcean, repose sur des projets open
source construits et maintenus par des personnes passionnées qui n'ont
souvent pas le personnel ou les budgets nécessaires pour faire autre
chose que maintenir le projet en vie. <br />
Le Hacktoberfest a pour objectif de redonner à ces projets, d'affiner
les compétences et de célébrer tout ce qui concerne l'open source, en
particulier les personnes qui rendent l'open source si spécial. Au
cours des 10 dernières années, des milliers de personnes, codeurs et
non-codeurs, ont participé au Hacktoberfest pour soutenir les projets
qu'ils utilisent et aiment, acquérir et mettre en pratique des
compétences qui amélioreront leur carrière et rencontrer de nouvelles
personnes qui aiment autant l'open source. comme ils le font.
</p>
</div>
</div>
<script src="script.js"></script>
</body>
</html>