added favicon

iamshivex · Jun 9, 2020 · 87dea30 · 87dea30
1 parent 5d5b6c3
commit 87dea30
Show file tree

Hide file tree

Showing 13 changed files with 225 additions and 7 deletions.
diff --git a/README.md b/README.md
@@ -1,8 +1,8 @@
-# book-tracker
+# Book-Tracker
 
 "Tracks the amount of books that you've read, the ones you want to read, and the progress on the ones you're reading."
 
-There are 2 different sites- one vanilla js (all files in marked folder) and the other react based
+There are 2 different sites - one vanilla js (all files in marked folder) and the other react based.
 
 # How to run locally
 
@@ -13,3 +13,7 @@ There are 2 different sites- one vanilla js (all files in marked folder) and the
 
 or go into vanilla_js_site folder and open the html file
 
+
+# Acknowledgements
+## Favicons
+React App Favicon: Icon by Freepik on flaticon.com, and made with realfavicongenerator.net
diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
diff --git a/public/android-chrome-384x384.png b/public/android-chrome-384x384.png
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/favicon_package/apple-touch-icon.png b/public/favicon_package/apple-touch-icon.png
diff --git a/public/favicon_package/browserconfig.xml b/public/favicon_package/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#b91d47</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/public/favicon_package/favicon-16x16.png b/public/favicon_package/favicon-16x16.png
diff --git a/public/favicon_package/favicon-32x32.png b/public/favicon_package/favicon-32x32.png
diff --git a/public/favicon_package/mstile-150x150.png b/public/favicon_package/mstile-150x150.png
diff --git a/public/favicon_package/original_icon_image.svg b/public/favicon_package/original_icon_image.svg
diff --git a/public/favicon_package/safari-pinned-tab.svg b/public/favicon_package/safari-pinned-tab.svg
diff --git a/public/favicon_package/site.webmanifest b/public/favicon_package/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-384x384.png",
+            "sizes": "384x384",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}
diff --git a/public/manifest.json b/public/manifest.json
@@ -1,15 +1,25 @@
 {
-  "short_name": "React App",
-  "name": "Create React App Sample",
+  "short_name": "Book-Tracker",
+  "name": "Book-Tracker Web App",
   "icons": [
     {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
+      "src": "/favicon.ico",
+      "sizes": "32x32 24x24 16x16",
       "type": "image/x-icon"
+    },
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-384x384.png",
+      "sizes": "384x384",
+      "type": "image/png"
     }
   ],
   "start_url": "./index.html",
   "display": "standalone",
-  "theme_color": "#000000",
+  "theme_color": "#ffffff",
   "background_color": "#ffffff"
 }