1 files changed, 13 insertions, 5 deletions
diff --git a/index.html b/index.html
index 081ea9e..1d39298 100644
--- a/index.html
+++ b/index.html
@@ -6,17 +6,25 @@
   <body class="container">
     <div id="chan-container">
       <div class="ui pointing secondary menu">
+        <a class='active item' data-id='0' data-tab='status'>status</a>
+      </div>
+      <div class='ui active tab' data-id='0' data-tab='status'>
+        <div class='ui segment chat' data-id='0' data-tab='status'></div>
       </div>
-
     </div>
-      <div id="message">
-        <div class="ui input" id="message-container">
-          <input placeholder="Message" id="send-message" type="text">
-        </div>
+    </div>
+    <div id="message">
+      <div class="ui input" id="message-container">
+        <input placeholder="Message" id="send-message" type="text" autofocus="true">
       </div>
+    </div>
     <script>
       window.$ = window.jQuery = require('./lib/jquery-2.2.2.js');
       var blachat = require("./index.js");
+      function scrollToTop(channel) {
+        var chatTab = $("[data-tab=chan-"+ channel +"].chat");
+        chatTab.scrollTop(chatTab.prop('scrollHeight'));
+      }
     </script>
     <link rel="stylesheet" type="text/css" href="lib/semantic/dist/semantic.min.css">
     <link rel="stylesheet" type="text/css" href="style.css">