Updated

gokulkrishh · Sep 1, 2016 · 25f95e3 · 25f95e3
1 parent 9a3742d
commit 25f95e3
Show file tree

Hide file tree

Showing 15 changed files with 34 additions and 290 deletions.
diff --git a/css/main.css b/css/main.css
diff --git a/css/styles.css b/css/styles.css
@@ -27,6 +27,7 @@ li {
 .no-select {
   -moz-user-select: none;
   -ms-user-select: none;
+  -webkit-user-select: none;
   user-select: none;
 }
 
@@ -68,7 +69,10 @@ header {
   overflow: hidden;
   z-index: 1;
   color: #fff;
-  user-select: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
   -webkit-transition: background-color 250ms linear;
   transition: background-color 250ms linear;
 }
@@ -227,7 +231,6 @@ header.offline {
   font-size: 14px;
   font-weight: 500;
   cursor: pointer;
-  user-select: none;
   margin-right: 15px;
 }
 

diff --git a/favicon.ico b/favicon.ico
diff --git a/images/icons/android-chrome-192x192.png b/images/icons/android-chrome-192x192.png
diff --git a/images/icons/android-chrome-512x512.png b/images/icons/android-chrome-512x512.png
diff --git a/images/icons/apple-touch-icon.png b/images/icons/apple-touch-icon.png
diff --git a/images/icons/favicon-16x16.png b/images/icons/favicon-16x16.png
diff --git a/images/icons/favicon-32x32.png b/images/icons/favicon-32x32.png
diff --git a/images/icons/mstile-150x150.png b/images/icons/mstile-150x150.png
diff --git a/index.html b/index.html
@@ -8,17 +8,17 @@
     <meta name=viewport content="width=device-width, initial-scale=1">
     <meta name="theme-color" content="#0288d1">
     <meta name="msapplication-TileColor" content="#0288d1">
-    <meta name="msapplication-TileImage" content="/images/icons/mstile-150x150.png">
+    <meta name="msapplication-TileImage" content="./images/icons/mstile-150x150.png">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
     <meta name="apple-mobile-web-app-title" content="Progressive Web Application">
     <meta name="application-name" content="Progressive Web Application">
-    <link rel="apple-touch-icon" href="/images/icons/apple-touch-icon.png">
-    <link rel="icon" type="image/png" href="/images/icons/favicon-32x32.png" sizes="32x32">
-    <link rel="icon" type="image/png" href="/images/icons/favicon-16x16.png" sizes="16x16">
-    <link rel="manifest" href="manifest.json">
+    <link rel="apple-touch-icon" href="./images/icons/apple-touch-icon.png">
+    <link rel="icon" type="image/png" href="./images/icons/favicon-32x32.png" sizes="32x32">
+    <link rel="icon" type="image/png" href="./images/icons/favicon-16x16.png" sizes="16x16">
+    <link rel="manifest" href="./manifest.json">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:200,300,400,500,700">
-    <link rel="stylesheet" href="/css/styles.css">
+    <link rel="stylesheet" href="./css/styles.css">
   </head>
   <body>
   <div class="app-layout">
@@ -79,8 +79,6 @@
     });
   }
   </script>
-  <script src="js/snackbar.js"></script>
-  <script src="js/main.js"></script>
-  <script src="js/app.js"></script>
+  <script src="./js/all.js"></script>
   </body>
 </html>
diff --git a/js/all.js b/js/all.js
diff --git a/js/app.js b/js/app.js
@@ -61,8 +61,8 @@ menuOverlayElement.addEventListener("click", hideMenu, false);
     var url = 'http://api.openweathermap.org/data/2.5/weather?q=Bangalore,India&appid=' + apiKey;
 
     fetch(url, { method: 'GET' })
-    .then(resp => resp.json())
-      .then(res => {
+    .then(function(resp){ return resp.json() })
+      .then(function(res) {
         console.log(res);
         cardElement.querySelector('.card-title span').textContent = res.name + ', ' + res.sys.country;
         cardElement.querySelector('.card-wind-info span').textContent = res.wind.speed + 'KM/H';

diff --git a/manifest.json b/manifest.json
@@ -8,12 +8,12 @@
   "background_color": "#f5f5f5",
   "theme_color": "#212225",
   "icons": [{
-      "src": "images/icons/android-chrome-192x192.png",
+      "src": "./images/icons/android-chrome-192x192.png",
       "type": "image/png",
       "sizes": "192x192"
     },
     {
-      "src": "images/icons/android-chrome-512x512.png",
+      "src": "./images/icons/android-chrome-512x512.png",
       "type": "image/png",
       "sizes": "512x512"
   }],

diff --git a/package.json b/package.json
@@ -12,7 +12,16 @@
     "node": "4.1.1"
   },
   "scripts": {
-    "start": "node server.js"
+    "start": "npm run build && node server.js",
+    "css": "postcss -u autoprefixer -r css/*",
+    "js": "mkdir -p dist/js && uglifyjs 'js/snackbar.js' 'js/app.js' 'js/main.js' -m -o js/all.js",
+    "build": "npm run css && npm run js",
+    "postinstall": "npm run start"
   },
-  "license": "MIT"
+  "license": "MIT",
+  "devDependencies": {
+    "autoprefixer": "^6.4.0",
+    "postcss-cli": "^2.6.0",
+    "uglify-js": "^2.7.3"
+  }
 }
diff --git a/serviceWorker.js b/serviceWorker.js
@@ -8,15 +8,13 @@ var cacheName = 'initial-cache-v1';
 //Files to save in cache
 var files = [
   './',
-  '/index.html',
-  '/index.html?utm=homescreen', //SW treats query string as new page
-  '/css/styles.css',
+  './index.html',
+  './index.html?utm=homescreen', //SW treats query string as new page
+  './css/styles.css',
   'https://fonts.googleapis.com/css?family=Roboto:200,300,400,500,700', //caching 3rd party content
-  '/images/icons/android-chrome-192x192.png',
-  '/js/app.js',
-  '/js/main.js',
-  '/js/snackbar.js',
-  '/manifest.json'
+  './images/icons/android-chrome-192x192.png',
+  './js/all.js',
+  './manifest.json'
 ];
 
 //Adding `install` event listener