--- a/coffee/index.coffee	Mon Mar 21 15:47:51 2016 +0800
+++ b/coffee/index.coffee	Mon Mar 21 19:50:21 2016 +0800
@@ -11,10 +11,16 @@
 
 X.on 'disconnected', ->
   $('[data-step="login"]').removeClass('uk-hidden')
+  $('[data-step="main"]').addClass('uk-hidden')
 
 
 X.on 'connected attached', ->
   $('[data-step="login"]').addClass('uk-hidden')
+  $('[data-step="main"]').removeClass('uk-hidden')
+
+
+$('button[data-disconnect]').on 'click', ->
+  X.disconnect('Logged out')
 
 
 $form = $('[data-form="connect"]')

--- a/index.html	Mon Mar 21 15:47:51 2016 +0800
+++ b/index.html	Mon Mar 21 19:50:21 2016 +0800
@@ -49,6 +49,12 @@
       $('[data-step="noscript"]').addClass('uk-hidden');
       $('[data-step="login"]').removeClass('uk-hidden');
     </script>
+
+    <div class="uk-hidden" data-step="main">
+      <button type="button" class="uk-button" data-disconnect>
+        <i class="uk-icon-sign-out"></i>&nbsp;Log out
+      </button>
+    </div>
     <script src='/js/tram.js'></script>
     <script src='/js/validation.js'></script>
     <script src='/js/xmpp.js'></script>

--- a/js/index.js	Mon Mar 21 15:47:51 2016 +0800
+++ b/js/index.js	Mon Mar 21 19:50:21 2016 +0800
@@ -13,11 +13,17 @@
   });
 
   X.on('disconnected', function() {
-    return $('[data-step="login"]').removeClass('uk-hidden');
+    $('[data-step="login"]').removeClass('uk-hidden');
+    return $('[data-step="main"]').addClass('uk-hidden');
   });
 
   X.on('connected attached', function() {
-    return $('[data-step="login"]').addClass('uk-hidden');
+    $('[data-step="login"]').addClass('uk-hidden');
+    return $('[data-step="main"]').removeClass('uk-hidden');
+  });
+
+  $('button[data-disconnect]').on('click', function() {
+    return X.disconnect('Logged out');
   });
 
   $form = $('[data-form="connect"]');

--- a/js/index.js.map	Mon Mar 21 15:47:51 2016 +0800
+++ b/js/index.js.map	Mon Mar 21 19:50:21 2016 +0800
@@ -6,5 +6,5 @@
     "coffee/index.coffee"
   ],
   "names": [],
