diff --git a/clientapp/templates.js b/clientapp/templates.js
index fb48762..727d21a 100644
--- a/clientapp/templates.js
+++ b/clientapp/templates.js
@@ -221,7 +221,7 @@ exports.pages.groupchat = function anonymous(locals) {
 exports.pages.main = function anonymous(locals) {
     var buf = [];
     with (locals || {}) {
-        buf.push('<section class="page main"><div><h4>Current status</h4><div contenteditable="true" class="status"></div></div><div id="avatarChanger"><h4>Change Avatar</h4><div class="uploadRegion"><p>Drag and drop a new avatar here</p><img/><form><input id="uploader" type="file"/></form></div></div><div><h4>Add / Approve Contacts</h4><input type="text" id="addcontact" class="inline"/><button class="addContact">Add</button><ul id="contactrequests"></ul></div><div><h4>Desktop Integration</h4><button class="enableAlerts">Enable alerts</button><button class="primary installFirefox">Install app</button></div></section>');
+        buf.push('<section class="page main"><div><h4>Current status</h4><div contenteditable="true" class="status"></div></div><div id="avatarChanger"><h4>Change Avatar</h4><div class="uploadRegion"><p>Drag and drop a new avatar here</p><img/><form><input id="uploader" type="file"/></form></div></div><div><h4>Add / Approve Contacts</h4><input type="text" id="addcontact" class="inline"/><button class="addContact">Add</button><ul id="contactrequests"></ul></div><div><h4>Desktop Integration</h4><button class="enableAlerts">Enable alerts</button><button class="primary installFirefox">Install app</button></div><div><button class="logout">Logout</button></div></section>');
     }
     return buf.join("");
 };
diff --git a/clientapp/templates/pages/main.jade b/clientapp/templates/pages/main.jade
index f24536d..743a518 100644
--- a/clientapp/templates/pages/main.jade
+++ b/clientapp/templates/pages/main.jade
@@ -22,3 +22,6 @@ section.page.main
     h4 Desktop Integration
     button.enableAlerts Enable alerts
     button.primary.installFirefox Install app
+
+  div
+    button.logout Logout
diff --git a/clientapp/views/main.js b/clientapp/views/main.js
index 61e5352..93efb69 100644
--- a/clientapp/views/main.js
+++ b/clientapp/views/main.js
@@ -17,6 +17,7 @@ module.exports = HumanView.extend({
     events: {
         'click a[href]': 'handleLinkClick',
         'click .reconnect': 'handleReconnect',
+        'click .logout': 'handleLogout',
         'blur #me .status': 'handleStatusChange'
     },
     classBindings: {
@@ -67,5 +68,8 @@ module.exports = HumanView.extend({
             status: text,
             caps: client.disco.caps
         });
+    },
+    handleLogout: function (e) {
+        app.navigate('/logout');
     }
 });
diff --git a/public/x-manifest.cache b/public/x-manifest.cache
index dc5d08f..63d1eb2 100644
--- a/public/x-manifest.cache
+++ b/public/x-manifest.cache
@@ -1,5 +1,5 @@
 CACHE MANIFEST
-# 0.0.1 1388535003037
+# 0.0.1 1388539211085
 
 CACHE:
 /app.js