From db5ea28dfa2417fef8690b61b7e2a0beaa791bd9 Mon Sep 17 00:00:00 2001
From: vbochet <vbochet@gmail.com>
Date: Fri, 6 May 2016 15:54:54 +0200
Subject: [PATCH] Modification de la page d'accueil. Version statique pour
proposition de design
---
app/view/Index/display.html | 76 +++++++++++++++++++++++++------------
www/css/style.css | 36 ++++++++++++++++++
2 files changed, 88 insertions(+), 24 deletions(-)
diff --git a/app/view/Index/display.html b/app/view/Index/display.html
index 853e33d..8ccb25d 100644
--- a/app/view/Index/display.html
+++ b/app/view/Index/display.html
@@ -3,30 +3,58 @@
include(ROOT."/app/view/Includes/header.include.html");
?>
- <article>
- <h1>Exemple de page d'accueil</h1>
-
- <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;?>
- </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>
-
- <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>
-
+ <article class="surtitre"><h2><em>Classements ludiques</em>, pour vous affronter sur vos jeux préférés !</h2></article>
+ <article>
+ <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>
+
+ <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>
+
+ </div>
+
+ <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"); ?>
diff --git a/www/css/style.css b/www/css/style.css
index bd88fa9..c420354 100644
--- a/www/css/style.css
+++ b/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;
--
GitLab