-  "mappings": ";AAAA;AAAA,MAAA;;EAAA,MAAM,CAAC,CAAP,GAAe,IAAA,IAAI,CAAC,aAAL,CAAA;;EAGf,CAAC,CAAC,EAAF,CAAK,YAAL,EAAmB,SAAA;WACjB,CAAA,CAAE,kBAAF,CAAqB,CAAC,QAAtB,CAA+B,WAA/B;EADiB,CAAnB;;EAIA,CAAC,CAAC,EAAF,CAAK,UAAL,EAAiB,SAAA;WACf,CAAA,CAAE,qBAAF,CAAwB,CAAC,WAAzB,CAAqC,WAArC;EADe,CAAjB;;EAIA,CAAC,CAAC,EAAF,CAAK,cAAL,EAAqB,SAAA;WACnB,CAAA,CAAE,qBAAF,CAAwB,CAAC,WAAzB,CAAqC,WAArC;EADmB,CAArB;;EAIA,CAAC,CAAC,EAAF,CAAK,oBAAL,EAA2B,SAAA;WACzB,CAAA,CAAE,qBAAF,CAAwB,CAAC,QAAzB,CAAkC,WAAlC;EADyB,CAA3B;;EAIA,KAAA,GAAQ,CAAA,CAAE,uBAAF;;EAGR,KAAK,CAAC,IAAN,CAAW,OAAX,CAAmB,CAAC,EAApB,CAAuB,SAAvB,EAAkC,SAAC,CAAD;AAChC,QAAA;IAAA,IAAG,CAAC,CAAI,IAAC,CAAA,QAAL,IAAiB,IAAC,CAAA,KAAD,KAAY,EAA9B,CAAA,IAAsC,CAAC,CAAC,OAAF,KAAa,EAAtD;MACE,CAAC,CAAC,cAAF,CAAA;MACA,KAAA,GAAQ,KAAK,CAAC,IAAN,CAAW,OAAX,CAAmB,CAAC,KAApB,CAA0B,IAA1B;MACR,KAAA,GAAQ,KAAK,CAAC,IAAN,CAAW,OAAX,CAAmB,CAAC,EAApB,CAAuB,KAAA,GAAQ,CAA/B;MACR,IAAG,KAAK,CAAC,MAAN,KAAkB,CAArB;eACE,KAAK,CAAC,KAAN,CAAA,EADF;OAAA,MAAA;eAGE,KAAK,CAAC,IAAN,CAAW,QAAX,CAAoB,CAAC,OAArB,CAA6B,OAA7B,EAHF;OAJF;;EADgC,CAAlC;;EAWA,KAAK,CAAC,IAAN,CAAW,QAAX,CAAoB,CAAC,EAArB,CAAwB,OAAxB,EAAiC,SAAC,CAAD;AAC/B,QAAA;IAAA,CAAC,CAAC,cAAF,CAAA;IACA,EAAA,GAAK;IACL,IAAI,CAAC,UAAU,CAAC,UAAhB,CAA2B,CAAA,CAAE,sBAAF,CAA3B;IACA,EAAA,IAAM,IAAI,CAAC,UAAU,CAAC,gBAAhB,CAAiC,CAAA,CAAE,WAAF,CAAjC,EAAiD,IAAjD;IACN,EAAA,IAAM,IAAI,CAAC,UAAU,CAAC,gBAAhB,CAAiC,CAAA,CAAE,WAAF,CAAjC;IACN,IAAG,EAAH;aACE,CAAC,CAAC,OAAF,CAAU,CAAA,CAAE,WAAF,CAAc,CAAC,GAAf,CAAA,CAAoB,CAAC,IAArB,CAAA,CAAV,EAAuC,CAAA,CAAE,WAAF,CAAc,CAAC,GAAf,CAAA,CAAvC,EADF;;EAN+B,CAAjC;AAjCA"
+  "mappings": ";AAAA;AAAA,MAAA;;EAAA,MAAM,CAAC,CAAP,GAAe,IAAA,IAAI,CAAC,aAAL,CAAA;;EAGf,CAAC,CAAC,EAAF,CAAK,YAAL,EAAmB,SAAA;WACjB,CAAA,CAAE,kBAAF,CAAqB,CAAC,QAAtB,CAA+B,WAA/B;EADiB,CAAnB;;EAIA,CAAC,CAAC,EAAF,CAAK,UAAL,EAAiB,SAAA;WACf,CAAA,CAAE,qBAAF,CAAwB,CAAC,WAAzB,CAAqC,WAArC;EADe,CAAjB;;EAIA,CAAC,CAAC,EAAF,CAAK,cAAL,EAAqB,SAAA;IACnB,CAAA,CAAE,qBAAF,CAAwB,CAAC,WAAzB,CAAqC,WAArC;WACA,CAAA,CAAE,oBAAF,CAAuB,CAAC,QAAxB,CAAiC,WAAjC;EAFmB,CAArB;;EAKA,CAAC,CAAC,EAAF,CAAK,oBAAL,EAA2B,SAAA;IACzB,CAAA,CAAE,qBAAF,CAAwB,CAAC,QAAzB,CAAkC,WAAlC;WACA,CAAA,CAAE,oBAAF,CAAuB,CAAC,WAAxB,CAAoC,WAApC;EAFyB,CAA3B;;EAKA,CAAA,CAAE,yBAAF,CAA4B,CAAC,EAA7B,CAAgC,OAAhC,EAAyC,SAAA;WACvC,CAAC,CAAC,UAAF,CAAa,YAAb;EADuC,CAAzC;;EAIA,KAAA,GAAQ,CAAA,CAAE,uBAAF;;EAGR,KAAK,CAAC,IAAN,CAAW,OAAX,CAAmB,CAAC,EAApB,CAAuB,SAAvB,EAAkC,SAAC,CAAD;AAChC,QAAA;IAAA,IAAG,CAAC,CAAI,IAAC,CAAA,QAAL,IAAiB,IAAC,CAAA,KAAD,KAAY,EAA9B,CAAA,IAAsC,CAAC,CAAC,OAAF,KAAa,EAAtD;MACE,CAAC,CAAC,cAAF,CAAA;MACA,KAAA,GAAQ,KAAK,CAAC,IAAN,CAAW,OAAX,CAAmB,CAAC,KAApB,CAA0B,IAA1B;MACR,KAAA,GAAQ,KAAK,CAAC,IAAN,CAAW,OAAX,CAAmB,CAAC,EAApB,CAAuB,KAAA,GAAQ,CAA/B;MACR,IAAG,KAAK,CAAC,MAAN,KAAkB,CAArB;eACE,KAAK,CAAC,KAAN,CAAA,EADF;OAAA,MAAA;eAGE,KAAK,CAAC,IAAN,CAAW,QAAX,CAAoB,CAAC,OAArB,CAA6B,OAA7B,EAHF;OAJF;;EADgC,CAAlC;;EAWA,KAAK,CAAC,IAAN,CAAW,QAAX,CAAoB,CAAC,EAArB,CAAwB,OAAxB,EAAiC,SAAC,CAAD;AAC/B,QAAA;IAAA,CAAC,CAAC,cAAF,CAAA;IACA,EAAA,GAAK;IACL,IAAI,CAAC,UAAU,CAAC,UAAhB,CAA2B,CAAA,CAAE,sBAAF,CAA3B;IACA,EAAA,IAAM,IAAI,CAAC,UAAU,CAAC,gBAAhB,CAAiC,CAAA,CAAE,WAAF,CAAjC,EAAiD,IAAjD;IACN,EAAA,IAAM,IAAI,CAAC,UAAU,CAAC,gBAAhB,CAAiC,CAAA,CAAE,WAAF,CAAjC;IACN,IAAG,EAAH;aACE,CAAC,CAAC,OAAF,CAAU,CAAA,CAAE,WAAF,CAAc,CAAC,GAAf,CAAA,CAAoB,CAAC,IAArB,CAAA,CAAV,EAAuC,CAAA,CAAE,WAAF,CAAc,CAAC,GAAf,CAAA,CAAvC,EADF;;EAN+B,CAAjC;AAvCA"
 }
\ No newline at end of file