home screen icons (#130)

* Fixed a typo. * updated package.json and files for emotion * add to home screen icons added * changed add to homescreen icon on android
bogas04 · Feb 25, 2018 · 31dae47 · 31dae47
1 parent f697197
commit 31dae47
Show file tree

Hide file tree

Showing 5 changed files with 47 additions and 55 deletions.
diff --git a/.gitignore b/.gitignore
@@ -6,3 +6,4 @@ SikhJS-*
 npm-debug.log
 .DS_Store
 **/*/.DS_Store
+.idea
diff --git a/index.html b/index.html
@@ -11,24 +11,41 @@
   <meta name="og_site_name" property="og:site_name" content="SikhJS" />
   <meta name="og_title" property="og:title" content="SikhJS - Modern Progressive Web App for Sikhi" />
   <meta name="og_url" property="og:url" content="https://bogas04.github.io/SikhJS" />
-  <meta name="description" content="SikhJS is a Modern Progressive Web App that helps user in reading Sri Guru Granth Sahib, Nitnem, Searching Shabads & learning about Raags and Granth Authors" /> 
+  <meta name="description" content="SikhJS is a Modern Progressive Web App that helps user in reading Sri Guru Granth Sahib, Nitnem, Searching Shabads & learning about Raags and Granth Authors"
+  />
 
   <link rel="icon" type="image/png" href="assets/img/logo.png" />
   <link rel="manifest" href="manifest.json" />
 
-	<link type="application/opensearchdescription+xml" rel="search" href="/osdd.xml?v=2" />
+  <link type="application/opensearchdescription+xml" rel="search" href="/osdd.xml?v=2" />
 
-	<link rel="apple-touch-icon" sizes="57x57" href="assets/img/logo.png"/>
+  <!-- For chrome on android -->
+  <meta name="mobile-web-app-capable" content="yes">
+  <!--<link rel="icon" href="khanda.png">-->
+
+  <!-- <link rel="apple-touch-icon" sizes="57x57" href="assets/img/logo.png"/>
 	<link rel="apple-touch-icon" sizes="72x72" href="assets/img/logo.png"/>
 	<link rel="apple-touch-icon" sizes="114x114" href="assets/img/logo.png"/>
-	<link rel="apple-touch-icon" sizes="144x144" href="assets/img/logo.png"/>
-  <link rel="apple-touch-icon" href="assets/img/logo.png"/>
+  <link rel="apple-touch-icon" sizes="144x144" href="assets/img/logo.png"/> -->
+
+  <!-- Add to homescreen for Safari on iOS -->
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black">
+  <meta name="apple-mobile-web-app-title" content="SikhJS">
+  <link rel="apple-touch-icon" href="khanda.png" />
+
+  <!-- Tile icon for Win8 (144x144 + tile color) -->
+  <meta name="msapplication-TileImage" content="khanda.png">
+  <meta name="msapplication-TileColor" content="#3372DF">
+
+  <link rel="shortcut icon" href="khanda.png">
 
   <style>
     @font-face {
       font-family: gurmukhi_heavy;
       src: url('./assets/fonts/gurmukhi_heavy.ttf');
     }
+
     body {
       margin: 0;
       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
@@ -48,22 +65,22 @@
       <img style="height: 20vh;" src="assets/img/logo.png" alt="Khanda - Sikh Emblem" />
       <h1>
         ਵਾਹਿਗੁਰੂ ਜੀ ਕਾ ਖਾਲਸਾ
-        <br />
-        ਵਾਹਿਗੁਰੂ ਜੀ ਕੀ ਫਤਹਿ 
+        <br /> ਵਾਹਿਗੁਰੂ ਜੀ ਕੀ ਫਤਹਿ
       </h1>
       <p>
-        Sorry, this web-app relies on JavaScript to function. Please <a href="http://www.enable-javascript.com/" target="_blank">enable it.</a>
+        Sorry, this web-app relies on JavaScript to function. Please
+        <a href="http://www.enable-javascript.com/" target="_blank">enable it.</a>
       </p>
     </div>
   </noscript>
 
   <!-- Google Analytics -->
   <script>
     (function (i, s, o, g, r, a, m) {
-    i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-      (i[r].q = i[r].q || []).push(arguments)
-    }, i[r].l = 1 * new Date(); a = s.createElement(o),
-      m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+      i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+        (i[r].q = i[r].q || []).push(arguments)
+      }, i[r].l = 1 * new Date(); a = s.createElement(o),
+        m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
     })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
 
     ga('create', 'UA-86819868-1', 'auto');

diff --git a/khanda.png b/khanda.png
diff --git a/manifest.json b/manifest.json
@@ -8,22 +8,22 @@
   "description": "Waheguru Ji Ka Khalsa Waheguru Ji Ki Phateh!",
   "icons": [
     {
-      "src": "./assets/img/logo.png",
+      "src": "khanda.png",
       "sizes": "48x48",
       "type": "image/png"
     },
     {
-      "src": "./assets/img/logo.png",
+      "src": "khanda.png",
       "sizes": "72x72",
       "type": "image/png"
     },
     {
-      "src": "./assets/img/logo.png",
+      "src": "khanda.png",
       "sizes": "96x96",
       "type": "image/png"
     },
     {
-      "src": "./assets/img/logo.png",
+      "src": "khanda.png",
       "sizes": "144x144",
       "type": "image/png"
     },
@@ -33,12 +33,12 @@
       "type": "image/png"
     },
     {
-      "src": "./assets/img/logo.png",
+      "src": "khanda.png",
       "sizes": "192x192",
       "type": "image/png"
     },
     {
-      "src": "./assets/img/logo.png",
+      "src": "khanda.png",
       "sizes": "512x512",
       "type": "image/png"
     }

diff --git a/package.json b/package.json
@@ -7,7 +7,7 @@
   "scripts": {
     "build": "NODE_ENV=production webpack -p",
     "lint": "xo",
-    "start": "webpack-dev-server --open",
+    "start": "webpack-dev-server --host 0.0.0.0 --open",
     "test": "npm run lint"
   },
   "dependencies": {
@@ -44,22 +44,13 @@
   },
   "xo": {
     "extends": "xo-react",
-    "env": [
-      "browser"
-    ],
+    "env": ["browser"],
     "space": true,
     "semicolons": true,
-    "ignores": [
-      "assets/**/*.js"
-    ],
+    "ignores": ["assets/**/*.js"],
     "rules": {
-      "react/jsx-no-bind": [
-        "off"
-      ],
-      "react/jsx-closing-bracket-location": [
-        "error",
-        "tag-aligned"
-      ],
+      "react/jsx-no-bind": ["off"],
+      "react/jsx-closing-bracket-location": ["error", "tag-aligned"],
       "react/forbid-component-props": 1,
       "react/jsx-handler-names": 1,
       "radix": 0,
@@ -81,29 +72,12 @@
           "capIsNew": false
         }
       ],
-      "operator-linebreak": [
-        "error",
-        "before"
-      ],
-      "space-before-function-paren": [
-        "error",
-        "always"
-      ],
-      "array-bracket-spacing": [
-        "error",
-        "always"
-      ],
-      "comma-dangle": [
-        "error",
-        "always-multiline"
-      ],
-      "object-curly-spacing": [
-        "error",
-        "always"
-      ],
-      "import/no-extraneous-dependencies": [
-        "warn"
-      ]
+      "operator-linebreak": ["error", "before"],
+      "space-before-function-paren": ["error", "always"],
+      "array-bracket-spacing": ["error", "always"],
+      "comma-dangle": ["error", "always-multiline"],
+      "object-curly-spacing": ["error", "always"],
+      "import/no-extraneous-dependencies": ["warn"]
     }
   },
   "babel": {