Adds app icons

index.html

@@ -4,11 +4,20 @@
   <meta charset="UTF-8">
   <title>Security List 🔐</title>
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-  <meta name="description" content="Description">
+  <meta name="description" content="Curated lists of tools, tips and resources for protecting digital security and privacy">
   <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+
+  <meta name=theme-color content=#060b2b>
+  <meta property=og:title content="Security List">
+  <meta property=og:description content="Curated lists of tools, tips and resources for protecting digital security and privacy">
+  <meta property=og:url content=https://security-list.js.org/>
+  <meta property=og:image content=/banner.png>
+  <meta name=twitter:card content=/banner.png>
+
   <link href="https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/vue.css">
   <link rel="stylesheet" href="/styles.css">
+  <link rel="manifest" href="/manifest.json">
   <style type="text/css">
     a.github-corner svg { max-width: 80px; }
   </style>

manifest.json

@@ -0,0 +1,17 @@
+{
+    "short_name": "Security List",
+    "name": "Security List",
+    "description": "Curated lists of tools, tips and resources for protecting digital security and privacy",
+    "icons": [
+      {
+        "src": "/app-iconx512.png",
+        "type": "image/png",
+        "sizes": "512x512"
+      }
+    ],
+    "start_url": "/",
+    "background_color": "#fff",
+    "display": "standalone",
+    "scope": "/",
+    "theme_color": "#060b2b"
+  }