sveltejs · edjw · Sep 7, 2020
diff --git a/src/template.html b/src/template.html
@@ -4,13 +4,14 @@
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width,initial-scale=1.0">
 	<meta name="theme-color" content="#333333">
+	<meta name="description" content="Write a description of your Sapper app here">
 
 	%sapper.base%
 
 	<link rel="stylesheet" href="global.css">
 	<link rel="manifest" href="manifest.json" crossorigin="use-credentials">
 	<link rel="icon" type="image/png" href="favicon.png">
-
+	<link rel="apple-touch-icon" href="/logo-192.png">
 	<!-- Sapper creates a <script> tag containing `src/client.js`
 	     and anything else it needs to hydrate the app and
 	     initialise the router -->
@@ -25,9 +26,11 @@
 	     the current page has one -->
 	%sapper.head%
 </head>
+
 <body>
 	<!-- The application will be rendered inside this element,
 	     because `src/client.js` references it -->
 	<div id="sapper">%sapper.html%</div>
 </body>
-</html>
+
+</html>
diff --git a/static/logo-192-maskable.png b/static/logo-192-maskable.png
diff --git a/static/manifest.json b/static/manifest.json
@@ -15,6 +15,12 @@
 			"src": "logo-512.png",
 			"sizes": "512x512",
 			"type": "image/png"
+		},
+		{
+			"src": "maskable-logo-192.png",
+			"sizes": "192x192",
+			"type": "image/png",
+			"purpose": "any maskable"
 		}
 	]
-}
+}