build dist->app

app/index.html

@@ -203,7 +203,7 @@
 							<path d="M22,17V7H6V17H22M22,5A2,2 0 0,1 24,7V17C24,18.11 23.1,19 22,19H16V21H18V23H10V21H12V19H6C4.89,19 4,18.11 4,17V7A2,2 0 0,1 6,5H22M2,3V15H0V3A2,2 0 0,1 2,1H20V3H2Z" />
 						</svg>
 					</a>
-
+				
 
 					<div class="footer__separator"></div>
 
@@ -231,7 +231,7 @@
 				<!-- #00ACED -->
 				<a class="footer__link  hint--rounded  hint--top-right" data-hint="Tweet about 'Web Maker'" href="http://twitter.com/share?url=https://webmakerapp.com/&text=Web Maker - A blazing fast %26 offline web playground! via @webmakerApp&related=webmakerApp&hashtags=web,playground,chrome,extension" target="_blank">
 					<svg style="width:20px; height:20px; vertical-align:text-bottom">
-						<use xlink:href="#twitter-icon"></use>
+						<use xlink:href="#twitter-icon"></use>							
 					</svg>
 				</a>
 
@@ -242,7 +242,7 @@
 			<div class="modal__content">
 				<a d-click="onModalCloseBtnClick" href="" aria-label="Close add library modal" title="Close" class="js-modal__close-btn  modal__close-btn">
 					<svg>
-						<use xlink:href="#cross-icon"></use>
+						<use xlink:href="#cross-icon"></use>							
 					</svg>
 				</a>
 				<h1>Add Library</h1>
@@ -272,7 +272,7 @@
 			<div class="modal__content">
 				<a d-click="onModalCloseBtnClick" href="" aria-label="Close CSS settings modal" title="Close" class="js-modal__close-btn  modal__close-btn">
 					<svg>
-						<use xlink:href="#cross-icon"></use>
+						<use xlink:href="#cross-icon"></use>							
 					</svg>
 				</a>
 				<h1>Atomic CSS Settings</h1>
@@ -374,7 +374,7 @@
 				</div>
 			</div>
 
-
+				
 				<p class="tac">
 					<button class="btn" d-click="closeAllOverlays">Lets start!</button>
 				</p>
@@ -385,7 +385,7 @@
 			<div class="modal__content">
 				<a d-click="onModalCloseBtnClick" href="" aria-label="Close Settings" title="Close" class="js-modal__close-btn  modal__close-btn">
 					<svg>
-						<use xlink:href="#cross-icon"></use>
+						<use xlink:href="#cross-icon"></use>							
 					</svg>
 				</a>
 				<h1>Settings</h1>
@@ -502,7 +502,7 @@
 						</label>
 					</div>
 				</div>
-
+        
 				<hr>
 
 				<h3>Fun</h3>

app/script.js

@@ -1,3 +1,66 @@
+/**
+ * Copyright 2015 Google Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/* eslint-env browser */
+'use strict';
+
+if ('serviceWorker' in navigator) {
+  // Delay registration until after the page has loaded, to ensure that our
+  // precaching requests don't degrade the first visit experience.
+  // See https://developers.google.com/web/fundamentals/instant-and-offline/service-worker/registration
+  window.addEventListener('load', function() {
+    // Your service-worker.js *must* be located at the top-level directory relative to your site.
+    // It won't be able to control pages unless it's located at the same level or higher than them.
+    // *Don't* register service worker file in, e.g., a scripts/ sub-directory!
+    // See https://github.com/slightlyoff/ServiceWorker/issues/468
+    navigator.serviceWorker.register('service-worker.js').then(function(reg) {
+      // updatefound is fired if service-worker.js changes.
+      reg.onupdatefound = function() {
+        // The updatefound event implies that reg.installing is set; see
+        // https://w3c.github.io/ServiceWorker/#service-worker-registration-updatefound-event
+        var installingWorker = reg.installing;
+
+        installingWorker.onstatechange = function() {
+          switch (installingWorker.state) {
+            case 'installed':
+              if (navigator.serviceWorker.controller) {
+                // At this point, the old content will have been purged and the fresh content will
+                // have been added to the cache.
+                // It's the perfect time to display a "New content is available; please refresh."
+                // message in the page's interface.
+                console.log('New or updated content is available.');
+              } else {
+                // At this point, everything has been precached.
+                // It's the perfect time to display a "Content is cached for offline use." message.
+                console.log('Content is now available offline!');
+              }
+              break;
+
+            case 'redundant':
+              console.error('The installing service worker became redundant.');
+              break;
+          }
+        };
+      };
+    }).catch(function(e) {
+      console.error('Error during service worker registration:', e);
+    });
+  });
+}
+
 (function() {
 	window.DEBUG = document.cookie.indexOf('wmdebug') > -1;
 
@@ -695,7 +758,7 @@ globalConsoleContainerEl
 	};
 
 	const AUTO_SAVE_INTERVAL = 15000; // 15 seconds
-	const BASE_PATH = chrome.extension ? '/' : '/dist/';
+	const BASE_PATH = chrome.extension ? '/' : '/app/';
 
 	var updateTimer,
 		updateDelay = 500,