bounnilo/WEBSAE
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Travail

Browse Source
This commit is contained in:
Bounni Loubelo Benicia
2025-06-14 17:09:02 +02:00
parent 2c713bec54
commit 5289c6a7fd
32 changed files with 1474 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
LOGO.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 68 KiB

94
Page-acc.html Normal file
View File

@@ -0,0 +1,94 @@
<!DOCTYPE html>
<html>
<html lang="fr">
<head>
<link rel="stylesheet" href="notrestyle.css">
<title>5ThingsIHateAboutLove</title>
<style>
section {
height: 70vh; /* pleine hauteur d'écran */
padding: 10px;
}
</style>
</head>
<body>
<header style="gap: 40px;" >
<div class="centragedansleheader">
<!-- bouton vers l'accueil-->
<a href="./Page-acc.html">
<img class="imageenbloc1" src="./home.jpg" alt="image not found" style="width:60px; height:60px; cursor: pointer; border-radius: 40px;">
</a>
<!-- logo-->
<img class="imageenbloc2" src="./LOGO.jpg" alt="image not found" width="400">
<!-- bouton connexion-->
<a href="./connexion/login.html" style="margin-left: auto;">
<img class="loginbutton" src="./usericon.jpg" alt="image not found" style="width:60px; height:60px; cursor: pointer; border-radius: 30px;">
</a>
</div>
</header>
<div class="menu"> <!-- pour acceder aux autres rubriques-->
<ul>
<li class="personnage"><a> Personnages </a>
<ul class="perso">
<li> <a href="./Page-coco.html">Coco</a></li>
<li> <a href="./Page-moon.html">Moon</a></li>
<li> <a href="./Page-dove.html">Dove</a></li>
<li> <a href="./Page-rachel.html">Rachel</a></li>
<li> <a href="./Page-jinsley.html">Jinsley</a></li>
</ul>
</li>
<li><a href="./Page-event.php"> Evenements </a></li>
<li><a href="./Page-ress.html"> Ressources psychologiques </a></li>
<li><a href="./Page-lettre.html"> Lettre a soi </a></li>
</ul>
</div>
<p id="Debutrubrique" style="height:50px;"></p> <!-- comme ca on peut revenir au titre de la page sans que ca soit cacher par la barre de rubriques-->
<h2>Accueil</h2>
<h3>Bienvenue !</h3>
<section class="Partie1">
<p>
Aujourd'hui, nous avons le plaisir de vous présenter un projet qui nous tient particulièrement à cœur.</p>
Notre site web a un objectif simple mais essentiel : créer un espace de refuge et de partage pour tous les cœurs brisés. Que vous soyez jeune ou plus âgé, en pleine reconstruction ou encore en quête de l'amour avec un grand "A", vous êtes ici chez vous. Un refuge bienveillant où psychologie et création se rencontrent pour panser les cœurs brisés et nourrir les relations saines.</p>
<p>Sur cette plateforme, vous trouverez des conseils, des conférences et des ressources autour de ce vaste et complexe sujet qu'est la romance. </p>
<p>L'association s'entoure de professionnels (psychologues, thérapeutes, coachs) pour : </p>
<p>Vulgariser des notions de psychologie affective (attachement, dépendance émotionnelle, etc.)</p>
<p>Animer des événements en ligne</p>
<p>Mais ce n'est pas tout !</p>
<p>Nous avons aussi choisi de donner vie à cette thématique à travers une web-série originale : "5 Things I Hate About Love... And Yet".</p>
Vous y découvrirez nos cinq personnages fictifs Coco, Jinsley, Dove, Moon et Rachel qui seront les égéries de notre message. À travers leurs histoires, leurs erreurs et leurs découvertes, ils nous guideront, nous inspireront et, parfois, nous feront rire (ou pleurer).</p>
<p>Ce projet, c'est un peu comme une lettre d'amour à tous ceux qui ont aimé, souffert, espéré et qui cherchent à mieux comprendre leurs émotions. Ici, nous croyons que chaque histoire mérite d'être entendue, que chaque douleur peut être transformée, et que la psychologie a un rôle essentiel à jouer dans notre quête affective.</p>
<p>Parce que comprendre ses émotions, c'est déjà commencer à guérir.</p>
<p>La web-série "5 Things I Hate About Love... And Yet" devient :</p>
<p>Un fil rouge émotionnel, illustrant des problématiques relationnelles concrètes </p>
<p>Un outil pédagogique, pour initier débats, introspections et ateliers </p>
<p>Un support interactif, grâce à des événements “Behind the Series” </p>
<p>Synopsis de la web-série:</p>
<p>Cinq filles, cinq personnalités explosives, cinq histoires d'amour (et de haine) entre lycée et premières désillusions. Inspirée par l'esprit piquant du film "10 Things I Hate About You", notre mini-série explore, à travers cinq épisodes ultra-stylés, la frontière fine entre le crush et le chaos. Entre déclarations ratées, rivalités, et grandes réconciliations, chaque épisode est une déclaration d'amour à l'imperfection adolescente. </p>
<p>Rejoignez-nous dans cette fantastique aventure en vous créant un compte ! A très vite.</p>
</section>
<footer>
Explorer l'amour pour mieux se retrouver
</footer>
</body>
</html>

76
Page-coco.html Normal file
View File

