Add an exit confirm dialog

butterfly/sass/_layout.sass

@@ -40,7 +40,7 @@ body
 
   /* Pop ups */
   .hidden
-    display: none
+    display: none !important
 
   #popup
     position: fixed

butterfly/static/ext.js

@@ -77,6 +77,12 @@
     return e.preventDefault();
   });
 
+  addEventListener('beforeunload', function(e) {
+    if (!(butterfly.body.classList.contains('dead') || location.href.indexOf('session') > -1)) {
+      return e.returnValue = 'This terminal is active and not in session. Are you sure you want to kill it?';
+    }
+  });
+
   Popup = (function() {
     function Popup() {
       this.el = document.getElementById('popup');
@@ -506,7 +512,7 @@
         if (theme === 'default') {
           url = "/static/main.css";
         } else {
-          url = "theme/" + theme + "/style.css";
+          url = "/theme/" + theme + "/style.css";
         }
         inner += '<option ';
         if (_theme === url) {

butterfly/static/main.css

@@ -3058,7 +3058,7 @@ body {
   body::-webkit-scrollbar-thumb:hover {
     background: rgba(255, 255, 255, 0.15); }
   body .hidden {
-    display: none; }
+    display: none !important; }
   body #popup {
     position: fixed;
     display: flex;

coffees/ext/close_confirm.coffee

@@ -0,0 +1,5 @@
+addEventListener 'beforeunload', (e) ->
+  unless (butterfly.body.classList.contains('dead') or
+    location.href.indexOf('session') > -1)
+      e.returnValue = 'This terminal is active and not in session.
+      Are you sure you want to kill it?'

coffees/ext/theme.coffee

@@ -44,7 +44,7 @@ document.addEventListener 'keydown', (e) ->
       if theme is 'default'
         url = "/static/main.css"
       else
-        url = "theme/#{theme}/style.css"
+        url = "/theme/#{theme}/style.css"
       inner += '<option '
 
       if _theme is url