added the loader

src/client/index.html

@@ -6,6 +6,7 @@
 		<script src="js/system/addons.js"></script>
 		<script src="plugins/require.js" data-main="js/app"></script>
 		<script>if (window.module) module = window.module;</script>
+		<link rel="stylesheet" href="css/loader.css">
 		<link rel="stylesheet" href="css/main.css">
 		<link rel="icon" href="images/favicon.ico">
 	</head>
@@ -14,5 +15,9 @@
 		<div class="ui-container">
 			<div class="right"></div>
 		</div>
+		<div class="loader-container">
+			<div class="loader"></div>
+			<div class="loader-text">loading assets</div>
+		</div>
 	</body>
 </html>

src/client/js/main.js

@@ -59,6 +59,8 @@ define([
 
 			this.update();
 			this.render();
+
+			$('.loader-container').remove();
 		},
 
 		onFocus: function (hasFocus) {