@@ -0,0 +1,76 @@
<!DOCTYPE html>
<html>
<html lang="fr">
<head>
<link rel="stylesheet" href="notrestyle.css">
<title>5ThingsIHateAboutLove</title>
<style>
section {
height: 70vh; /* pleine hauteur d'écran */
padding: 10px;
}
</style>
</head>
<body>
<header style="gap: 40px;" >
<div class="centragedansleheader">
<!-- bouton vers l'accueil-->
<a href="./Page-acc.html">
<img class="imageenbloc1" src="./home.jpg" alt="image not found" style="width:60px; height:60px; cursor: pointer; border-radius: 40px;">
</a>
<!-- logo-->
<img class="imageenbloc2" src="./LOGO.jpg" alt="image not found" width="400">
<!-- bouton connexion-->
<a href="./connexion/login.html" style="margin-left: auto;">
<img class="loginbutton" src="./usericon.jpg" alt="image not found" style="width:60px; height:60px; cursor: pointer; border-radius: 30px;">
</a>
</div>
</header>
<div class="menu"> <!-- pour acceder aux autres rubriques-->
<ul>
<li class="personnage"><a> Personnages </a>
<ul class="perso">
<li> <a href="./Page-coco.html">Coco</a></li>
<li> <a href="./Page-moon.html">Moon</a></li>
<li> <a href="./Page-dove.html">Dove</a></li>
<li> <a href="./Page-rachel.html">Rachel</a></li>
<li> <a href="./Page-jinsley.html">Jinsley</a></li>
</ul>
</li>
<li><a href="./Page-event.php"> Evenements </a></li>
<li><a href="./Page-ress.html"> Ressources psychologiques </a></li>
<li><a href="./Page-lettre.html"> Lettre a soi </a></li>
</ul>
</div>
<p id="Debutrubrique"></p> <!-- on enleve le truc qui permet de revenir au titre de la page sans que ca soit cacher par la barre de rubriques-->
<h2>Presentation de ...</h2>
<h3>Coco !</h3>
<section class="Partie1">
<p style="text-align:center">
<img src="./perso/coco.png" alt="image not found" style="float:center;width:700px;height:500px;">
</p>
</section>
<footer>
Explorer l'amour pour mieux se retrouver
</footer>
</body>
</html>

74
Page-dove.html Normal file
View File

@@ -0,0 +1,74 @@
<!DOCTYPE html>
<html>
<html lang="fr">
<head>
<link rel="stylesheet" href="notrestyle.css">
<title>5ThingsIHateAboutLove</title>
<style>
section {
height: 70vh; /* pleine hauteur d'écran */
padding: 10px;
}
</style>
</head>
<body>
<header style="gap: 40px;" >
<div class="centragedansleheader">
<!-- bouton vers l'accueil-->
<a href="./Page-acc.html">
<img class="imageenbloc1" src="./home.jpg" alt="image not found" style="width:60px; height:60px; cursor: pointer; border-radius: 40px;">
</a>
<!-- logo-->
<img class="imageenbloc2" src="./LOGO.jpg" alt="image not found" width="400">
<!-- bouton connexion-->
<a href="./connexion/login.html" style="margin-left: auto;">
<img class="loginbutton" src="./usericon.jpg" alt="image not found" style="width:60px; height:60px; cursor: pointer; border-radius: 30px;">
</a>
</div>
</header>
<div class="menu"> <!-- pour acceder aux autres rubriques-->
<ul>
<li class="personnage"><a> Personnages </a>
<ul class="perso">
<li> <a href="./Page-coco.html">Coco</a></li>
<li> <a href="./Page-moon.html">Moon</a></li>
<li> <a href="./Page-dove.html">Dove</a></li>
<li> <a href="./Page-rachel.html">Rachel</a></li>
<li> <a href="./Page-jinsley.html">Jinsley</a></li>
</ul>
</li>
<li><a href="./Page-event.php"> Evenements </a></li>
<li><a href="./Page-ress.html"> Ressources psychologiques </a></li>
<li><a href="./Page-lettre.html"> Lettre a soi </a></li>
</ul>
</div>
<p id="Debutrubrique"></p> <!-- on enleve le truc qui permet de revenir au titre de la page sans que ca soit cacher par la barre de rubriques-->
<h2>Presentation de ...</h2>
<h3>Dove !</h3>
<section class="Partie1">
<p style="text-align:center">
<img src="./perso/dove.jpg" alt="image not found" style="float:center;width:700px;height:500px;">
</p>
</section>
<footer>
Explorer l'amour pour mieux se retrouver
</footer>
</body>
</html>

121
Page-event-com.php Normal file
View File

@@ -0,0 +1,121 @@
<!DOCTYPE html>
<html>
<html lang="fr">
<head>
<link rel="stylesheet" href="notrestyle.css">
<title>5ThingsIHateAboutLove</title>
<style>
section {
height: 70vh; /* pleine hauteur d'écran */
padding: 10px;
}
</style>
</head>
<body>
<header style="gap: 40px;" >
<div class="centragedansleheader">
<!-- bouton vers l'accueil-->
<a href="./Page-acc.html">
<img class="imageenbloc1" src="./home.jpg" alt="image not found" style="width:60px; height:60px; cursor: pointer; border-radius: 40px;">
</a>
<!-- logo-->
<img class="imageenbloc2" src="./LOGO.jpg" alt="image not found" width="400">
<!-- bouton connexion-->
<a href="./connexion/login.html" style="margin-left: auto;">
<img class="loginbutton" src="./usericon.jpg" alt="image not found" style="width:60px; height:60px; cursor: pointer; border-radius: 30px;">
</a>
</div>
</header>
<div class="menu"> <!-- pour acceder aux autres rubriques-->
<ul>
<li class="personnage"><a> Personnages </a>
<ul class="perso">
<li> <a href="./Page-coco.html">Coco</a></li>
<li> <a href="./Page-moon.html">Moon</a></li>
<li> <a href="./Page-dove.html">Dove</a></li>
<li> <a href="./Page-rachel.html">Rachel</a></li>
<li> <a href="./Page-jinsley.html">Jinsley</a></li>
</ul>
</li>
<li><a href="./Page-event.php"> Evenements </a></li>
<li><a href="./Page-ress.html"> Ressources psychologiques </a></li>
<li><a href="./Page-lettre.html"> Lettre a soi </a></li>
</ul>
</div>
<p id="Debutrubrique"></p> <!-- comme ca on peut revenir au titre de la page sans que ca soit cacher par la barre de rubriques-->
<section class="Partie1">
<?php
require_once 'lib/common.php';
session_start();
$db = initDatabase();
if (!$db) {
die("Erreur de connexion à la base de données.");
}
$id_commentaire = isset($_POST['id_commentaire']) ? (int)$_POST['id_commentaire'] : (int)$_GET['id_commentaire'];
if (empty($id_commentaire)) {
header('Location: Page-event.php');
exit();
}
if (!empty($_POST['content']) && !empty($_POST['csrf_token'])) {
$content = strip_tags($_POST['content']);
$id_user = $_SESSION['user'];
$date = date('Y-m-d H:i:s');
$stmt = $db->prepare("INSERT INTO COMMENTAIRE (id_utilisateur, contenu) VALUES (?,?)");
if (!$stmt) {
die("Erreur de préparation de la requête : " . $db->error);
}
$stmt->bind_param("iss", $id_user, $content);
if ($stmt->execute()) {
header('Location: Page-eventbis.php?id_evenement=' . $id_commentaire);
exit();
} else {
die("Erreur SQL : " . $stmt->error);
}
}
?>
<h1>Ajouter un commentaire</h1>
<form action="" method="post">
<fieldset>
<input type="hidden" name="id_commentaire" value="<?= htmlspecialchars($id_commentaire) ?>">
<label for="content">Contenu</label>
<textarea id="content" name="content" required></textarea><br>
<input type="submit" value="Envoyer">
</fieldset>
</form>
</form>
</section>
<footer>
Explorer l'amour pour mieux se retrouver
</footer>
</body>
</html>

