From 77a67e06e51eab270f9eea1aefa5388466df4757 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cyrille=20M=C3=A9dard=20de=20Chardon?= <cyrillem@gmail.com>
Date: Tue, 23 Sep 2014 20:53:24 +0200
Subject: [PATCH] Made the number of hackers display in green box

---
 css/level2.css | 4 ++++
 index.html     | 5 ++---
 js/level2.js   | 6 ++----
 3 files changed, 8 insertions(+), 7 deletions(-)
diff --git a/css/level2.css b/css/level2.css
index 1686cb0..22ac744 100644
--- a/css/level2.css
+++ b/css/level2.css
@@ -72,6 +72,10 @@ h1, h2, h3, h4, h5, h6 {
 .weather {
 }
 
+.hackers {
+	font-size: 0.8em;
+}
+
 .logo {
     text-align: center;
     font-size: 4em;
diff --git a/index.html b/index.html
index c39d0f9..cd73db8 100644
--- a/index.html
+++ b/index.html
@@ -1,4 +1,3 @@
-
 <!DOCTYPE HTML>
 
 <html>
@@ -17,11 +16,11 @@
             <div class="row">
                 <div class="col-sm-12 col-md-4 logo">
                     Level2
-                    <div class="NbrHackers"></div>
                 </div>
 
                 <div class="col-sm-6 col-md-4">
-                    <div class="panel status"></div>
+					<div class="panel status">
+					</div>
                 </div>
 
                 <div class="col-sm-6 col-md-4 datetime">
diff --git a/js/level2.js b/js/level2.js
index 664e905..1baef30 100644
--- a/js/level2.js
+++ b/js/level2.js
@@ -224,15 +224,13 @@ function l2status() {
             if (status.state.open) {
                 $('.status')
                     .addClass('open')
-                    .html('<h1>Open</h1> Opened ' + timeStamp);
+                    .html('<h1>Open</h1> Opened ' + timeStamp + "<br>" +
+					'<div class="hackers">' +status.sensors.people_now_present[0].value + ' people inside</div>' );
             } else {
                 $('.status')
                     .addClass('closed')
                     .html('<h1>Closed</h1> ' + timeStamp);
             }
-
-            $('.NbrHackers').text( status.sensors.people_now_present[0].value + ' people inside' );
-
         }
     });
 
