-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.php
372 lines (276 loc) · 12.2 KB
/
index.php
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
<?php
session_start();
if (isset($_SESSION['pseudo'])) {
header('Location: connexion-inscritpion/');
}
?>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="favicon.ico">
<title>30 nuances de mecs</title>
<!-- JQUERY -->
<script src="bootstrap/js/jquery-1.11.2.min.js" type="text/javascript"></script>
<!-- Bootstrap CSS -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="bootstrap/css/bootstrap-datepicker3.min.css" rel="stylesheet">
<!-- Bootstrap JQuerry -->
<script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="bootstrap/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
<script src="bootstrap/js/bootstrap-datepicker.fr.js" type="text/javascript"></script>
<!-- Custom styles -->
<link href="css/main-style.less" rel="stylesheet/less">
<!-- LESS -->
<script src="bootstrap/js/less.min.js" type="text/javascript"></script>
</head>
<body>
<!-- Barre en haut qui change quand on scroll grâce au jquerry -->
<!-- permet de se connecter si on est déjà utilisateur et contient le logo -->
<nav class="navbar navbar-fixed-top navbar-default">
<div class="container" style="opacity:1;">
<a href="" class="pull-left"><img src="images/logo.png"></a>
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".menus">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse menus">
<form class="navbar-form navbar-right" action="connexion-inscritpion/" method="POST">
<div class="form-group">
<input name="mail" type="text" placeholder="Mail" class="form-control">
</div>
<div class="form-group">
<input name="mdp" type="password" placeholder="Mot de passe" class="form-control">
</div>
<div class="form-group">
<button name="connexion" value="connexion" type="submit" class="btn btn-danger">Connexion</button>
</div>
<div class="form-group">
<button name="inscription" value="inscription" type="submit" class="btn btn-danger btn-inscription">S'inscrire</button>
</div>
</form>
</div>
</div>
</nav>
<!-- Bannière avec l'inscription et un message -->
<div class="banniere">
<div class="container">
<div class="col-md-5 col-md-offset-1">
<h1 class="main-text">
<?php
$nSlogan = rand(1,4);
$slogan = "";
switch ($nSlogan) {
case 1:
$slogan = "L'amour est aveugle. La preuve, en le faisant il y a des gens qui braillent";
break;
case 2:
$slogan = "Quand notre coeur fait Boum - Tout avec lui dit Boum - Et c'est l'amour qui s'éveille";
break;
case 3:
$slogan = "En amour, il ne s'agit pas d'aimer mais de préferer";
break;
case 4:
$slogan = "L'amour consiste a être bête ensemble";
break;
default:
$slogan = "Y a une couille quelque part";
break;
}
echo "\"".$slogan."\"";
?>
</h1><!-- Phrase d'accroche site random-->
</div>
<div class="col-md-4 ">
<fieldset class="inscription">
<form action="connexion-inscritpion/" method="POST">
<h2>Inscription</h2>
<div class="form-group">
<input name="pseudo" type="text" placeholder="Pseudo" class="form-control">
</div>
<div class="form-group">
<div class="input-group date">
<input name="date" type="text" class="form-control" placeholder="Date de naissance">
<span class="input-group-addon">
<i class="glyphicon glyphicon-calendar"></i>
</span>
</div>
</div>
<div class="form-group">
<input name="mail" type="mail" placeholder="Mail" class="form-control">
</div>
<div class="form-group">
<select name="sexe" class="form-control ">
<option selected disabled>Sexe</option>
<option>Homme</option>
<option>Femme</option>
</select>
</div>
<button name="inscription" value="inscription" class="btn btn-default">Créer un compte</button>
</form>
</fieldset>
</div>
</div>
</div>
<div class="row">
<div class="container">
<div class="section">
<h1>PRINCIPE DU SITE</h1>
<br>
<h4 style="Line-Height: 20pt;">
Chaque femme se verra présenter dans un premier temps 25 hommes sélectionnés
soigneuseuement par nos soin selon ses goûts, et 5 heureux élus sélectionnés aléatoirement .
Ayant accès à leur profil (photos, goûts), elle doit donc faire un choix : elle sélectionne ses 15
favoris qui continueront la compétition.<br>
C’est à ce moment que les hommes rentrent dans la course ; la femme réalise un questionnaire
qui sera soumis aux prétendants. Ces derniers pourront y répondre s’ils sont intéressés, si le
profil ne leur convient pas ils peuvent le décliner. Les dix premiers à répondre au questionnaire
sont sélectionnés pour l’étape suivante.<br>
Selon les réponses de ses prétendants, la femme réalise une nouvelle sélection ; seuls 5
hommes résisteront à cette étape. Le chat est alors ouvert, à ce moment seulement les hommes
peuvent discuter personnellement avec la femme, mais ils peuvent également chatter entre eux.
Les prétendants peuvent décider de se retirer à tout moment s’ils ne sont plus intéressés par la
personne, et la femme peut éliminer un prétendant quand elle le souhaite jusqu’à ce qu’il n’en
reste plus qu’un : l’heureux élu, le gagnant, l’ex-célibaltaire.<br><br>
Longue vie à l’amour !
</h4>
</div>
</div>
</div>
<div class="row">
<div id="my_carousel" class="carousel presentation-etapes slide" data-ride="carousel">
<!-- Bulles -->
<ol class="carousel-indicators">
<li data-target="#my_carousel" data-slide-to="0" class="active"></li>
<li data-target="#my_carousel" data-slide-to="1"></li>
<li data-target="#my_carousel" data-slide-to="2"></li>
<li data-target="#my_carousel" data-slide-to="3"></li>
</ol>
<!-- Slides -->
<div class="carousel-inner">
<!-- Page 1 -->
<div class="item active">
<img src="images/etape1.jpg" alt="etape 1">
<div class="carousel-page">
</div>
</div>
<!-- Page 2 -->
<div class="item">
<img src="images/etape2.jpg" alt="etape 2">
<div class="carousel-page">
</div>
</div>
<!-- Page 3 -->
<div class="item">
<img src="images/etape3.jpg" alt="etape 3">
<div class="carousel-page">
</div>
</div>
<!-- Page 4 -->
<div class="item">
<img src="images/etape4.jpg" alt="etape 4">
<div class="carousel-page">
</div>
</div>
</div>
<!-- Contrôles -->
<a class="left carousel-control" href="#my_carousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#my_carousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
</div>
<div class="row">
<div class="section">
<table class="col-lg-3 col-lg-offset-2 table-offres">
<tr>
<th class="table-offres-titre-gratuit ">Abonnement Gratuit</th>
</tr>
<tr>
<td>Premier tournament offert</td>
</tr>
<tr>
<td>Tu as une seule chance de rencontrer l'amour</td>
</tr>
</table>
<table class="col-lg-3 col-lg-offset-2 table-offres">
<tr>
<th class="table-offres-titre-premium ">Abonnement Premium</th>
</tr>
<tr>
<td>Nombre de tournaments ILLIMITE</td>
</tr>
<tr>
<td>Tu fais plaisir aux devs</td>
</tr>
</table>
</div>
<hr>
</div>
<div class="row">
<div class="container">
<div class="section">
<h1>DERNIERS MEMBRES INSCRITS</h1>
<!-- profil 1 -->
<div class="col-md-3 fiche-profil ">
<div class="fiche-profil-img photo-profil">
<img src="images/emma.jpg">
</div>
<p>Emma Watson</p>
<p>25 ans</p>
</div>
<?php
//Comme on est des petits rigolo, on laisse emma watson en dernier inscrit tout le temps !
include "fonctions/connexionBDD.php";
$array = array();
$req = $bdd->prepare('SELECT (DATE_FORMAT(FROM_DAYS(TO_DAYS(NOW())-TO_DAYS(dateDeNaissance)), \'%Y\')+0) as age ,pseudo,photoProfil FROM utilisateurs ORDER BY `dateInscription` DESC LIMIT 3');
$req->execute();
$donnees = $req->fetch()
?>
<!-- profil 2 -->
<div class="col-md-3 fiche-profil photo-profil">
<div class="fiche-profil-img">
<img src="<?php echo substr($donnees['photoProfil'],3) ?>">
</div>
<p><?php echo $donnees['pseudo'] ?></p>
<p><?php echo $donnees['age'] ?> ans</p>
</div>
<?php $donnees = $req->fetch() // Passage au suivant, j'aurai pu faire un tableau, mais pourquoi se casser la tête ? ?>
<!-- profil 3 -->
<div class="col-md-3 fiche-profil photo-profil">
<div class="fiche-profil-img">
<img src="<?php echo substr($donnees['photoProfil'],3) ?>">
</div>
<p><?php echo $donnees['pseudo'] ?></p>
<p><?php echo $donnees['age'] ?> ans</p>
</div>
<?php $donnees = $req->fetch() // Passage au suivant, j'aurai pu faire un tableau, mais pourquoi se casser la tête ? ?>
<!-- profil 4 -->
<div class="col-md-3 fiche-profil photo-profil">
<div class="fiche-profil-img">
<img src="<?php echo substr($donnees['photoProfil'],3) ?>">
</div>
<p><?php echo $donnees['pseudo'] ?></p>
<p><?php echo $donnees['age'] ?> ans</p>
</div>
</div>
</div>
</div>
<?php include "fonctions/footer.php" ?>
<!-- fleche permetant de revenir en haut -->
<a id="btn_up"><img class="fleche-back-top" src="images/fleche.png"></a>
</body>
</html>
<!-- CHARGEMENTS DES SCRIPTS -->
<script type="text/javascript" src="javascript/navbar.js"></script>
<script type="text/javascript" src="javascript/formulaire.js"></script>