144
Page-event.php Normal file
View File

@@ -0,0 +1,144 @@
<!DOCTYPE html>
<html>
<html lang="fr">
<head>
<link rel="stylesheet" href="notrestyle.css">
<title>5ThingsIHateAboutLove</title>
<style>
section {
height: 70vh; /* pleine hauteur d'écran */
padding: 10px;
}
</style>
</head>
<body>
<header style="gap: 40px;" >
<div class="centragedansleheader">
<!-- bouton vers l'accueil-->
<a href="./Page-acc.html">
<img class="imageenbloc1" src="./home.jpg" alt="image not found" style="width:60px; height:60px; cursor: pointer; border-radius: 40px;">
</a>
<!-- logo-->
<img class="imageenbloc2" src="./LOGO.jpg" alt="image not found" width="400">
<!-- bouton connexion-->
<a href="./connexion/login.html" style="margin-left: auto;">
<img class="loginbutton" src="./usericon.jpg" alt="image not found" style="width:60px; height:60px; cursor: pointer; border-radius: 30px;">
</a>
</div>
</header>
<div class="menu"> <!-- pour acceder aux autres rubriques-->
<ul>
<li class="personnage"><a> Personnages </a>
<ul class="perso">
<li> <a href="./Page-coco.html">Coco</a></li>
<li> <a href="./Page-moon.html">Moon</a></li>
<li> <a href="./Page-dove.html">Dove</a></li>
<li> <a href="./Page-rachel.html">Rachel</a></li>
<li> <a href="./Page-jinsley.html">Jinsley</a></li>
</ul>
</li>
<li><a href="./Page-event.php"> Evenements </a></li>
<li><a href="./Page-ress.html"> Ressources psychologiques </a></li>
<li><a href="./Page-lettre.html"> Lettre a soi </a></li>
</ul>
</div>
</header>
<p id="Debutrubrique"></p>
<h2>Evenements</h2>
<h3>Vous souhaitez participer a un de nos evenements ?</h3>
Découvrez ci-dessous une présentation de nos deux types d'événements phares, pensés pour explorer l’amour sous toutes ses facettes. Juste après, retrouvez la liste complète des prochains rendez-vous.
Cliquez simplement sur “Voir la fiche” de l’événement qui vous intéresse pour en savoir plus et vous inscrire.
Ne manquez pas nos prochaines rencontres !
<p><h4>- HeartTalks</h4>
Format : une fois par mois, en ligne (Zoom ou YouTube Live). <br>
Invitée régulière : une psychologue spécialisée en relations amoureuses. <br>
Thèmes : <br>
"Pourquoi l'amour fait si mal ?" <br>
"Apprendre à aimer sans se perdre" <br>
"Guérir après une rupture" <br>
"Comment sortir des schémas toxiques ?" <br>
Q&R en fin de session pour encourager les échanges. <br>
Possibilité de poser les questions anonymement à l'avance.
<h4>- Behind the Series</h4>
Des soirées interactives autour de notre web-série, mêlant projections exclusives et débats participatifs.<br>
Projections d’un épisode en avant-première suivies d’un débat.<br>
Débats/discussions sur les choix des personnages, ce qu’ils nous apprennent.<br>
“Que feriez-vous à leur place ?” → activité interactive.
</p>
<section class="Partie1">
<?php
require_once './lib/commonbis.php';
$mysqli = initDatabasemysqli();
$page = isset($_GET['page']) ? (int)$_GET['page'] : 1;
$limit = 10;
$offset = ($page - 1) * $limit;
$sql = "SELECT EVENEMENT.id_evenement, EVENEMENT.theme, EVENEMENT.date, EVENEMENT.type, EVENEMENT.intervenant, EVENEMENT.description
FROM EVENEMENT
LIMIT ? OFFSET ?";
$stmt = mysqli_prepare($mysqli, $sql);
if (!$stmt) {
die("Erreur lors de la préparation : " . mysqli_error($mysqli));
}
mysqli_stmt_bind_param($stmt, "ii", $limit, $offset);
mysqli_stmt_execute($stmt);
$result = mysqli_stmt_get_result($stmt);
if (!$result) {
die("Erreur lors de l'exécution : " . mysqli_error($mysqli));
}
echo "<table border='1'><tr><th>Theme</th><th>Date</th><th>Type</th><th>Intervenant</th><th>Description</th></tr>";
while ($row = mysqli_fetch_assoc($result)) {
echo "<tr>
<td>" . $row['theme'] . "</td>
<td>" . $row['date'] . "</td>
<td>" . $row['type'] . "</td>
<td>" . $row['intervenant'] . "</td>
<td>" . $row['description'] . "</td>
<td><a href='Page-eventbis.php?id_evenement=" . $row['id_evenement'] . "'>Voir</a></td>
</tr>";
}
echo "</table>";
for ($i = 1; $i <= 5; $i++) {
echo "<a href='Page-event.php?page=$i'>$i</a> ";
}
mysqli_stmt_close($stmt);
mysqli_close($mysqli);
?>
</section>
<footer>
Explorer l'amour pour mieux se retrouver
</footer>
</body>
</html>

150
Page-eventbis.php Normal file
View File

