Add initial manifest.webmanifest

_includes/head.html

@@ -15,6 +15,7 @@
     <link rel="dns-prefetch" href="//cdnjs.cloudflare.com">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="description" content="{% if page.meta_description %}{{ page.meta_description | xml_escape }}{% elsif page.summary %}{{ page.summary | xml_escape }}{% else %}{{ site.description | xml_escape }}{% endif %}">
+    <link rel="manifest" type="application/manifest+json; charset=utf-8" href="{{ "/manifest.json" | relative_url }}" />
     {% if page.meta_robots %}<meta name="robots" content="{{ page.meta_robots }}">
     {% else %}<meta name="robots" content="all">{% endif %}
     <meta name="author" content="{{ site.author }}">

manifest.json

@@ -0,0 +1,25 @@
+---
+layout: null
+---
+{
+  "short_name": "{{ site.title | replace: '"', '\"' }}",
+  "name": "{{ site.title | replace: '"', '\"' }}",
+  "description": "{{ site.description | replace: '"', '\"' }}",
+  "icons": [
+    {
+      "src": "{{ '/splash-512x512.png' | relative_url }}",
+      "type": "image/png",
+      "sizes": "512x512"
+    },
+    {
+      "src": "{{ '/favicon-192x192.png' | relative_url }}",
+      "type": "image/png",
+      "sizes": "192x192"
+    }
+  ],
+  "start_url": "{{ '/' | absolute_url }}",
+  "background_color": "#ffffff",
+  "display": "standalone",
+  "scope": "{{ '/' | relative_url }}",
+  "theme_color": "#ffffff"
+}