forked from asterjdm/Cesco-Leak
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
202 lines (182 loc) · 8.34 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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="./images/favicon.ico" />
<!-- Styles -->
<link rel="stylesheet" href="./styles/styles.css" />
<link rel="stylesheet" href="./styles/header.css" />
<!-- Standard assets -->
<link rel="stylesheet" href="./styles/standard-assets/button.css" />
<link rel="stylesheet" href="./styles/standard-assets/select.css" />
<link rel="stylesheet" href="./styles/standard-assets/input.css" />
<link rel="stylesheet" href="./styles/standard-assets/popup.css" />
<link rel="stylesheet" href="./styles/standard-assets/card.css" />
<!-- Scripts -->
<script src="./scripts/utils/objectToFormData.js"></script>
<script src="./scripts/loadSmurfs.js" defer></script>
<script src="./scripts/loadComments.js" defer></script>
<script src="./scripts/sendComment.js"></script>
<script src="./scripts/sendComment.js"></script>
<script src="./scripts/getComments.js"></script>
<script src="./scripts/getSmurfs.js"></script>
<script src="./scripts/popup.js" defer></script>
<script src="./scripts/page.js" defer></script>
<script src="./scripts/sendRating.js"></script>
<script src="./scripts/getBann.js"></script>
<script src="./scripts/bann.js"></script>
<title>GARGAMELEAKS</title>
</head>
<body>
<!-- Main header -->
<header class="main-header">
<!-- Main title -->
<div class="main-header-title">
<h1 class="main-header-title-text1">gargameleaks</h1>
<h1 class="main-header-title-text2">gl</h1>
</div>
<!-- Search bar -->
<div class="main-header-search">
<input id="searchBar" class="main-header-search-input" type="text" placeholder="schtroumpfer un schtroumpf" />
<img class="main-header-search-img" src="./images/search.png" alt="search icon" />
</div>
<!-- Request new smurf button -->
<button class="standard-button main-header-button" onclick="openPopup('addPopup')">
<p class="main-header-button-text">nouveau schtroumpf</p>
<img class="main-header-button-img" src="./images/plus.png" alt="plus icon" />
</button>
</header>
<!-- Sort by score selector -->
<select id="sortSmurfs" class="standard-select main-score-select">
<option value="alphabet">A..Z</option>
<option value="best_score">Le meilleur score</option>
<option value="worst_score">Le pire score</option>
<option value="most_votes">Le plus de votes</option>
<option value="least_votes">Le moins de votes</option>
</select>
<!-- Smurfs cards -->
<main id="smurfsCards"></main>
<!----------------------------- Popups ----------------------------->
<div id="addPopup" class="standard-popup">
<div class="standard-popup-whole-section">
<button class="standard-button standard-popup-close" onclick="closePopup('addPopup')">
<img class="standard-popup-close-img" draggable="false" src="./images/close.svg" alt="close icon" />
</button>
<div class="standard-popup-whole-section-content add-smurf-popup">
<form style="display: contents" method="post" action="api/newSmurf.php">
<input name="name" class="standard-input insert-name" type="text" placeholder="nom du schtroumpf" />
<button type="submit" class="standard-button send-request" onclick="closePopup('addPopup')">
Envoyer
</button>
</form>
</div>
</div>
</div>
<div id="commentPopup" class="standard-popup">
<div class="standard-popup-whole-section comment-popup">
<button class="standard-button standard-popup-close" onclick="closePopup('commentPopup')">
<img class="standard-popup-close-img" draggable="false" src="./images/close.svg" alt="close icon" />
</button>
<div class="standard-popup-whole-section-content comment-popup">
<div id="commentsPlace" class="standard-popup-whole-section-content-messages">
<p>Il n'y a pas de commentaires pour le moment...</p>
</div>
<div class="standard-popup-whole-section-content-send-messages">
<input id="commentContentInput" type="text" class="standard-input send-message" />
<button id="sendCommentButton" class="standard-button send-message">
Envoyer
</button>
</div>
</div>
</div>
</div>
<div id="ratingPopup" class="standard-popup">
<div class="standard-popup-whole-section rating-popup">
<button class="standard-button standard-popup-close" onclick="closePopup('ratingPopup')">
<img class="standard-popup-close-img comment-popup other" draggable="false" src="./images/close.svg"
alt="close icon" />
</button>
<div class="standard-popup-whole-section-content rating-popup">
<div class="score">
<p class="score-title">Intelligence</p>
<div class="score-value">
<input id="ratingIntelligence" class="value" type="range" min="1" max="10" value="5" />
<p id="ratingText1">5</p>
</div>
</div>
<div class="score">
<p class="score-title">Sympathie</p>
<div class="score-value">
<input id="ratingSympathy" class="value" type="range" min="1" max="10" value="5" />
<p id="ratingText2">5</p>
</div>
</div>
<div class="score">
<p class="score-title">Utilité</p>
<div class="score-value">
<input id="ratingUtility" class="value" type="range" min="1" max="10" value="5" />
<p id="ratingText3">5</p>
</div>
</div>
<button id="voteRatingButton" class="standard-button save-ratings">
Voter
</button>
</div>
</div>
</div>
<!-- Alert popup -->
<div id="alertPopup" class="standard-popup">
<div class="standard-popup-whole-section">
<div class="standard-popup-whole-section-content alert-popup">
<h1 class="alert-text"><!-- Insert alert text --> Votre vote a été mis a jour</h1>
<button class="standard-button alert-button" onclick="closePopup('alertPopup')">fermer</button>
</div>
</div>
</div>
<!-- Welcome popup -->
<div id="welcomePopup" class="standard-popup">
<div class="standard-popup-whole-section welcome-popup">
<div class="standard-popup-whole-section-content welcome-popup">
<h1 class="welcome-title">Bienvenue sur GARGAMELEAKS !</h1>
<p class="welcome-text">GARGAMELEAKS est un site web permettant aux habitants du village des Schtroumpfs de
schtroumpfer leur avis sur leurs amis Schtroumpfs et de leur schtroumpfer une note.
<br><br>
Nous vous invitons à prendre connaissance, avant d'utiliser le site, du règlement.
<br><br>
<b>Toute ressemblance avec des personnages ou des événements existants serait purement fortuite et ne pourrait
être que le fruit d’une pure coïncidence.</b>
</p>
<div class="welcome-link">
<a target="_blank" rel="noopener noreferrer" href="rules.html">Règlement de GARGAMELEAKS</a>
</div>
<button class="standard-button welcome-button"
onclick="closeWelcomePopup('welcomePopup');openPopup('aboutPopup');">j'ai lu et accepté le
règlement</button>
</div>
</div>
</div>
<div id="aboutPopup" class="standard-popup">
<div class="standard-popup-whole-section welcome-popup">
<div class="standard-popup-whole-section-content welcome-popup">
<h1 class="welcome-title">Plus d'info</h1>
<p class="welcome-text">
Nous espérons que les Schtroumfs ne vont pas schtroumpfer plainte !
<img src="images/smurf_prison.jpeg" alt="" width="100">
Le journal SCHTROUMF NEWS a schtroumpfer un article sur GARGAMELEAKS, vous pouvez le lire ici :
</p>
<div class="welcome-link">
<a target="_blank" rel="noopener noreferrer" href="news/">L'article totalement neutre de SCHTROUMF NEWS</a>
<br><br>
<a href="mailto:[email protected], [email protected]?subject=Saluuuut">Nous contacter</a>
<br><br>
<a href="donate.html">SOUTENIR NOTRE TRAVAILLE</a>
<br><br>
</div>
<button class="standard-button welcome-button" onclick="closeWelcomePopup('aboutPopup')">Schtroumpfer</button>
</div>
</div>
</div>
</body>
</html>