@@ -0,0 +1,150 @@
<!DOCTYPE html>
<html>
<html lang="fr">
<head>
<link rel="stylesheet" href="notrestyle.css">
<title>5ThingsIHateAboutLove</title>
<style>
section {
height: 70vh; /* pleine hauteur d'écran */
padding: 10px;
}
</style>
</head>
<body>
<header style="gap: 40px;" >
<div class="centragedansleheader">
<!-- bouton vers l'accueil-->
<a href="./Page-acc.html">
<img class="imageenbloc1" src="./home.jpg" alt="image not found" style="width:60px; height:60px; cursor: pointer; border-radius: 40px;">
</a>
<!-- logo-->
<img class="imageenbloc2" src="./LOGO.jpg" alt="image not found" width="400">
<!-- bouton connexion-->
<a href="./connexion/login.html" style="margin-left: auto;">
<img class="loginbutton" src="./usericon.jpg" alt="image not found" style="width:60px; height:60px; cursor: pointer; border-radius: 30px;">
</a>
</div>
</header>
<div class="menu"> <!-- pour acceder aux autres rubriques-->
<ul>
<li class="personnage"><a> Personnages </a>
<ul class="perso">
<li> <a href="./Page-coco.html">Coco</a></li>
<li> <a href="./Page-moon.html">Moon</a></li>
<li> <a href="./Page-dove.html">Dove</a></li>
<li> <a href="./Page-rachel.html">Rachel</a></li>
<li> <a href="./Page-jinsley.html">Jinsley</a></li>
</ul>
</li>
<li><a href="./Page-event.php"> Evenements </a></li>
<li><a href="./Page-ress.html"> Ressources psychologiques </a></li>
<li><a href="./Page-lettre.html"> Lettre a soi </a></li>
</ul>
</div>
<p id="Debutrubrique"></p>
<h2>Evenements</h2>
<h3>Vous souhaitez participer a un de nos evenements ?</h3>
<section class="Partie1">
<?php
require_once './lib/commonbis.php';
$mysqli = initDatabasemysqli();
$id = isset($_GET['id_evenement']) ? (int) $_GET['id_evenement'] : 1;
$sql = "SELECT EVENEMENT.id_evenement, EVENEMENT.theme, EVENEMENT.date, EVENEMENT.type, EVENEMENT.intervenant, EVENEMENT.description
FROM EVENEMENT
WHERE id_evenement=?";
$stmt = mysqli_prepare($mysqli, $sql);
if (!$stmt) {
die("Erreur lors de la préparation : " . mysqli_error($mysqli));
}
mysqli_stmt_bind_param($stmt, "i", $id);
mysqli_stmt_execute($stmt);
$result = mysqli_stmt_get_result($stmt);
if (!$result) {
die("Erreur lors de l'exécution : " . mysqli_error($mysqli));
}
if ($row = mysqli_fetch_assoc($result)) {
echo "<h1>" . $row['theme'] . "</h1>";
echo "<p>Date: " . $row['date'] . "</p>";
echo "<p>Type: " . $row['type'] . "</p>";
echo "<p>Intervenant: " . $row['intervenant'] . "</p>";
echo "<p>Description: " . $row['description'] . "</p>";
} else {
echo "Film introuvable.";
}
mysqli_stmt_close($stmt);
mysqli_close($mysqli);
?>
<form method="GET">
<button type="submit">S'inscrire</button>
</form>
<?php
require_once './lib/common.php';
session_start();
$db = initDatabase();
$id = isset($_GET['id_evenement']) ? (int)$_GET['id_evenement'] : 0;
$id_commentaire = $id;
$req = mysqli_query($db, "SELECT * FROM COMMENTAIRE WHERE id=" . $id_commentaire);
$commentaire = mysqli_fetch_assoc($req);
$req = mysqli_query($db, "SELECT COMMENTAIRE.*, UTILISATEUR.id_utilisateur
FROM COMMENTAIRE
JOIN UTILISATEUR ON COMMENTAIRE.id_utilisateur = UTILISATEUR.id_utilisateur
WHERE COMMENTAIRE.id = " . $id_commentaire);
$comments = mysqli_fetch_all($req, MYSQLI_ASSOC);
?>
<p>Partagez ce que vous en pensez</p>
<h3>Commentaires</h3>
<?php if (empty($comments)): ?>
<p>Aucun commentaire.</p>
<?php endif; ?>
<?php if (isset($_SESSION['user'])): ?>
<form action="Page-event-com.php" method="GET">
<input type="hidden" name="id_commentaire" value="<?= $id ?>">
<button type="submit">Laisser un commentaire</button>
</form>
<?php else: ?>
<form action="login.html" method="GET">
<button style='width: 400px; height: 200px' type="submit">Connecte-toi pour commenter</button>
</form>
<?php endif; ?>
<br>
<br>
<br>
</section>
<footer>
Explorer l'amour pour mieux se retrouver
</footer>
</body>
</html>

74
Page-jinsley.html Normal file
View File

@@ -0,0 +1,74 @@
<!DOCTYPE html>
<html>
<html lang="fr">
<head>
<link rel="stylesheet" href="notrestyle.css">
<title>5ThingsIHateAboutLove</title>
<style>
section {
height: 70vh; /* pleine hauteur d'écran */
padding: 10px;
}
</style>
</head>
<body>
<header style="gap: 40px;" >
<div class="centragedansleheader">
<!-- bouton vers l'accueil-->
<a href="./Page-acc.html">
<img class="imageenbloc1" src="./home.jpg" alt="image not found" style="width:60px; height:60px; cursor: pointer; border-radius: 40px;">
</a>
<!-- logo-->
<img class="imageenbloc2" src="./LOGO.jpg" alt="image not found" width="400">
<!-- bouton connexion-->
<a href="./connexion/login.html" style="margin-left: auto;">
<img class="loginbutton" src="./usericon.jpg" alt="image not found" style="width:60px; height:60px; cursor: pointer; border-radius: 30px;">
</a>
</div>
</header>
<div class="menu"> <!-- pour acceder aux autres rubriques-->
<ul>
<li class="personnage"><a> Personnages </a>
<ul class="perso">
<li> <a href="./Page-coco.html">Coco</a></li>
<li> <a href="./Page-moon.html">Moon</a></li>
<li> <a href="./Page-dove.html">Dove</a></li>
<li> <a href="./Page-rachel.html">Rachel</a></li>
<li> <a href="./Page-jinsley.html">Jinsley</a></li>
</ul>
</li>
<li><a href="./Page-event.php"> Evenements </a></li>
<li><a href="./Page-ress.html"> Ressources psychologiques </a></li>
<li><a href="./Page-lettre.html"> Lettre a soi </a></li>
</ul>
</div>
<p id="Debutrubrique"></p> <!-- on enleve le truc qui permet de revenir au titre de la page sans que ca soit cacher par la barre de rubriques-->
<h2>Presentation de ...</h2>
<h3>Jinsley !</h3>
<section class="Partie1">
<p style="text-align:center">
<img src="./perso/jinsley.png" alt="image not found" style="float:center;width:700px;height:500px;">
</p>
</section>
<footer>
Explorer l'amour pour mieux se retrouver
</footer>
</body>
</html>

97
Page-lettre.html Normal file
View File

@@ -0,0 +1,97 @@
<!DOCTYPE html>
<html>
<html lang="fr">
<head>
<link rel="stylesheet" href="notrestyle.css">
<title>5ThingsIHateAboutLove</title>
<style>
section {
height: 70vh; /* pleine hauteur d'écran */
padding: 10px;
}
</style>
</head>
<body>
<header style="gap: 40px;" >
<div class="centragedansleheader">
<!-- bouton vers l'accueil-->
<a href="./Page-acc.html">
<img class="imageenbloc1" src="./home.jpg" alt="image not found" style="width:60px; height:60px; cursor: pointer; border-radius: 40px;">
</a>
<!-- logo-->
<img class="imageenbloc2" src="./LOGO.jpg" alt="image not found" width="400">
<!-- bouton connexion-->
<a href="./connexion/login.html" style="margin-left: auto;">
<img class="loginbutton" src="./usericon.jpg" alt="image not found" style="width:60px; height:60px; cursor: pointer; border-radius: 30px;">
</a>
</div>
</header>
<div class="menu"> <!-- pour acceder aux autres rubriques-->
<ul>
<li class="personnage"><a> Personnages </a>
<ul class="perso">
<li> <a href="./Page-coco.html">Coco</a></li>
<li> <a href="./Page-moon.html">Moon</a></li>
<li> <a href="./Page-dove.html">Dove</a></li>
<li> <a href="./Page-rachel.html">Rachel</a></li>
<li> <a href="./Page-jinsley.html">Jinsley</a></li>
</ul>
</li>
<li><a href="./Page-event.php"> Evenements </a></li>
<li><a href="./Page-ress.html"> Ressources psychologiques </a></li>
<li><a href="./Page-lettre.html"> Lettre a soi </a></li>
</ul>
</div>
<p id="Debutrubrique"></p> <!-- comme ca on peut revenir au titre de la page sans que ca soit cacher par la barre de rubriques-->
<h2>Lettre a soi</h2>
<section class="Partie1">
<p>
"Ecrire sur des bouleversements emotionnels peut ameliorer la sante physique comme mentale."
-- Ecrire pour se liberer, pas pour etre lue c'est ce que met en avant le psychologue Dr. James W. Pennebaker
</p>
<p>
C'est l'un des premiers a avoir etudie scientifiquement l'ecriture emotionnelle.
Il a demontre que le simple fait d'ecrire pendant quelques minutes sur ce qu'on ressent permet de reduire le stress, d'ameliorer le sommeil, et meme de renforcer le systeme immunitaire.
</p>
<p>
A votre tour maintenant !
</p>
<p>
Ecrivez ce que vous ressentez, cliquez sur "Envoyer", et la lettre disparait a jamais. Comme si elle avait ete brulee. Elle n'est ni sauvegardee, ni envoyee, juste ecrite... et laissee aller. Et dans ce silence, peut-etre que quelque chose guerira.
</p>
</section>
<form action="/Page-lettre.html">
<input type="text" style="width: 700px; height: 200px;" value="Ce champ est une page blanche pour ce que le coeur porte encore."><br>
<input type="reset" value="Envoyer">
</form>
<br>
<br>
<footer>
Explorer l'amour pour mieux se retrouver
</footer>
</body>
</html>

74
Page-moon.html Normal file
View File

@@ -0,0 +1,74 @@
<!DOCTYPE html>
<html>
<html lang="fr">
<head>
<link rel="stylesheet" href="notrestyle.css">
<title>5ThingsIHateAboutLove</title>
<style>
section {
height: 70vh; /* pleine hauteur d'écran */
padding: 10px;
}
</style>
</head>
<body>
<header style="gap: 40px;" >
<div class="centragedansleheader">
<!-- bouton vers l'accueil-->
<a href="./Page-acc.html">
<img class="imageenbloc1" src="./home.jpg" alt="image not found" style="width:60px; height:60px; cursor: pointer; border-radius: 40px;">
</a>
<!-- logo-->
<img class="imageenbloc2" src="./LOGO.jpg" alt="image not found" width="400">
<!-- bouton connexion-->
<a href="./connexion/login.html" style="margin-left: auto;">
<img class="loginbutton" src="./usericon.jpg" alt="image not found" style="width:60px; height:60px; cursor: pointer; border-radius: 30px;">
</a>
</div>
</header>
<div class="menu"> <!-- pour acceder aux autres rubriques-->
<ul>
<li class="personnage"><a> Personnages </a>
<ul class="perso">
<li> <a href="./Page-coco.html">Coco</a></li>
<li> <a href="./Page-moon.html">Moon</a></li>
<li> <a href="./Page-dove.html">Dove</a></li>
<li> <a href="./Page-rachel.html">Rachel</a></li>
<li> <a href="./Page-jinsley.html">Jinsley</a></li>
</ul>
</li>
<li><a href="./Page-event.php"> Evenements </a></li>
<li><a href="./Page-ress.html"> Ressources psychologiques </a></li>
<li><a href="./Page-lettre.html"> Lettre a soi </a></li>
</ul>
</div>
<p id="Debutrubrique"></p> <!-- on enleve le truc qui permet de revenir au titre de la page sans que ca soit cacher par la barre de rubriques-->
<h2>Presentation de ...</h2>
<h3>Moon !</h3>
<section class="Partie1">
<p style="text-align:center">
<img src="./perso/moon.png" alt="image not found" style="float:center;width:700px;height:500px;">
</p>
</section>
<footer>
Explorer l'amour pour mieux se retrouver
</footer>
</body>
</html>

74
Page-rachel.html Normal file
View File

@@ -0,0 +1,74 @@
<!DOCTYPE html>
<html>
<html lang="fr">
<head>
<link rel="stylesheet" href="notrestyle.css">
<title>5ThingsIHateAboutLove</title>
<style>
section {
height: 70vh; /* pleine hauteur d'écran */
padding: 10px;
}
</style>
</head>
<body>
<header style="gap: 40px;" >
<div class="centragedansleheader">
<!-- bouton vers l'accueil-->
<a href="./Page-acc.html">
<img class="imageenbloc1" src="./home.jpg" alt="image not found" style="width:60px; height:60px; cursor: pointer; border-radius: 40px;">
</a>
<!-- logo-->
<img class="imageenbloc2" src="./LOGO.jpg" alt="image not found" width="400">
<!-- bouton connexion-->
<a href="./connexion/login.html" style="margin-left: auto;">
<img class="loginbutton" src="./usericon.jpg" alt="image not found" style="width:60px; height:60px; cursor: pointer; border-radius: 30px;">
</a>
</div>
</header>
<div class="menu"> <!-- pour acceder aux autres rubriques-->
<ul>
<li class="personnage"><a> Personnages </a>
<ul class="perso">
<li> <a href="./Page-coco.html">Coco</a></li>
<li> <a href="./Page-moon.html">Moon</a></li>
<li> <a href="./Page-dove.html">Dove</a></li>
<li> <a href="./Page-rachel.html">Rachel</a></li>
<li> <a href="./Page-jinsley.html">Jinsley</a></li>
</ul>
</li>
<li><a href="./Page-event.php"> Evenements </a></li>
<li><a href="./Page-ress.html"> Ressources psychologiques </a></li>
<li><a href="./Page-lettre.html"> Lettre a soi </a></li>
</ul>
</div>
<p id="Debutrubrique"></p> <!-- on enleve le truc qui permet de revenir au titre de la page sans que ca soit cacher par la barre de rubriques-->
<h2>Presentation de...</h2>
<h3>Rachel !</h3>
<section class="Partie1">
<p style="text-align:center">
<img src="./perso/rachel.png" alt="image not found" style="float:center;width:700px;height:500px;">
</p>
</section>
<footer>
Explorer l'amour pour mieux se retrouver
</footer>
</body>
</html>

139
Page-ress.html Normal file
View File

@@ -0,0 +1,139 @@
<!DOCTYPE html>
<html>
<html lang="fr">
<head>
<link rel="stylesheet" href="notrestyle.css">
<title>5ThingsIHateAboutLove</title>
<style>
section {
height: 70vh; /* pleine hauteur d'écran */
padding: 10px;
}
</style>
</head>
<body>
<header style="gap: 40px;" >
<div class="centragedansleheader">
<!-- bouton vers l'accueil-->
<a href="./Page-acc.html">
<img class="imageenbloc1" src="./home.jpg" alt="image not found" style="width:60px; height:60px; cursor: pointer; border-radius: 40px;">
</a>
<!-- logo-->
<img class="imageenbloc2" src="./LOGO.jpg" alt="image not found" width="400">
<!-- bouton connexion-->
<a href="./connexion/login.html" style="margin-left: auto;">
<img class="loginbutton" src="./usericon.jpg" alt="image not found" style="width:60px; height:60px; cursor: pointer; border-radius: 30px;">
</a>
</div>
</header>
<div class="menu"> <!-- pour acceder aux autres rubriques-->
<ul>
<li class="personnage"><a> Personnages </a>
<ul class="perso">
<li> <a href="./Page-coco.html">Coco</a></li>
<li> <a href="./Page-moon.html">Moon</a></li>
<li> <a href="./Page-dove.html">Dove</a></li>
<li> <a href="./Page-rachel.html">Rachel</a></li>
<li> <a href="./Page-jinsley.html">Jinsley</a></li>
</ul>
</li>
<li><a href="./Page-event.php"> Evenements </a></li>
<li><a href="./Page-ress.html"> Ressources psychologiques </a></li>
<li><a href="./Page-lettre.html"> Lettre a soi </a></li>
</ul>
</div>
<p id="Debutrubrique"></p> <!-- comme ca on peut revenir au titre de la page sans que ca soit cacher par la barre de rubriques-->
<h2>Ressources psychologiques</h2>
<p>Parce que des articles qui permettent de mieux se comprendre, il n'y en a jamais trop, laissez nous vous proposer notre selection faite par nos soins en collaboration avec nos psychologues partenaires.</p>
<section id="article1">
<h3>ARTICLE 1: Pourquoi repetons-nous toujours les memes erreurs en amour ?</h3>
<p>En lien avec : "Comment sortir des schemas toxiques ?" (HeartTalks)</p>
<p>Tu pensais avoir compris la lecon. Tu pensais ne plus jamais tolerer ce genre de comportement. Et pourtant… te voila a nouveau face a une relation qui t'epuise, te frustre ou t'efface.</p>
<p>Pourquoi tombons-nous toujours sur les memes personnes ?</p>
<p>Ce n'est pas une coincidence. C'est un mecanisme profondement ancre dans notre histoire affective. On appelle ca un schema repetitif inconscient. Il se forme des l'enfance, a partir de la maniere dont on a recu (ou non) de l'amour, de l'attention, de la securite.</p>
<p>On cherche inconsciemment a reparer le passe en recreant des contextes familiers… meme s'ils sont douloureux.</p>
<p>On confond l'intensite avec la profondeur.</p>
<p>Et souvent, on ne connait pas encore les signes d'une relation saine parce qu'on ne nous les a jamais montres.</p>
<p>Bonne nouvelle : ce n'est pas une fatalite.</p>
<p>Les schemas se deconstruisent, a condition d'oser regarder avec honnetete ce qui nous attire… et pourquoi. Cela commence par la conscience, puis le choix.</p>
<p>'On ne guerit pas en evitant la douleur, mais en la traversant en conscience.'</p>
<p>'Sylvie Brossman, psychologue.'</p>
</section>
<br><br><br><br>
<section id="article2">
<h3>ARTICLE 2 S'aimer sans se perdre : un acte radical</h3>
<p>En lien avec : "Apprendre a aimer sans se perdre" (HeartTalks)</p>
<p>Dans une societe qui valorise la fusion comme l'ideal amoureux, apprendre a s'aimer sans se perdre est un acte revolutionnaire.</p>
<p>On nous apprend a faire des compromis. A faire passer l'autre avant soi. A tout donner. Mais rarement a se choisir sans culpabiliser.</p>
<p>Resultat ?</p>
<p>On se retrouve a accepter trop.</p>
<p>A douter de nos besoins.</p>
<p>A chercher l'amour au prix de notre propre disparition.</p>
<p>Mais l'amour veritable ne devrait pas couter notre integrite. Il devrait la nourrir.</p>
<p>Aimer, ce n'est pas se fondre dans l'autre.</p>
<p>Aimer, ce n'est pas se sacrifier pour 'sauver' quelqu'un.</p>
<p>Aimer, c'est pouvoir dire 'je t'aime' et 'j'ai besoin de cet espace pour moi'.</p>
<p>Exercice : note une chose que tu as cesse de faire pour toi-meme dans une relation passee. Et demande-toi : qu'est-ce que je ferai differemment aujourd'hui ?</p>
</section>
<br><br><br><br>
<section id="article3">
<h3>ARTICLE 3 Ce que les fictions nous revelent de nous-memes</h3>
<p>En lien avec : "Behind the Series"</p>
<p>Pourquoi aimons-nous tant les series qui parlent d'amour ?</p>
<p>Parce qu'elles sont un miroir. Un laboratoire. Un terrain de projection.</p>
<p>Regarder une scene de rupture, une dispute, une declaration maladroite… ce n'est pas juste du divertissement. C'est l'occasion de se demander :</p>
<p>Qu'aurais-je fait a sa place ?</p>
<p>Pourquoi cette scene me touche autant ?</p>
<p>Quelle partie de moi reagit a cette situation ?</p>
<p>Dans notre serie 5 Things I Hate About Love… And Yet, chaque episode est concu pour resonner emotionnellement, mais aussi poser une question morale ou affective.</p>
<p>Parfois, une fiction touche plus juste qu'un long discours.</p>
<p>Elle fait tomber les defenses.</p>
<p>Elle ouvre des espaces d'introspection que la vie reelle ne permet pas toujours.</p>
<p>'Ce que l'on regarde n'est jamais innocent. Nos emotions sont des guides.'</p>
<p>'Clemence Tavel, creatrice de la serie.'</p>
</section>
<br><br><br><br>
<section id="article4">
<h3>ARTICLE 4: Dire ou taire ? L'art difficile de la verite en amour</h3>
<p>En lien avec : Episode 4 "Le poids du silence"</p>
<p>Faut-il toujours tout dire en amour ?</p>
<p>Ou y a-t-il des silences necessaires ? Des secrets protecteurs ? Des verites inutiles ?</p>
<p>C'est l'une des questions les plus delicates dans les relations. D'un cote, on aspire a l'authenticite. De l'autre, on a peur de blesser, de perdre, de trop montrer.</p>
<p>Le silence peut etre une arme.</p>
<p>Mais il peut aussi etre un refuge.</p>
<p>Ce qui compte, ce n'est pas ce qu'on dit ou non. C'est pourquoi on choisit de le dire… ou pas.</p>
<p>Dans notre episode 'Le poids du silence', un simple non-dit fait basculer toute une relation. Le spectateur est invite a prendre parti :</p>
<p>Auriez-vous parle ?</p>
<p>Etait-ce de l'egoisme ou de la pudeur ?</p>
<p>Que se passe-t-il quand on ne dit rien trop longtemps ?</p>
<p>L'amour, parfois, se joue dans la justesse des mots… ou leur absence.</p>
</section>
<br><br><br>
<footer>
Explorer l'amour pour mieux se retrouver
</footer>
</body>
</html>

55
connexion/actionInscription.php Normal file
View File

@@ -0,0 +1,55 @@
<?php
require_once 'lib/common.php';
session_start();
$conn = initDatabase();
if (!$conn) {
die("Erreur de connexion : " . mysqli_connect_error());
}
$login = isset($_POST['login']) ? $_POST['login'] : '';
$email = isset($_POST['email']) ? $_POST['email'] : '';
$mdp = isset($_POST['mdp']) ? $_POST['mdp'] : '';
if (empty($login) || empty($email) || empty($mdp)) {
echo "<script>alert('Tous les champs doivent être remplis.'); window.location.href ='./notif.php';</script>";
exit();
}
$mdp_hash = password_hash($mdp, PASSWORD_DEFAULT);
$sql_verif = "SELECT login FROM UTILISATEUR WHERE login = ?";
$stmt_verif = mysqli_prepare($conn, $sql_verif);
mysqli_stmt_bind_param($stmt_verif, "s", $login);
mysqli_stmt_execute($stmt_verif);
mysqli_stmt_store_result($stmt_verif);
if (mysqli_stmt_num_rows($stmt_verif) > 0) {
echo "<script>alert('Ce login est déjà utilisé. Veuillez en choisir un autre.'); window.location.href ='./notif.php';</script>";
mysqli_stmt_close($stmt_verif);
mysqli_close($conn);
exit();
}
mysqli_stmt_close($stmt_verif);
$sql = "INSERT INTO UTILISATEUR (login, email, mdp) VALUES (?, ?, ?)";
$stmt = mysqli_prepare($conn, $sql);
mysqli_stmt_bind_param($stmt, "sss", $login, $email, $mdp_hash);
if (mysqli_stmt_execute($stmt)) {
$_SESSION['login'] = $login;
header('Location: actionLogin.php');
exit();
} else {
echo "Erreur lors de l'inscription : " . mysqli_error($conn);
}
mysqli_stmt_close($stmt);
mysqli_close($conn);
?>

36
connexion/actionLogin.php Normal file
View File

@@ -0,0 +1,36 @@
<?php
$conn = mysqli_connect("dwarves.iut-fbleau.fr", "bounnilo","YOYOYO","bounnilo");
if(!$conn) {
die("Erreur de connexion :" . mysqli_connect_error());
}
$login = $_POST['login'];
$mdp = $_POST['mdp'];
$sql = "SELECT mdp , role FROM UTILISATEUR WHERE login =?";
$stmt = mysqli_prepare($conn, $sql);
mysqli_stmt_bind_param($stmt, "s", $login);
mysqli_stmt_execute($stmt);
mysqli_stmt_bind_result($stmt,$mdp_hash, $role );
if (mysqli_stmt_fetch($stmt)) {
if(password_verify($mdp, $mdp_hash)){
$_SESSION['login'] = $login;
$_SESSION['role'] = $role;
header('location:./Page-acc.php');
}else{
echo "<script>alert('Échec de l\\'authentification : mot de passe incorrect.'); window.location.href ='./login.html'; </script>";
}
} else {
echo "<script>alert('Échec de l\\'authentification : identifiant incorrect.'); window.location.href ='./login.html'; </script>";
}
mysqli_stmt_close($stmt);
mysqli_close($conn);
?>

32
connexion/inscription.html Normal file
View File

@@ -0,0 +1,32 @@
<!DOCTYPE html>
<html>
<head>
<title>Inscription</title>
<link rel="stylesheet" href="login.css">
</head>
<body>
<div class="login-container">
<h2>Inscription</h2>
<form action="actionInscription.php" method="post">
<label for="login">Login :</label>
<input type="text" name="login" required><br><br>
<label for="email">Adresse mail :</label>
<input type="email" name="email" id="email" required> <br><br>
<label for="mdp">Mot de passe :</label>
<input type="password" name="mdp" required><br><br>
<input type="submit" value="S'inscrire">
</form>
<p> Deja un compte ?
<a href="login.html" class="link"> Connectez vous !</a>
</p>
<p>
<a href="Page-acc.php" class="link"> Retour a l'accueil</a>
</p>
</div>
</body>
</html>

56
connexion/login.css Normal file
View File

@@ -0,0 +1,56 @@
* {
box-sizing: border-box;
}
html, body {
margin: 0;
padding: 0;
height: 100%;
}
body {
background-color: rgb(255, 79, 167);
font-family: Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}
.login-container {
width: 320px;
padding: 30px;
background-color: #f8bbd0;
border-radius: 10px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}
h2 {
text-align: center;
color: #880e4f;
margin-bottom: 20px;
}
input[type="text"],
input[type="password"],
input[type="email"] {
width: 100%;
padding: 10px;
margin: 8px 0;
border: none;
border-radius: 5px;
}
input[type="submit"] {
width: 100%;
background-color: #880e4f;
color: white;
padding: 10px;
border: none;
border-radius: 5px;
cursor: pointer;
}
input[type="submit"]:hover{
background-color:#ad1457;
}

29
connexion/login.html Normal file
View File

@@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<title>Connexion</title>
<link rel="stylesheet" href="login.css">
</head>
<body>
<div class="login-container">
<h2>Connexion</h2>
<form action="actionLogin.php" method="post">
<label for="login">Login :</label>
<input type="text" name="login" required><br><br>
<label for="mdp">Mot de passe :</label>
<input type="password" name="mdp" required><br><br>
<input type="submit" value="Se connecter">
</form>
<p>Pas encore de compte ?
<a href="inscription.html" class="link"> Creez-en un !</a>
</p>
<p>
<a href="Page-acc.html" class="link"> Retour a l'accueil</a>
</p>
</div>
</body>
</html>

BIN
home.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

10
lib/common.php Normal file
View File

@@ -0,0 +1,10 @@
<?php
function initDatabase() {
$db = mysqli_connect("dwarves.iut-fbleau.fr", "bounnilo","YOYOYO","bounnilo");
if(!$db){
echo "Erreur de connexion";
}
return $db;
}

11
lib/commonbis.php Normal file
View File

@@ -0,0 +1,11 @@
<?php
function initDatabasemysqli() {
$mysqli = mysqli_connect("dwarves.iut-fbleau.fr", "bounnilo","YOYOYO","bounnilo");
if (!$mysqli) {
die("Erreur de connexion : " . mysqli_connect_error());
}
return $mysqli;
}

128
notrestyle.css Normal file
View File

@@ -0,0 +1,128 @@
body {
font-family: 'Georgia';
background-color: rgb(252, 208, 216);
color: #880e4f;
display: flex; /*cette ligne et la suivante sont pour faire en sorte que le bouton du retour vers le haut et le texte ne se superpose pas*/
flex-direction: column;
}
header {
background-color: rgb(255, 79, 167);
text-align: center;
}
.centragedansleheader{
display: flex;
flex-direction: row;
}
.centragedansleheader a{
display: flex;
justify-content: center;
align-items: center;
flex: 1 1;
}
.imageenbloc{
display: block;
}
.loginbutton {
display: block;
}
.phrasedaccroche {
font-style: italic;
}
.menu {
font-style: italic;
position: sticky;
top: 0;
bottom: 0;
background-color: #880e4f;
}
.menu > ul{
/*la mini fleche c'est pour signifier que ca
s'applique que sur les parents et pas les enfants*/
display: flex;
list-style: none;
}
.menu li {
width: 50%;
display: block;
padding: 6px;
}
.menu li:hover{
background-color: #880e4f;
}
.personnage {
position: relative;
}
.perso{
list-style: none;
display: none;
position: absolute;
top: 50px;
left: 0px;
background-color: #880e4f;
width: max-content;
}
.perso li a:hover{
background-color: #67093b;
}
.personnage:hover .perso{
display: block;
}
.menu li a{
color: rgb(252, 208, 216);
text-decoration: none;
padding: 10px 60px;
display: block;
/*
margin: 10px;
border: 3px solid pink;
text-align: center;*/
}
h2 {
font-style: italic;
text-align: center;
}
h3 {
font-style: italic;
}
.container { /*le but est d'arrondir les bords de l'image */
display: inline-block; /* S'assurer que le conteneur s'adapte à l'image */
overflow: hidden; /* Cache tout ce qui dépasse du conteneur arrondi */
border-radius: 50px;
text-align: center;
}
.Partie1 {
font-size: 90%; /*la taille du texte*/
flex: 1; /* prend tout l'espace restant */
}
footer {
font-style: italic;
background-color: rgb(255, 79, 167);
color: #880e4f;
text-align: center;
bottom: 0;
position: fixed;
width: 100%;
}

BIN
perso/caleb.JPG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
perso/coco.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 359 KiB

BIN
perso/dove.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 71 KiB

BIN
perso/eliott.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

BIN
perso/jinsley.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 322 KiB

BIN
perso/leo.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 46 KiB

BIN
perso/maverick.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
perso/moon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 355 KiB

BIN
perso/noah.JPG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.0 KiB

BIN
perso/rachel.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 382 KiB

BIN
usericon.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB