diff --git a/app/view/Classement/display.html b/app/view/Classement/display.html
index d5eed7bcf4574e940dd00be6ea7a31082a6c0376..be911641f85dd565e5dcb270e60c9503c2661d49 100644
--- a/app/view/Classement/display.html
+++ b/app/view/Classement/display.html
@@ -1,26 +1,29 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8"/>
- <title>Classement</title>
-</head>
-<body>
- <header>
- <h1>Page permettant d'afficher un classement, par rapport à un jeu donné.</h1>
- </header>
- <h2>On mettra ici le nom du jeu</h2>
- <p>Et ici la tableau contenant le classement.</p>
- <p>Mais pour ça on a besoin de savoir quelle est la structure de la base de données... Et on ne la connait pas encore !</p>
+<?php
+ $page_title = "Classement";
+ include(ROOT."/app/view/Includes/header.include.html");
+?>
+
+ <article>
+ <h1>Page permettant d'afficher un classement, global ou pour un jeu donné.</h1>
+ <h2>On mettra ici le nom du jeu</h2>
+ <p>Et ici le tableau contenant le classement.</p>
+ <p>Mais pour ça on a besoin de savoir quelle est la structure de la base de données... Et on ne la connait pas encore !</p>
+
+ <h2>Classement <?php echo $this->lejeu; ?></h2>
+
+ <table class="classement-table">
+ <tr><th>N°</th><th colspan="2">Joueur</th><th>Score</th></tr>
+ <?php foreach($this->classement as $courant) : ?>
+ <tr>
+ <td><?php echo $courant['rank'];?></td>
+ <td><a href="<?php echo BASE_URL; ?>/profil/<?php echo $courant['pseudo'];?>"><img src="<?php echo BASE_URL; ?>/images/dummy_web_page.jpg" alt="Image de profil de <?php echo $courant['pseudo'];?>" class="classement-profil-img"></a></td>
+ <td><a href="<?php echo BASE_URL; ?>/profil/<?php echo $courant['pseudo'];?>"><?php echo $courant['pseudo'];?></a></td>
+ <td>3000000</td>
+ </tr>
+ <?php endforeach;?>
+ </table>
+
+
+ </article>
- <h2>Classement <?php echo $this->lejeu; ?></h2>
- <table style="border:1px solid black;border-collapse:collapse;text-align:center;">
- <tr><th>Pseudo</th><th>Rang</th></tr>
- <?php foreach($this->classement as $courant) : ?>
- <tr><td style="border:1px solid black;padding:0 4px 0 4px;"><?php echo $courant['pseudo'];?></td><td style="border:1px solid black;"><?php echo $courant['rank'];?></td></tr>
- <?php endforeach;?>
- </table>
- <footer>
- <p>Le pied de page</p>
- </footer>
-</body>
-</html>
+<?php include(ROOT."/app/view/Includes/footer.include.html"); ?>
diff --git a/app/view/Connexion/display.html b/app/view/Connexion/display.html
deleted file mode 100644
index 958bcd520d67f5956e0968f70a8a0080724f9c9f..0000000000000000000000000000000000000000
--- a/app/view/Connexion/display.html
+++ /dev/null
@@ -1,19 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8"/>
- <title>Exemple de profil</title>
-</head>
-<body>
- <header>
- <h1>Affichage d'un profil</h1>
- </header>
- <h2>Voici le profil de quelqu'un</h2>
- <h3>Il s'agit du profil de <?php echo $this->profil->pseudo; ?></h3>
- <p>Et on dit "Bonjour <?php echo $this->profil->pseudo; ?> ! :o)</p>
- <p>Il a été appelé avec le slug : <?php echo $this->profil->slug; ?></p>
- <footer>
- <p>Le pied de page</p>
- </footer>
-</body>
-</html>
diff --git a/app/view/Connexion/displayForm.html b/app/view/Connexion/displayForm.html
index 05918fbbbd1fbe6c47f407571b470f4563d3585a..064cd0a7e5eb6a8e9805ca28fc827940019ff590 100644
--- a/app/view/Connexion/displayForm.html
+++ b/app/view/Connexion/displayForm.html
@@ -1,27 +1,30 @@
-<?php session_start(); ?>
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8"/>
- <title>Formulaire de connexion</title>
-</head>
-<body>
- <header>
- <h1>Connexion au site</h1>
- </header>
+<?php
+ session_start();
+ $page_title = "Formulaire de connexion";
+ include(ROOT."/app/view/Includes/header.include.html");
+?>
+
+
<?php if(isset($_SESSION['connexionErrCode'])) { // si message d'erreur
$errCode = $_SESSION['connexionErrCode'];
- $errMsg = ($errCode == 0) ? '<h3 style="color:red;">Identifiant inconnu !</h3>' : '<h3 style="color:red;">Mauvais mot de passe !</h3>'; // on détermine le message à afficher
- echo $errMsg; // on affiche le message
+ $errMsg = ($errCode == 0) ? '<h3>Identifiant inconnu !</h3>' : '<h3>Mauvais mot de passe !</h3>'; // on détermine le message à afficher
+ echo '<article class="msg-erreur">'.$errMsg.'</article>'; // on affiche le message
unset($_SESSION['connexionErrCode']); // on retire la variable de session
} ?>
- <form method="post" action="connexion/verify">
- <label for="login">Login : </label><input type="text" name="login" id="login" /><br/>
- <label for="password">Password : </label><input type="password" name="password" id="password" /><br/>
- <input type="submit" value="Connexion" />
- </form>
- <footer>
- <p>Le pied de page</p>
- </footer>
-</body>
-</html>
+
+ <article>
+ <h2>Formulaire de connexion</h2>
+ <div class="connexion-form">
+ <form method="post" action="connexion/verify">
+ <label for="login">Login : </label><input type="text" name="login" id="login" /><br/>
+ <label for="password">Password : </label><input type="password" name="password" id="password" /><br/>
+ <input type="checkbox" id="stayC" name="stayC" value="checket"><label for="stayC">Rester connecté</label><br />
+ <div class="submit">
+ <input type="reset" name="reset" value="Réinitialiser">
+ <input type="submit" name="submit" value="Se connecter">
+ </div>
+ </form>
+ </div>
+ </article>
+
+<?php include(ROOT."/app/view/Includes/footer.include.html"); ?>
diff --git a/app/view/Connexion/displayValid.html b/app/view/Connexion/displayValid.html
index 97aac5c6e74cdc080e8012d42de5f383de5a3c49..84ee2b7e9b03c8f81444288addf24e7538c213c7 100644
--- a/app/view/Connexion/displayValid.html
+++ b/app/view/Connexion/displayValid.html
@@ -1,16 +1,11 @@
-<?php session_start(); ?>
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8"/>
- <title>Connexion réussie</title>
-</head>
-<body>
- <header>
- <h1 style="color:green;">Vos identifiants sont corrects !</h1>
- </header>
- <footer>
- <p>Le pied de page</p>
- </footer>
-</body>
-</html>
+<?php
+ $page_title = "Connexion réussie";
+ include(ROOT."/app/view/Includes/header.include.html");
+?>
+
+ <article class="msg-valide"><h2>Vous êtes connecté !</h2></article>
+ <article>
+ <p>Vous pouvez à présent profiter de toutes les fonctionnalités du site. :)</p>
+ </article>
+
+<?php include(ROOT."/app/view/Includes/footer.include.html"); ?>
diff --git a/app/view/Error/error404.html b/app/view/Error/error404.html
index ed001b3929fe00150e397a817164140b66e3f061..b5cda4d17d55d5816c792eccfc9208b05ad3b139 100644
--- a/app/view/Error/error404.html
+++ b/app/view/Error/error404.html
@@ -1,13 +1,13 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8"/>
- <title>Erreur 404</title>
-</head>
-<body>
- <header>
- <h1>Erreur 404</h1>
- </header>
- <h2>La page que vous demandez est inaccessible, ou n'existe pas (ou plus...)</h2>
-</body>
-</html>
+<?php
+ $page_title = "Erreur 404";
+ include(ROOT."/app/view/Includes/header.include.html");
+?>
+
+ <article class="msg-erreur">
+ <h2>Erreur 404</h2>
+ </article>
+ <article>
+ <h3>La page que vous demandez est inaccessible, ou n'existe pas (ou plus...)</h3>
+ </article>
+
+<?php include(ROOT."/app/view/Includes/footer.include.html"); ?>
diff --git a/app/view/Includes/header.include.html b/app/view/Includes/header.include.html
index 070246ef63828b1e82eb4ff7fc777a5ac2de4345..2fc4832b5bffd379c3e62ce6405ec94a26681a11 100644
--- a/app/view/Includes/header.include.html
+++ b/app/view/Includes/header.include.html
@@ -4,15 +4,15 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?php echo $page_title; ?></title>
- <link rel="stylesheet" href="../app/view/Includes/css/style.css">
+ <link rel="stylesheet" href="<?php echo BASE_URL; ?>/css/style.css">
<link href='https://fonts.googleapis.com/css?family=Work+Sans' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="wrapper">
<header class="row">
<div class="col-2 col-m-2">
- <a href="index.php">
- <img class="logo-image" src="../app/view/Includes/images/logo.png" alt="logo du site web"/>
+ <a href="<?php echo BASE_URL; ?>">
+ <img class="logo-image" src="<?php echo BASE_URL; ?>/images/logo.png" alt="logo du site web"/>
</a>
</div>
@@ -22,7 +22,7 @@
<input class="search-bar" type="text" name="machin" title="machin" />
</div>
- <button type="submit" class="glass"><img src="../app/view/Includes/images/find.png" alt="icône de recherche" height="30px"/> </button>
+ <button type="submit" class="glass"><img src="<?php echo BASE_URL; ?>/images/find.png" alt="icône de recherche" height="30px"/> </button>
</form>
-->
</div>
@@ -31,8 +31,8 @@
</div>
<div class="connexion col-3 col-m-6">
- <div class="signin"><a class="connexion-link" href="inscription">Inscription</a></div>
- <div class="login"><a class="connexion-link" href="connexion">Connexion</a></div>
+ <div class="signin"><a class="connexion-link" href="<?php echo BASE_URL; ?>/inscription">Inscription</a></div>
+ <div class="login"><a class="connexion-link" href="<?php echo BASE_URL; ?>/connexion">Connexion</a></div>
</div>
</header>
diff --git a/app/view/Index/display.html b/app/view/Index/display.html
index 99df999561abebed9fd967077cf02b9d0bb9b1ab..853e33dcc661a9c542fb12a8ac89216a06e7a732 100644
--- a/app/view/Index/display.html
+++ b/app/view/Index/display.html
@@ -1,5 +1,7 @@
-<?php $page_title = "Titre de la page d'index du site de classement de jeux de plateaux pour le projet web ENSIIE 2016, et ce titre est beaucoup trop long !"; ?>
-<?php include(ROOT."/app/view/Includes/header.include.html"); ?>
+<?php
+ $page_title = "Titre de la page d'index du site de classement de jeux de plateaux pour le projet web ENSIIE 2016, et ce titre est beaucoup trop long !";
+ include(ROOT."/app/view/Includes/header.include.html");
+?>
<article>
<h1>Exemple de page d'accueil</h1>
@@ -26,5 +28,5 @@
</ul>
</article>
+
<?php include(ROOT."/app/view/Includes/footer.include.html"); ?>
-
diff --git a/app/view/Jeu/display.html b/app/view/Jeu/display.html
index ca6867cd097b34862bbdd3619264c7b9eafd1f51..eb02f8351e2e6b42f1ffe6bba7957e7ce95960bb 100644
--- a/app/view/Jeu/display.html
+++ b/app/view/Jeu/display.html
@@ -1,18 +1,29 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8"/>
- <title>Fiche d'un jeu</title>
-</head>
-<body>
- <header>
- <h1>Fiche du jeu <?php echo $this->jeu->nom; ?></h1>
- </header>
- <p><em>Description : </em><?php echo $this->jeu->description; ?></p>
- <footer>
- <p>Pied de page...</p>
- </footer>
-</body>
+<?php
+ $page_title = "Fiche du jeu ".$this->jeu->nom;
+ include(ROOT."/app/view/Includes/header.include.html");
+?>
+ <article>
+ <h2><?php echo $this->jeu->nom; ?></h2>
+ <aside class="jeu-image"><img src="<?php echo BASE_URL; ?>/images/Cosmic_Encounter_(FFG).jpg" alt="Logo du jeu <?php echo $this->jeu->nom; ?>" />
+ </aside>
+ <div class="row">
+ <p class="col-7">
+ <?php echo $this->jeu->description; ?>
+ </p>
+ </div>
+ </article>
-</html>
+ <div class="classement-card">
+ <table class="classement-table">
+ <tr><th>N°</th><th colspan="2">Joueur</th><th>Score</th></tr>
+ <tr><td>1</td><td><a href="profil.html"><img src="<?php echo BASE_URL; ?>/images/dummy_web_page.jpg" alt="Image de profil de <nom>" class="classement-profil-img"></a></td><td><a href="profil.html">Gaston</a></td><td>3000000</td></tr>
+ <tr><td>2</td><td><a href="profil.html"><img src="<?php echo BASE_URL; ?>/images/profil_42.jpg" alt="Image de profil de <nom>" class="classement-profil-img"></a></td><td><a href="profil.html">Laurent</a></td><td>150000</td></tr>
+ <tr><td>3</td><td><a href="profil.html"><img src="<?php echo BASE_URL; ?>/images/dummy_web_page.jpg" alt="Image de profil de <nom>" class="classement-profil-img"></a></td><td><a href="profil.html">Jerémy</a></td><td>15200</td></tr>
+ <tr><td>4</td><td><a href="profil.html"><img src="<?php echo BASE_URL; ?>/images/profil_42.jpg" alt="Image de profil de <nom>" class="classement-profil-img"></a></td><td><a href="profil.html">Lucas</a></td><td>500</td></tr>
+ <tr><td>5</td><td><a href="profil.html"><img src="<?php echo BASE_URL; ?>/images/dummy_web_page.jpg" alt="Image de profil de <nom>" class="classement-profil-img"></a></td><td><a href="profil.html">Christophe</a></td><td>-400</td></tr>
+
+ </table>
+ </div>
+
+<?php include(ROOT."/app/view/Includes/footer.include.html"); ?>
diff --git a/app/view/Jeu/displayFormAdd.html b/app/view/Jeu/displayFormAdd.html
index 632feba69116f831c3a460dba5c3e1974e525805..4c8dc20543eaceaff314de585c8277051779f0e6 100644
--- a/app/view/Jeu/displayFormAdd.html
+++ b/app/view/Jeu/displayFormAdd.html
@@ -1,28 +1,27 @@
-<?php session_start(); ?>
+<?php
+ session_start();
+ $page_title = "Formulaire de demande d'ajout de jeu";
+ include(ROOT."/app/view/Includes/header.include.html");
+?>
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8"/>
- <title>Formulaire de demande d'ajout de jeu</title>
-</head>
-<body>
- <header>
- <h1>Formulaire de demande d'ajout de jeu</h1>
- </header>
- <?php if(isset($_SESSION['addRequestErrCode'])) {
- echo '<h3 style="color:red;">Ce jeu est déjà dans la base !</h3>';
- unset($_SESSION['addRequestErrCode']);
- } ?>
- <form method="post" action="addjeu/addrequest">
- <label for="nom">Nom du jeu :</label> <input type="text" name="nom" required="" id="nom" /> <br/>
- <label for="description">Description :</label> <textarea name="description" id="description" ></textarea> <br/>
- <input type="submit" />
- </form>
- <footer>
- <p>Pied de page...</p>
- </footer>
-</body>
-
-</html>
+ <?php if(isset($_SESSION['addRequestErrCode'])) {
+ echo '<article class="msg-erreur"><h3>Ce jeu est déjà dans la base !</h3></article>'; // on affiche le message
+ unset($_SESSION['addRequestErrCode']);
+ } ?>
+
+ <article>
+ <h2>Formulaire de demande d'ajout de jeu</h2>
+ <div class="addjeu-form">
+ <form method="post" action="addjeu/addrequest">
+ <label for="nom">Nom du jeu :</label> <input type="text" name="nom" required="" id="nom" /> <br/>
+ <label for="description">Description :</label> <textarea name="description" id="description" ></textarea> <br/>
+ <div class="submit">
+ <input type="reset" name="reset" value="Réinitialiser">
+ <input type="submit" name="submit" value="Demander l'ajout">
+ </div>
+ </form>
+ </div>
+ </article>
+
+<?php include(ROOT."/app/view/Includes/footer.include.html"); ?>
diff --git a/app/view/Jeu/displayListe.html b/app/view/Jeu/displayListe.html
index f299dc433fe0a1fd2c5ae0b29f3671412a730491..ca76992d7e76632c09691796f4f74b0c9723e811 100644
--- a/app/view/Jeu/displayListe.html
+++ b/app/view/Jeu/displayListe.html
@@ -1,22 +1,48 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8"/>
- <title>Liste des jeux</title>
-</head>
-<body>
- <header>
- <h1>La liste de nos jeux</h1>
- </header>
- <ul>
- <?php foreach($this->liste as $jeu) : ?>
- <li><a href="jeu/<?php echo $jeu->slug;?>"><?php echo $jeu->nom;?></a></li>
- <?php endforeach;?>
- </ul>
- <footer>
- <p>Pied de page...</p>
- </footer>
-</body>
+<?php
+ $page_title = "Liste des jeux";
+ include(ROOT."/app/view/Includes/header.include.html");
+?>
+ <?php
+ $cpt = 1;
+
+ foreach($this->liste as $jeu) {
+ if($cpt == 1) {
+ echo '<div class="row game-row">';
+ }
+ ?>
+ <div class="col-3 col-m-6">
+ <div class="game">
+ <a href="jeu/<?php echo $jeu->slug;?>">
+ <img class="game-image" alt="logo du jeu <?php echo $jeu->nom;?>" src="<?php echo BASE_URL; ?>/images/Cosmic_Encounter_(FFG).jpg">
+ <div class="game-caption"><?php echo $jeu->nom;?></div>
+ </a>
+ </div>
+ </div>
+ <?php
+ if($cpt == 4) {
+ echo '</div>';
+ $cpt = 0;
+ }
+ $cpt++;
+ }
+ ?>
+
+ <?php
+ if($cpt == 1) {
+ echo '<div class="row game-row">';
+ }
+ ?>
+
+ <div class="col-3 col-m-6">
+ <div class="game more">
+ <a href="addjeu">
+ <img class="game-image" alt="bouton ajouter jeu" src="<?php echo BASE_URL; ?>/images/plus-symbol.png">
+ <div class="game-caption">Un autre jeu ?</div>
+ </a>
+ </div>
+ </div>
+ </div>
-</html>
+
+<?php include(ROOT."/app/view/Includes/footer.include.html"); ?>
diff --git a/app/view/Jeu/displayRequestValid.html b/app/view/Jeu/displayRequestValid.html
index bb9f31d542d1da785c5368bae624eda877e4d5f6..460253c8265ccffc05eff72ea126f2e1280a4739 100644
--- a/app/view/Jeu/displayRequestValid.html
+++ b/app/view/Jeu/displayRequestValid.html
@@ -1,17 +1,11 @@
-<?php session_start(); ?>
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8"/>
- <title>Demande enregistrée</title>
-</head>
-<body>
- <header>
- <h1 style="color:green;">Votre demande a été enregistrée !</h1>
- </header>
- <p>Elle sera traitée par les administrateurs dès que possible. :)</p>
- <footer>
- <p>Le pied de page</p>
- </footer>
-</body>
-</html>
+<?php
+ $page_title = "Demande enregistrée";
+ include(ROOT."/app/view/Includes/header.include.html");
+?>
+
+ <article class="msg-valide"><h2>Votre demande a été enregistrée !</h2></article>
+ <article>
+ <p>Elle sera traitée par les administrateurs dès que possible. :)</p>
+ </article>
+
+<?php include(ROOT."/app/view/Includes/footer.include.html"); ?>
diff --git a/app/view/Partie/display.html b/app/view/Partie/display.html
deleted file mode 100644
index c4150455889c499080adbed9c4c22cc517fbb528..0000000000000000000000000000000000000000
--- a/app/view/Partie/display.html
+++ /dev/null
@@ -1,17 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8"/>
- <title>Ajout de partie</title>
-</head>
-<body>
-<header>
- <h1>Page permettant d'ajouter une partie, par rapport à un jeu donné.</h1>
-</header>
-<h2>On mettra ici le nom du jeu</h2>
-
-<footer>
- <p>Le pied de page</p>
-</footer>
-</body>
-</html>
diff --git a/app/view/Partie/displayForm.html b/app/view/Partie/displayForm.html
index b2fa5a3c65ebb41ee2bcfba82a0f0c581dd62b37..cb5d00e9bd4d7dc58a6cb5506a1129ca24a22437 100644
--- a/app/view/Partie/displayForm.html
+++ b/app/view/Partie/displayForm.html
@@ -1,34 +1,32 @@
-<!DOCTYPE html>
-<html lang="fr">
-<head>
- <meta charset="UTF-8">
- <title>Formulaire d'ajout de partie</title>
-</head>
-<body>
-<header>
- <h1>Formulaire d'ajout de partie</h1>
-</header>
+<?php
+ $page_title = "Formulaire d'ajout de partie";
+ include(ROOT."/app/view/Includes/header.include.html");
+?>
-<form method="post" action="add_partie/verify">
- <label for="jeu">Jeu : </label>
- <select name="jeu" id="jeu">
- <?php foreach($this->liste as $jeu){ ?>
- <option><?php echo $jeu->nom; ?></option>
- <?php } ?>
- </select><br />
- <label for="joueurs">Joueurs :</label>
- <select name="joueurs[]" id="joueurs" multiple="multiple" size="5">
- <?php foreach($this->listej as $joueur){ ?>
- <option><?php echo $joueur->nom; ?></option>
- <?php } ?>
- </select>
- <br/>
- <label for="scores">Scores :</label><input type="text" name="scores" id="scores" /><br/>
- <input type="submit" value="Ajouter" />
-</form>
+ <article>
+ <h2>Formulaire d'ajout de partie</h2>
+ <div class="addjeu-form">
+ <form method="post" action="add_partie/verify">
+ <label for="jeu">Jeu : </label>
+ <select name="jeu" id="jeu">
+ <?php foreach($this->liste as $jeu){ ?>
+ <option><?php echo $jeu->nom; ?></option>
+ <?php } ?>
+ </select><br />
+ <label for="joueurs">Joueurs :</label>
+ <select name="joueurs[]" id="joueurs" multiple="multiple" size="5">
+ <?php foreach($this->listej as $joueur){ ?>
+ <option><?php echo $joueur->nom; ?></option>
+ <?php } ?>
+ </select>
+ <br/>
+ <label for="scores">Scores :</label><input type="text" name="scores" id="scores" /><br/>
+ <div class="submit">
+ <input type="reset" name="reset" value="Réinitialiser" />
+ <input type="submit" name="submit" value="Demander l'ajout" />
+ </div>
+ </form>
+ </div>
+ </article>
-<footer>
- <p>Le pied de page</p>
-</footer>
-</body>
-</html>
\ No newline at end of file
+<?php include(ROOT."/app/view/Includes/footer.include.html"); ?>
diff --git a/app/view/Partie/displayValid.html b/app/view/Partie/displayValid.html
index 566549bdf8fae810809c1a81066000687cb338f6..aed2a7beffd4707b7693f559ae509e4cf7736cab 100644
--- a/app/view/Partie/displayValid.html
+++ b/app/view/Partie/displayValid.html
@@ -1,10 +1,11 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="UTF-8">
- <title>Title</title>
-</head>
-<body>
+<?php
+ $page_title = "Formulaire d'ajout de partie";
+ include(ROOT."/app/view/Includes/header.include.html");
+?>
-</body>
-</html>
\ No newline at end of file
+ <article class="msg-valide"><h2>La partie a été enregistrée !</h2></article>
+ <article>
+ <p>:)</p>
+ </article>
+
+<?php include(ROOT."/app/view/Includes/footer.include.html"); ?>
\ No newline at end of file
diff --git a/app/view/Profil/display.html b/app/view/Profil/display.html
index f0c1f50dd7a3931e4b8219158da8ae3133ab581c..7e94aaeffce94a7f438b71db4329e8e51b4cac0f 100644
--- a/app/view/Profil/display.html
+++ b/app/view/Profil/display.html
@@ -1,21 +1,73 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8"/>
- <title>Exemple de profil</title>
-</head>
-<body>
- <header>
- <h1>Affichage d'un profil</h1>
- </header>
- <h2>Voici le profil de quelqu'un</h2>
- <h3>Il s'agit du profil de <?php echo $this->profil->prenom.' '.$this->profil->nom; ?>, alias <?php echo $this->profil->pseudo; ?></h3>
- <p>Et on dit "Bonjour <?php echo $this->profil->pseudo; ?> ! :o)</p>
- <p>Il a été appelé avec le slug : <?php echo $this->profil->slug; ?></p>
- <p>Vous pouvez le contacter à l'adresse : <?php echo $this->profil->email; ?></p>
- <quote><?php echo $this->profil->description; ?></quote>
- <footer>
- <p>Le pied de page</p>
- </footer>
-</body>
-</html>
+<?php
+ $page_title = "Profil de ".$this->profil->pseudo;
+ include(ROOT."/app/view/Includes/header.include.html");
+?>
+
+ <article>
+ <h2><?php echo $this->profil->pseudo; ?></h2>
+ <aside class="profil-image">
+ <img src="<?php echo BASE_URL; ?>/images/profil_42.jpg" alt="Photo de profil de <?php echo $this->profil->pseudo; ?>" />
+ </aside>
+ <div class="row">
+ <ul class="col-4 pref">
+ <li><?php echo $this->profil->prenom.' '.$this->profil->nom; ?></li>
+ <li>24 ans</li>
+ <li>ENSIIE</li>
+ <li>1A+++</li>
+ <li><?php echo $this->profil->email; ?></li>
+ </ul>
+ <ul class="col-4 pref">
+ <li><?php echo $this->profil->description; ?></li>
+ </ul>
+ <!--<ul class="col-4 pref">
+ <li>Aime le basket</li>
+ <li>N'aime pas le JQuery</li>
+ </ul>-->
+ </div>
+ <div class="col-6">
+ <h3 class="stat-title">Jeux préférés</h3>
+ <table class="jeux-preferes">
+ <tr><td><img src="<?php echo BASE_URL; ?>/images/Cosmic_Encounter_(FFG).jpg" alt="logo jeu <>" /></td><td>Rencontres Cosmiques</td></tr>
+ <tr><td><img src="<?php echo BASE_URL; ?>/images/Cosmic_Encounter_(FFG).jpg" alt="logo jeu <>" /></td><td>Rencontres Cosmiques</td></tr>
+ </table>
+ </div>
+
+ <div class="col-6">
+ <h3 class="stat-title">Meilleurs classements</h3>
+ <table class="jeux-preferes">
+ <tr><td>1</td><td><img src="<?php echo BASE_URL; ?>/images/Cosmic_Encounter_(FFG).jpg" alt="logo jeu <>" /></td><td>Rencontres Cosmiques</td><td>1e</td></tr>
+ <tr><td>2</td><td><img src="<?php echo BASE_URL; ?>/images/Cosmic_Encounter_(FFG).jpg" alt="logo jeu <>" /></td><td>Rencontres Cosmiques</td><td>2e</td></tr>
+ <tr><td>3</td><td><img src="<?php echo BASE_URL; ?>/images/Cosmic_Encounter_(FFG).jpg" alt="logo jeu <>" /></td><td>Rencontres Cosmiques</td><td>8e</td></tr>
+ <tr><td>4</td><td><img src="<?php echo BASE_URL; ?>/images/Cosmic_Encounter_(FFG).jpg" alt="logo jeu <>" /></td><td>Rencontres Cosmiques</td><td>9e</td></tr>
+ <tr><td>5</td><td><img src="<?php echo BASE_URL; ?>/images/Cosmic_Encounter_(FFG).jpg" alt="logo jeu <>" /></td><td>Rencontres Cosmiques</td><td>15e</td></tr>
+ </table>
+ <div class="more-link"><a href="" >Plus...</a></div>
+
+ </div>
+
+
+
+ <div class="row">
+ <div class="col-6">
+ <h3 class="stat-title">Jeux préférés</h3>
+ <table class="jeux-preferes">
+ <tr><td><img src="<?php echo BASE_URL; ?>/images/Cosmic_Encounter_(FFG).jpg" alt="logo jeu <>" /></td><td>Rencontres Cosmiques</td></tr>
+ <tr><td><img src="<?php echo BASE_URL; ?>/images/Cosmic_Encounter_(FFG).jpg" alt="logo jeu <>" /></td><td>Rencontres Cosmiques</td></tr>
+ </table>
+ </div>
+ <div class="col-6">
+ <h3 class="stat-title">Pire classements</h3>
+ <table class="jeux-preferes">
+ <tr><td>1</td><td><img src="<?php echo BASE_URL; ?>/images/Cosmic_Encounter_(FFG).jpg" alt="logo jeu <>" /></td><td>Rencontres Cosmiques</td><td>500e</td></tr>
+ <tr><td>2</td><td><img src="<?php echo BASE_URL; ?>/images/Cosmic_Encounter_(FFG).jpg" alt="logo jeu <>" /></td><td>Rencontres Cosmiques</td><td>300e</td></tr>
+ <tr><td>3</td><td><img src="<?php echo BASE_URL; ?>/images/Cosmic_Encounter_(FFG).jpg" alt="logo jeu <>" /></td><td>Rencontres Cosmiques</td><td>250e</td></tr>
+ <tr><td>4</td><td><img src="<?php echo BASE_URL; ?>/images/Cosmic_Encounter_(FFG).jpg" alt="logo jeu <>" /></td><td>Rencontres Cosmiques</td><td>200e</td></tr>
+ <tr><td>5</td><td><img src="<?php echo BASE_URL; ?>/images/Cosmic_Encounter_(FFG).jpg" alt="logo jeu <>" /></td><td>Rencontres Cosmiques</td><td>100e</td></tr>
+ </table>
+ <div class="more-link"><a href="" >Plus...</a></div>
+ </div>
+ </div>
+
+ </article>
+
+<?php include(ROOT."/app/view/Includes/footer.include.html"); ?>
diff --git a/app/view/Register/displayForm.html b/app/view/Register/displayForm.html
index 694629db95633bf7d6b02b70068930a69abfa6ab..dce6e51568d1c68fc1f8f0ad5d4fa2f78841fc34 100644
--- a/app/view/Register/displayForm.html
+++ b/app/view/Register/displayForm.html
@@ -1,32 +1,39 @@
-<?php session_start(); ?>
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8"/>
- <title>Formulaire d'inscription</title>
-</head>
-<body>
- <header>
- <h1>Inscription au site</h1>
- </header>
- <?php if(isset($_SESSION['registerErrCode'])) { // si message d'erreur
- $errCode = $_SESSION['registerErrCode'];
- $errMsg = ($errCode == 2) ? '<h3 style="color:red;">Pseudo déjà utilisé !</h3>' : '<h3 style="color:red;">Adresse e-mail déjà utilisée !</h3>'; // on détermine le message à afficher
- echo $errMsg; // on affiche le message
- unset($_SESSION['registerErrCode']); // on retire la variable de session
- } ?>
- <form method="post" action="inscription/verify">
- <label for="pseudo">Pseudo* : </label> <input type="text" required="" name="pseudo" id="pseudo" /><br/>
- <label for="password">Mot de passe* : </label> <input type="password" required="" name="password" id="password" /><br/>
- <label for="password_bis">Vérification mdp* : </label> <input type="password" required="" name="password_bis" id="password_bis" /><br/>
- <label for="nom">Nom* : </label> <input type="text" required="" name="nom" id="nom" /><br/>
- <label for="prenom">Prénom* : </label> <input type="text" required="" name="prenom" id="prenom" /><br/>
- <label for="email">Adresse e-mail* : </label> <input type="email" required="" name="email" id="email" /><br/>
- <label for="description">Une description de vous : </label><textarea name="description" id="description"></textarea><br/>
- <input type="submit" value="Inscription" />
- </form>
- <footer>
- <p>Le pied de page</p>
- </footer>
-</body>
-</html>
+<?php
+ session_start();
+
+ $page_title = "Formulaire d'inscription";
+ include(ROOT."/app/view/Includes/header.include.html");
+?>
+
+
+ <?php
+ if(isset($_SESSION['registerErrCode'])) { // si message d'erreur
+ $errCode = $_SESSION['registerErrCode'];
+ $errMsg = ($errCode == 2) ? '<h3>Pseudo déjà utilisé !</h3>' : '<h3>Adresse e-mail déjà utilisée !</h3>'; // on détermine le message à afficher
+ echo '<article class="msg-erreur">'.$errMsg.'</article>'; // on affiche le message
+ unset($_SESSION['registerErrCode']); // on retire la variable de session
+ }
+ ?>
+
+
+ <article>
+ <h2>Formulaire d'inscription</h2>
+ <div class="inscription-form">
+ <form method="post" action="inscription/verify">
+ <label for="pseudo">Pseudo* : </label> <input type="text" required="" name="pseudo" id="pseudo" /><br/>
+ <label for="password">Mot de passe* : </label> <input type="password" required="" name="password" id="password" /><br/>
+ <label for="password_bis">Vérification mdp* : </label> <input type="password" required="" name="password_bis" id="password_bis" /><br/>
+ <label for="nom">Nom* : </label> <input type="text" required="" name="nom" id="nom" /><br/>
+ <label for="prenom">Prénom* : </label> <input type="text" required="" name="prenom" id="prenom" /><br/>
+ <label for="email">Adresse e-mail* : </label> <input type="email" required="" name="email" id="email" /><br/>
+ <label for="description">Une description de vous : </label><textarea name="description" id="description"></textarea><br/>
+ <div class="submit">
+ <input type="reset" name="reset" value="Réinitialiser">
+ <input type="submit" name="submit" value="S'inscrire">
+ </div>
+ </form>
+ </div>
+ </article>
+
+
+<?php include(ROOT."/app/view/Includes/footer.include.html"); ?>
diff --git a/app/view/Register/displayValid.html b/app/view/Register/displayValid.html
index 4c39248d173552bb7ecc8927b14f7ae9301c5e12..cd0f28841428f5f2ec6e28fc553828c4964a0aca 100644
--- a/app/view/Register/displayValid.html
+++ b/app/view/Register/displayValid.html
@@ -1,16 +1,11 @@
-<?php session_start(); ?>
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8"/>
- <title>Inscription réussie</title>
-</head>
-<body>
- <header>
- <h1 style="color:green;">Vous êtes maintenant inscrit !</h1>
- </header>
- <footer>
- <p>Le pied de page</p>
- </footer>
-</body>
-</html>
+<?php
+ $page_title = "Inscription réussie";
+ include(ROOT."/app/view/Includes/header.include.html");
+?>
+
+ <article class="msg-valide"><h2>Vous êtes maintenant inscrit !</h2></article>
+ <article>
+ <p>Connectez-vous pour profiter de toutes les possibilités du site. :)</p>
+ </article>
+
+<?php include(ROOT."/app/view/Includes/footer.include.html"); ?>
diff --git a/app/view/Includes/css/style.css b/www/css/style.css
similarity index 87%
rename from app/view/Includes/css/style.css
rename to www/css/style.css
index 6b4271330f2faee7af46490f8b1059c0aacc2faa..0c1929b47ce0e3ec8eb668177bfcf84416cf45b7 100644
--- a/app/view/Includes/css/style.css
+++ b/www/css/style.css
@@ -42,9 +42,8 @@ article{
width:100%;
background:white;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
- padding-bottom: 20px;
- padding-top: 20px;
box-sizing: border-box;
+ padding: 20px;
}
@@ -94,14 +93,16 @@ header a:hover, footer a:hover{
.signin{
- width:40%;
+ width:48%;
text-align: center;
padding: 2px;
+ border-right: mintcream solid 1px;
background: #02071E linear-gradient(to bottom, #02071E, #02071E, rgba(255, 255, 255, 0));
-webkit-transition: background 500ms; /* Safari */
transition: background 500ms ;
display: inline-block;
height:30px;
+ margin-right:-4px;
}
.signin:hover{
@@ -110,7 +111,7 @@ header a:hover, footer a:hover{
}
.login{
- width:50%;
+ width:48%;
text-align: center;
padding: 2px;
border-left: mintcream solid 1px;
@@ -119,6 +120,7 @@ header a:hover, footer a:hover{
transition: background 500ms ;
display: inline-block;
height:30px;
+ margin-left:-4px;
}
.login:hover{
@@ -210,13 +212,50 @@ header a:hover, footer a:hover{
+div.submit {
+ text-align:center;
+ margin-top:10px;
+}
+
+div.submit input[type=submit], div.submit input[type=reset] {
+ margin-left:5px;
+ margin-right:5px;
+}
+
.connexion-form{
margin: auto;
display: block;
width: 300px;
}
-.connexion-form input{
+.inscription-form{
+ margin: auto;
+ display: block;
+ width: 400px;
+}
+.addjeu-form{
+ margin: auto;
+ display: block;
+ width: 324px;
+}
+
+.connexion-form label , .addjeu-form label {
+ display: block;
+ min-width: 140px;
+ float: left;
+}
+
+.inscription-form label {
+ display: block;
+ min-width: 210px;
+ float: left;
+}
+
+.inscription-form textarea {
+ width: 170px;
+}
+
+.connexion-form input, .inscription-form input{
margin-bottom:12px;
}
@@ -239,9 +278,6 @@ header a:hover, footer a:hover{
box-shadow: 0 6px 20px 2px black;
}
-article {
- padding: 10px;
-}
article h1{
text-align: center;
font-size: 2em;
@@ -251,6 +287,19 @@ article h2{
text-align: center;
}
+.msg-erreur {
+ color: white;
+ background-color: red;
+}
+
+.msg-valide h2 {
+ text-align:left;
+}
+.msg-valide {
+ color: white;
+ background-color: green;
+}
+
.classement-card{
width:100%;
background:white;
@@ -280,6 +329,8 @@ article h2{
width: 50px;
border-radius: 100%;
}
+
+
@media only screen and (min-width: 600px) {
/* For tablets: */
.col-m-1 {width: 8.33%;}
diff --git a/app/view/Includes/images/Cosmic_Encounter_(FFG).jpg b/www/images/Cosmic_Encounter_(FFG).jpg
similarity index 100%
rename from app/view/Includes/images/Cosmic_Encounter_(FFG).jpg
rename to www/images/Cosmic_Encounter_(FFG).jpg
diff --git a/app/view/Includes/images/dummy_web_page.jpg b/www/images/dummy_web_page.jpg
similarity index 100%
rename from app/view/Includes/images/dummy_web_page.jpg
rename to www/images/dummy_web_page.jpg
diff --git a/app/view/Includes/images/find.png b/www/images/find.png
similarity index 100%
rename from app/view/Includes/images/find.png
rename to www/images/find.png
diff --git a/app/view/Includes/images/logo.png b/www/images/logo.png
similarity index 100%
rename from app/view/Includes/images/logo.png
rename to www/images/logo.png
diff --git a/app/view/Includes/images/plus-symbol.png b/www/images/plus-symbol.png
similarity index 100%
rename from app/view/Includes/images/plus-symbol.png
rename to www/images/plus-symbol.png
diff --git a/app/view/Includes/images/profil_42.jpg b/www/images/profil_42.jpg
similarity index 100%
rename from app/view/Includes/images/profil_42.jpg
rename to www/images/profil_42.jpg
diff --git a/www/index.php b/www/index.php
index d51346b319185fb2eede1d174cd4a593f1186aef..f9c2c0ac1e5012234c4a34c0c92cc6410f701721 100644
--- a/www/index.php
+++ b/www/index.php
@@ -11,6 +11,7 @@
//
define("ROOT", realpath(__dir__."/..")); // on définit une sorte de variable globale, nommée ROOT, qui contient le répertoire racine de notre site. On s'en servira par la suite lorsque l'on voudra accéder à tel ou tel fichier (vue, contrôleur, modèle ou autre...
+define("BASE_URL", "http://localhost/projet-web-2016/www"); // on définit une sorte de variable globale, nommée BASE_URL, qui contient le répertoire du point d'entrée de notre site, qui contient les images, css, etc.
require_once(ROOT . "/app/kernel/Kernel.php"); // première chose à faire : on inclut le fichier noyau, qui va gérer les différentes actions à effectuer (trouver quelle page est demandée, quel contrôleur appeler, quelle vue afficher, etc.)