Modification de la page d'accueil. Version statique pour proposition de design

app/view/Index/display.html

@@ -3,30 +3,58 @@
 	include(ROOT."/app/view/Includes/header.include.html"); 
 ?>
 
+	<article class="surtitre"><h2><em>Classements ludiques</em>, pour vous affronter sur vos jeux préférés !</h2></article>
 	<article>
-		<h1>Exemple de page d'accueil</h1>
+        <div class="col-6">
+            <h3 class="stat-title">Jeux les plus joués sur <em>Classements ludiques</em></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><td>1500x</td></tr>
+                <tr><td><img src="<?php echo BASE_URL; ?>/images/Cosmic_Encounter_(FFG).jpg" alt="logo jeu <>" /></td><td>Échecs</td><td>50x</td></tr>
+                <tr><td><img src="<?php echo BASE_URL; ?>/images/Cosmic_Encounter_(FFG).jpg" alt="logo jeu <>" /></td><td>Risk</td><td>42x</td></tr>
+				<tr><td colspan=3><a href="<?php echo BASE_URL; ?>/listejeux">Voir plus de jeux</a></td></tr>
+            </table>
+        </div>
 
-		<h3 style="margin-bottom:-2px;"><a href="listejeux">Liste de jeux</a></h3>
-		<ul>
-			<?php foreach($this->list as $jeu) : ?>
-			<li><a href="jeu/<?php echo $jeu->slug;?>"><?php echo $jeu->nom;?></a></li>
-			<?php endforeach;?>
+        <div class="col-6">
+            <h3 class="stat-title">Dernier inscrit :</h3>
+			<aside class="profil-image">
+				<img src="<?php echo BASE_URL; ?>/images/profil_42.jpg" alt="Photo de profil de phoenix" />
+			</aside>
+			<ul class="col-4 pref">
+				<li>Eliah REBSTOCK</li>
 			</ul>
-		<h3 style="margin-bottom:-2px;"><a href="addjeu">Demander à ajouter un jeu</a></h3>
 			
-		<h3 style="margin-bottom:-4px;">Liste de profils</h3>
-		<ul>
-			<?php foreach($this->listprofils as $profil) : ?>
-			<li><a href="profil/<?php echo $profil->slug;?>">Voir le profil de <?php echo $profil->pseudo;?></a></li>
-			<?php endforeach;?>
-		</ul>
+        </div>
 
-		<h3 style="margin-bottom:-4px;">Classements</h3>
-		<ul>
-			<li><a href="classement/global/">Classement global</a></li>
-			<li><a href="classement/jeu/random">Classement pour un jeu spécifique</a></li>
-		</ul>
+        <div class="col-6">
+            <h3 class="stat-title">Nombre d'inscrit sur <em>Classements ludiques</em></h3>
+			<blockquote class="stat-title">42</blockquote>
+        </div>
+
+
+
+		<div class="row">
+		<?php 
+		if(isset($_SESSION['connected']) && $_SESSION['connected'] == true) {
+		?>
+			<h2 class="stat-title">Vous êtes connecté</h2>
+			<div class="inscription-btn-container">
+				<a class="inscription-btn" href="<?php echo BASE_URL; ?>/add_partie">Ajouter une partie !</a>
+			</div>
+		<?php 
+		}
+		else {
+		?>
+			<h2 class="stat-title">Pas encore inscrit ?</h2>
+			<div class="inscription-btn-container">
+				<a class="inscription-btn" href="<?php echo BASE_URL; ?>/inscription">Inscrivez-vous !</a>
+			</div>
+		<?php 
+		}
+		?>
+		</div>
 
     </article>
 	
+	
 <?php include(ROOT."/app/view/Includes/footer.include.html"); ?>

www/css/style.css

@@ -154,6 +154,37 @@ header a:hover, footer a:hover {
     background: blue linear-gradient(to bottom, #02071E, #02071E, rgba(255, 255, 255, 0));
 }
 
+
+
+.inscription-btn-container {
+    text-align: center;
+    background: #02071E;
+    line-height: 30px;
+    height:34px;
+	border-radius:10px;
+}
+
+
+.inscription-btn {
+    color:blanchedalmond;
+	font-weight : bold;
+	text-decoration:none;
+    width:100%;
+    padding: 2px;
+	border-radius:10px;
+    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;
+}
+
+.inscription-btn:hover {
+    background: red linear-gradient(to bottom, #02071E, #02071E, rgba(255, 255, 255, 0));
+
+}
+
+
 nav ul {
 	text-align:center;
 	margin:0;
@@ -402,6 +433,11 @@ article h2{
 	background-color: green;
 }
 
+.surtitre {
+	color: white;
+	background-color:  #4A588F;
+}
+
 .classement-card{
     width:100%;
     background:white;