-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
196 lines (175 loc) · 7.94 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
<!--
> index.html
> @author Vabre Lucas, Serieys Lucas, Strub Lilian, Villeneuve Noé
-->
<!DOCTYPE html>
<html>
<head>
<title>GameLib | Accueil</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/lightmode.css">
<link rel="stylesheet" type="text/css" href="css/card.css">
<link rel="stylesheet" type="text/css" href="css/maincolor.css">
<link rel="stylesheet" type="text/css" href="css/cookieConsent.css">
</head>
<body class="" id="body">
<div class="" id="color-set">
<header>
<img src="img/icons/logo-night.svg" width="300px" id="logo">
</header>
<!-- Menu de Navigation entre les pages -->
<nav>
<ul>
<li><a class="active" href="index.html">Accueil</a></li>
<li><a href="html/listeJeux.html">Jeux</a></li>
<li><a href="html/abonnement.html">Abonnement</a></li>
<li><a href="html/contact.html">Contact</a></li>
<li><a href="html/aPropos.html">A propos</a></li>
<li class="li-night-mode"><img onclick="LightModeButton(true)" id="light-mode" ></li>
<li class="li-maincolor">
<img id="maincolor-mode">
<ul class="color-picker">
<p>Selectionnez une couleur</p>
<li><div id="color-blue" alt="couleur bleu" onclick="SetMainColor('blue');"></div></li>
<li><div id="color-green" alt="couleur verte" onclick="SetMainColor('green');"></div></li>
<li><div id="color-purple" alt="couleur violette" onclick="SetMainColor('purple');"></div></li>
<li><div id="color-red" alt="couleur rouge" onclick="SetMainColor('red');"></div></li>
</ul>
</li>
</ul>
</nav>
<!-- Corps de page -->
<div class="container">
<div class="card-collection categorie"> <!-- images horizontales en ligne -->
<h2>Les mieux Notés</h2>
<div class="card" id="card-0"></div>
<div class="card" id="card-1"></div>
<div class="card" id="card-2"></div>
<div class="card" id="card-3"></div>
</div>
<div class="card-collection"> <!-- images verticales en ligne -->
<div class="card" id="card-4"></div>
<div class="card" id="card-5"></div>
<div class="card" id="card-6"></div>
<div class="card" id="card-7"></div>
<div class="card" id="card-8"></div>
</div>
<div class="card-collection categorie"> <!-- images horizontales en ligne -->
<h2>En promotion</h2>
<div class="card" id="card-9"></div>
<div class="card" id="card-10"></div>
<div class="card" id="card-11"></div>
<div class="card" id="card-12"></div>
</div>
<div class="card-collection"> <!-- images verticales en ligne -->
<div class="card" id="card-13"></div>
<div class="card" id="card-14"></div>
<div class="card" id="card-15"></div>
<div class="card" id="card-16"></div>
<div class="card" id="card-17"></div>
</div>
<div class="card-collection categorie"> <!-- images horizontales en ligne -->
<h2>Les jeux Gratuits</h2>
<div class="card" id="card-18"></div>
<div class="card" id="card-19"></div>
<div class="card" id="card-20"></div>
<div class="card" id="card-21"></div>
</div>
<div class="card-collection"> <!-- images verticales en ligne -->
<div class="card" id="card-22"></div>
<div class="card" id="card-23"></div>
<div class="card" id="card-24"></div>
<div class="card" id="card-25"></div>
<div class="card" id="card-26"></div>
</div>
<div class="card-collection categorie"> <!-- images horizontales en ligne -->
<h2>Les jeux Indépendants</h2>
<div class="card" id="card-27"></div>
<div class="card" id="card-28"></div>
<div class="card" id="card-29"></div>
<div class="card" id="card-30"></div>
</div>
</div>
<!-- pied de page -->
<footer>
<div style="vertical-align: top; margin-top: 10px">
<a href="https://discord.gg/tkFzmH8ngr">
<img id="discord" alt="logo Discord" src="" width="50px">
</a>
</div>
<div>
<img id="footer-logo" alt="Logo du site : GameLib" src="" width="200px">
</div>
<div>
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="html/listeJeux.html">Jeux</a></li>
<li><a href="html/abonnement.html">Abonnement</a></li>
<li><a href="html/contact.html">Contact</a></li>
<li><a href="html/aPropos.html">A Propos</a></li>
</ul>
</div>
<div>
<p>GameLib <abbr title="U+00A9">©</abbr> tout droits réservés</p>
</div>
</footer>
<!-- Message des cookies -->
<div id="cookieConsent">
<div class="textCookieConsent">Malgré que ce site soit en local, il y a un cookie caché quelque part.
A vous de le trouver !
<b onclick="indiceEasterEgg()" id="konamicode">Plus d'info</b>
</div>
<div class="closeCookieConsent" onclick="disparitionCookieConsent()">X</div>
<div id="cookieConsentOK" class="boutton" onclick=disparitionCookieConsent()>C'est noté !</div>
</div>
<script type="text/javascript" src="js/lightmode.js"></script>
<script type="text/javascript" src="js/data.js"></script>
<script type="text/javascript" src="js/jeu.js"></script>
<script type="text/javascript" src="js/konamicode.js"></script>
<script type="text/javascript" src="js/maincolor.js"></script>
<!-- Fonctions exécutés au chargement de la page -->
<script type="text/javascript">
window.onload = function() {
LightModeOnLoad(true);
MainColorOnLoad();
/* Mieux Notés */
CreateCard(document.getElementById('card-0'), "horizontal", 3, true); // Zelda
CreateCard(document.getElementById('card-1'), "horizontal", 21, true); // The Witcher
CreateCard(document.getElementById('card-2'), "horizontal", 26, true); // Nier Automata
CreateCard(document.getElementById('card-3'), "horizontal", 30, true); // Devil May Cry 5
CreateCard(document.getElementById('card-4'), "vertical", 1, true); // Among Us
CreateCard(document.getElementById('card-5'), "vertical", 4, true); // Call of Duty
CreateCard(document.getElementById('card-6'), "vertical", 6, true); // Super Meat Boy
CreateCard(document.getElementById('card-7'), "vertical", 9, true); // Undertale
CreateCard(document.getElementById('card-8'), "vertical", 11, true); // Blood and Gold
/* En Promo */
CreateCard(document.getElementById('card-9'), "horizontal", 5, true); // Minecraft
CreateCard(document.getElementById('card-10'), "horizontal", 8, true); // Animal Crossing
CreateCard(document.getElementById('card-11'), "horizontal", 10, true); // Life is Strange
CreateCard(document.getElementById('card-12'), "horizontal", 16, true); // Isaac
CreateCard(document.getElementById('card-13'), "vertical", 13, true); // Refunct
CreateCard(document.getElementById('card-14'), "vertical", 14, true); // Phasmophobia
CreateCard(document.getElementById('card-15'), "vertical", 15, true); // Ori
CreateCard(document.getElementById('card-16'), "vertical", 17, true); // Portal 2
CreateCard(document.getElementById('card-17'), "vertical", 18, true); // Among Trees
/* Gratuit */
CreateCard(document.getElementById('card-18'), "horizontal", 0, true); // World of Tanks
CreateCard(document.getElementById('card-19'), "horizontal", 2, true); // Dragonica
CreateCard(document.getElementById('card-20'), "horizontal", 7, true); // Team Fortress
CreateCard(document.getElementById('card-21'), "horizontal", 27, true); // Spiral Knight
CreateCard(document.getElementById('card-22'), "vertical", 19, true); // FEZ
CreateCard(document.getElementById('card-23'), "vertical", 23, true); // Killing Floor 2
CreateCard(document.getElementById('card-24'), "vertical", 24, true); // Minit
CreateCard(document.getElementById('card-25'), "vertical", 28, true); // Aura Kingdom
CreateCard(document.getElementById('card-26'), "vertical", 29, true); // Paw and Soul
/* Indés */
CreateCard(document.getElementById('card-27'), "horizontal", 22, true); // A Short Hike
CreateCard(document.getElementById('card-28'), "horizontal", 12, true); // Katana Zero
CreateCard(document.getElementById('card-29'), "horizontal", 25, true); // Alto
CreateCard(document.getElementById('card-30'), "horizontal", 20, true); // Celeste
}
</script>
</div>
</body>
</html>