Add Web Manifest (#29)

* Added PWA manifest file * Fixed manifest tag * Add crossOrigin attr for manifest link * Updated color * Updated name
illinois · Mar 3, 2018 · 8f560f1 · 8f560f1
1 parent 85777d8
commit 8f560f1
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -12,6 +12,7 @@ with the current date and the next changes should go under a **[Next]** header.
 * Allow course staff to see netids next to student name. ([@genevievehelsel](https://github.com/genevievehelsel) in [#32](https://github.com/illinois/queue/pull/32))
 * Automatically redirect to a current queue or course page if visiting a closed queue. ([@Muakasan](https://github.com/Muakasan) in [#40](https://github.com/illinois/queue/pull/40))
 * Rebrand from CS@Illinois Queues to Queues@Illinois. ([@genevievehelsel](https://github.com/genevievehelsel) in [#42](https://github.com/illinois/queue/pull/42))
+* Add web manifest for "Add to Home Screen" on Android. ([@shreyas208](https://github.com/shreyas208) in [#29](https://github.com/illinois/queue/pull/29))
 
 ## 27 February 2018
 

diff --git a/pages/_document.js b/pages/_document.js
@@ -26,6 +26,7 @@ export default class MyDocument extends Document {
       __html: `window.BASE_URL = '${baseUrl}';`,
     }
     const faviconPath = `${baseUrl}/static/favicon.ico`
+    const manifestPath = `${baseUrl}/static/manifest.json`
     return (
       <html lang="en">
         <Head>
@@ -39,6 +40,11 @@ export default class MyDocument extends Document {
             integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy"
             crossOrigin="anonymous"
           />
+          <link
+            rel="manifest"
+            crossOrigin="use-credentials"
+            href={manifestPath}
+          />
           <style>{FontAwesome.dom.css()}</style>
           <title>Queues@Illinois</title>
           <link rel="icon" href={faviconPath} type="image/png" />

diff --git a/static/manifest.json b/static/manifest.json
@@ -0,0 +1,11 @@
+{
+  "name": "Queues@Illinois",
+  "short_name": "Queues",
+  "display": "standalone",
+  "background_color": "#fff",
+  "icons": [{
+    "src": "notif_icon.png",
+    "sizes": "128x128",
+    "type": "image/png"
+  }]
+}