Add Universe PWA branding

play/index.html

@@ -23,6 +23,8 @@
         <meta name="msapplication-TileColor" content="{{ themeColor }}" />
         <meta name="msapplication-TileImage" content="{{ msApplicationTileImage }}" />
         <meta name="theme-color" content="{{ themeColor }}" />
+        <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta name="apple-mobile-web-app-title" content="Universe" />
 
         <!-- Open Graph / Facebook -->
         <meta property="og:type" content="website">
@@ -44,7 +46,7 @@
         {{#favIcons}}
         <link rel="{{ rel }}" type="image/png" sizes="{{ sizes }}" href="{{ src }}" />
         {{/favIcons}}
-        <link rel="manifest" href="/static/images/favicons/manifest.json?url={{ url }}" />
+        <link rel="manifest" href="/manifest.webmanifest?url={{ url }}" />
 
         <style>
             /*hide cowebsite container before scss is loaded*/

play/public/manifest.webmanifest

@@ -0,0 +1,25 @@
+{
+    "name": "BAWES Universe",
+    "short_name": "Universe",
+    "description": "BAWES Universe - a virtual world",
+    "start_url": "/",
+    "id": "/",
+    "scope": "/",
+    "display": "fullscreen",
+    "orientation": "landscape",
+    "background_color": "#000000",
+    "theme_color": "#000000",
+    "icons": [
+        {
+            "src": "/static/universe-icon-192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/static/universe-icon-512.png",
+            "sizes": "512x512",
+            "type": "image/png",
+            "purpose": "maskable any"
+        }
+    ]
+}