Add shutdown screen

css/styles.css

@@ -11,6 +11,22 @@ input {
 	background-color: white;
 }
 
+.shutdownscreen {
+	position: absolute;
+	background-color: black;
+	top: 0px;
+	left: 0px;
+	width: 100%;
+	height: 100%;
+	text-align: center;
+	visibility: hidden;
+}
+
+.shutdownimage {
+	max-width: 99%;
+	max-height: 99%;
+}
+
 .sugarizer-canvas {
 }
 

index.html

@@ -52,6 +52,11 @@
     <!-- The content of the desktop goes inside the canvas -->
     <div id="canvas" class="sugarizer-canvas">	
     </div>
+
+	<!-- Shutdown screen -->
+	<div id="shutdown" class="shutdownscreen">
+		<img src="images/uiwarning.png" class="shutdownimage"/>
+	</div>
   </body>
 
 </html>

lib/util.js

@@ -213,6 +213,9 @@ define(["webL10n"], function (l10n) {
 
 	 // Quit application
 	 util.quitApp = function() {
+		document.getElementById("toolbar").style.visibility = "hidden";
+		document.getElementById("canvas").style.visibility = "hidden";
+		document.getElementById("shutdown").style.visibility = "visible";
 		window.close(); 
 		window.open('', '_self', ''); // HACK: Not allowed on all browsers
 		window.close();

server/sugarizer.js

@@ -4,7 +4,7 @@ var express = require('express'),
 	settings = require('./settings'),
 	activities = require('./routes/activities'),
 	journal = require('./routes/journal'),
-	users = require('./routes/users');
+	users = require('./routes/users'),
 	presence = require('./presence');