From 5db3f5eff9ad3b050a2d52bfa2e1d4337b4c3bce Mon Sep 17 00:00:00 2001
From: nemunaire <nemunaire@nemunai.re>
Date: Thu, 8 Dec 2016 12:00:33 +0100
Subject: [PATCH] WIP esthetic changes

---
 frontend/static/index.html       |  2 +-
 frontend/static/views/theme.html | 14 ++++++++------
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/frontend/static/index.html b/frontend/static/index.html
index 7268f504..f06e2d12 100644
--- a/frontend/static/index.html
+++ b/frontend/static/index.html
@@ -107,7 +107,7 @@
 
 	<div class="col-sm-3">
 	  <div class="list-group">
-	    <a ng-repeat="(k,theme) in themes" ng-class="{active: k == current_theme}" class="list-group-item" href="/{{ k }}"><span class="badge"><span ng-show="(my.team_id)">{{ theme.exercice_solved }}/</span>{{ theme.exercice_count }}</span>{{ theme.name }}</a>
+	    <a ng-repeat="(k,theme) in themes" ng-class="{active: k == current_theme}" class="list-group-item" href="/{{ k }}"><span class="badge"><span class="glyphicon glyphicon-gift" aria-hidden="true"></span> <span ng-show="(my.team_id)">{{ theme.exercice_solved }}/</span>{{ theme.exercice_count }}</span>{{ theme.name }} <span class="glyphicon glyphicon-fire" aria-hidden="true"></span></a>
 	  </div>
 
 	  <a href="https://srs.epita.fr/">
diff --git a/frontend/static/views/theme.html b/frontend/static/views/theme.html
index e2bbec27..9b33a031 100644
--- a/frontend/static/views/theme.html
+++ b/frontend/static/views/theme.html
@@ -8,7 +8,7 @@
 	  <div style="margin-top: 15px" class="well well-lg" ng-show="(my.exercices[current_exercice])">
 	    <p ng-bind-html="my.exercices[current_exercice].statement"></p>
 	    <ul>
-	      <li><strong>Gain :</strong> {{ themes[current_theme].exercices[current_exercice].gain }} points</li>
+	      <li><strong>Gain :</strong> {{ themes[current_theme].exercices[current_exercice].gain }} points <em ng-show="themes[current_theme].happy">+50% happy hour</em> <em ng-show="themes[current_theme].exercices[current_exercice].solved < 1">+50% first blood</em></li>
 	      <li><strong>Résolu par :</strong> {{ themes[current_theme].exercices[current_exercice].solved }} équipes</li>
 	    </ul>
 	  </div>
@@ -47,7 +47,7 @@
 	      <div class="panel-title"><span class="glyphicon glyphicon-flag" aria-hidden="true"></span> Soumettre une solution</div>
 	    </div>
 	    <ul class="list-group" ng-show="(my.exercices[current_exercice].solved_number || my.exercices[current_exercice].submitted || sberr)">
-	      <li class="list-group-item text-warning" ng-show="my.exercices[current_exercice].solved_number">{{ my.exercices[current_exercice].solved_number }} tentative(s) effectuée(s). Dernière solution envoyée à {{ my.exercices[current_exercice].solved_time | date:"fullDate" }}.</li>
+	      <li class="list-group-item text-warning" ng-show="my.exercices[current_exercice].solved_number">{{ my.exercices[current_exercice].solved_number }} tentative(s) effectuée(s). Dernière solution envoyée à {{ my.exercices[current_exercice].solved_time | date:"mediumTime" }}.</li>
 	      <li class="list-group-item" ng-class="messageClass" ng-show="my.exercices[current_exercice].submitted || sberr"><strong ng-show="!sberr">Votre solution a bien été envoyée !</strong><strong ng-show="sberr">{{ sberr }}</strong> {{ message }}</li>
 	    </ul>
 	    <div class="panel-body" ng-show="!my.exercices[current_exercice].submitted || sberr">
@@ -69,7 +69,7 @@
 	      <div class="panel-title"><span class="glyphicon glyphicon-flag" aria-hidden="true"></span> Challenge réussi !</div>
 	    </div>
 	    <div class="panel-body">
-	      Vous êtes la {{ my.exercices[current_exercice].solved_number }}<sup>e</sup> équipe à avoir résolu ce challenge à {{ my.exercices[current_exercice].solved_time | date:"fullDate" }}. Vous avez marqué {{ themes[current_theme].exercices[current_exercice].gain }} points !
+	      Vous êtes la {{ my.exercices[current_exercice].solved_number }}<sup>e</sup> équipe à avoir résolu ce challenge à {{ my.exercices[current_exercice].solved_time | date:"mediumTime" }}. Vous avez marqué {{ themes[current_theme].exercices[current_exercice].gain }} points !
 	    </div>
 	  </div>
 
@@ -85,8 +85,10 @@
 		<dt title="{{ key.slice(128) }}">{{ key.slice(128) }}</dt>
 		<dd class="samp"><samp>{{ key.slice(0, 128) }}</samp></dd>
 	      </dl>
-	      <iframe type="text/html" ng-show="my.exercices[current_exercice].video_uri" ng-src="{{ my.exercices[current_exercice].video_uri }}" frameborder="0" style="width: 100%; height: 35vw">
-		Regardez la vidéo de résolution de cet exercice : <a ng-href="{{ my.exercices[current_exercice].video_uri }}">{{ my.exercices[current_exercice].video_uri }}</a>.
-	      </iframe>
+	      <div class="embed-responsive">
+		<iframe type="text/html" ng-show="my.exercices[current_exercice].video_uri" ng-src="{{ my.exercices[current_exercice].video_uri }}" class="embed-responsive-item">
+		  Regardez la vidéo de résolution de cet exercice : <a ng-href="{{ my.exercices[current_exercice].video_uri }}">{{ my.exercices[current_exercice].video_uri }}</a>.
+		</iframe>
+	      </div>
 	    </div>
 	  </div>