Sir-Will
diff --git a/‎app.coffee
+3 b/‎app.coffee
+3
diff --git a/‎index.html
+15-28 b/‎index.html
+15-28
diff --git a/‎public/app.js
+2-19 b/‎public/app.js
+2-19
diff --git a/‎public/polymer.html ‎public/index.html b/‎public/polymer.html ‎public/index.html
@@ -91,6 +91,9 @@ presence.on 'change', ()->
 
 # Render the homepage
 app.get "/", (req, res) ->
+  res.sendfile "public/index.html"
+
+app.get "/old", (req, res) ->
   res.sendfile "index.html"
 
 app.listen process.env.PORT || 3000
@@ -3,40 +3,32 @@
   <head>
     <title>chat with sdslabs</title>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-    <link rel="stylesheet" href="style.css">
-    <link rel="stylesheet" href="normalize.css">
-    <link rel="stylesheet" href="skeleton.css">
+    <link rel="stylesheet" href="old-style.css">
     <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
     <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-timeago/1.4.0/jquery.timeago.min.js"></script>
     <script src="//cdnjs.cloudflare.com/ajax/libs/mustache.js/0.8.1/mustache.min.js"></script>
     <script src="//cdn.jsdelivr.net/emojione/1.2.2/lib/js/emojione.min.js"></script>
     <link rel="stylesheet" href="//cdn.jsdelivr.net/emojione/1.2.2/assets/css/emojione.min.css" type="text/css" media="all">
   </head>
   <body>
-    <div class="container u-full-width">
-      <div class="row">
-        <h2>chat</h2>
-      </div>
-      <div class="row u-full-width">
-        <div class="ten columns u-full-width">
-          <div class="channel-log u-full-width">
-            <table>
-              <tbody></tbody>
-            </table>
+
+    <div id="slate">
+      <div id="content">
+        <div id="channels">
+          <div class="channel focused">
+            <h2>chat</h2>
+
+            <div class="channel-log">
+              <table class="">
+                <tbody>
+                </tbody>
+              </table>
+            </div>
           </div>
         </div>
-        <div class="two columns" id="userlist">
-          List of users
-        </div>
-      </div>
-      <div class="row">
-        <textarea id="message-input" class="u-fill-width" placeholder="Message
-Start a message with ! to mark it private"></textarea>
       </div>
-    </div>
-
-
 
+      <textarea id="message-input" placeholder="Message"></textarea>
     </div>
     <script src="/socket.io/socket.io.js"></script>
     <script src="app.js"></script>
@@ -47,10 +39,5 @@ <h2>chat</h2>
         <td class="date timeago" title="{{timestamp}}"></td>
       </tr>
     </script>
-    <script id="template-users" type="x-tmpl-mustache">
-      {{#users}}
-      <h5>{{username}}</h5>
-      {{/users}}
-    </script>
   </body>
 </html>
@@ -11,18 +11,13 @@ $(function(){
 
   // Compile template function
   var template = $('#template-message').text();
-  var userTemplate = $('#template-users').text();
   Mustache.parse(template);
-  Mustache.parse(userTemplate);
 
   var app = {
     chatHandler: function(data){
       var timestamp = new Date(data.timestamp).toISOString();
       // Escape the message and run it through emojione
       var message = emojione.shortnameToImage(Mustache.escape(data.message));
-      if(data.private){
-        data.classes+=" private";
-      }
       var templateData = {
         classes: data.classes,
         message: message,
@@ -39,7 +34,7 @@ $(function(){
         scrollTop: $('.channel-log')[0].scrollHeight
       });
     }
-  };
+  }
 
   // Attach event handler
   $('#message-input').keydown(function(e){
@@ -64,28 +59,16 @@ $(function(){
   });
 
   socket.on('chat:log', function(msgs){
-    for(var i in msgs){
+    for(i in msgs){
       var msg = msgs[i];
       app.chatHandler(msg);
     }
     // Scroll to Bottom after everything's done
     app.scroll();
   });
 
-  socket.on('presence:list', function(list){
-    var data = list.map(function(u){
-      return {"username": u};
-    });
-    data = {"users":data};
-    console.log(data);
-    var html = Mustache.render(userTemplate, data);
-    console.log(html);
-    $('#userlist').html(html);
-  });
-
   socket.on('connect', function(){
     socket.emit('chat:demand');
-    socket.emit('presence:demand');
   });
   socket.on('reconnect', function(){
     $('#message-input').removeClass('disconnected').attr('placeholder', "Message");