Merge pull request #1527 from klembot/add-pwa

Add basic PWA support
klembot · Jun 16, 2024 · f6306d8 · f6306d8
2 parents f38b9b0 + 6a62a8e
commit f6306d8
Show file tree

Hide file tree

Showing 11 changed files with 1,029 additions and 172 deletions.
diff --git a/docs/en/src/getting-started/installing.md b/docs/en/src/getting-started/installing.md
@@ -36,6 +36,12 @@ site data."
 Keeping backups regularly is a must if you use browser Twine. See [Archiving and
 Exporting Stories](../story-library/exporting.md) for how to do this.
 
+Browser Twine can be installed as a progressive web application (PWA). For
+information on how to do this, please check your browser's documentation. Using
+Twine as a PWA means that it will be available even when you don't have an
+network connection, but you should still keep regular backups, as PWAs are still
+subject to having their data being erased when clearing browsing data.
+
 ### iOS Browsers
 
 **If you want to use Twine on iOS, you must [add it your Home

diff --git a/icons/app-pwa-maskable.svg b/icons/app-pwa-maskable.svg
diff --git a/icons/app-pwa.png b/icons/app-pwa.png
diff --git a/icons/app-pwa.svg b/icons/app-pwa.svg
diff --git a/index.html b/index.html
@@ -5,6 +5,7 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		<meta name="theme-color" content="#000000" />
 		<title>Twine</title>
+		<link rel="icon" href="icons/favicon.svg" type="image/svg+xml">
 	</head>
 	<body>
 		<noscript>You need to enable JavaScript to run this app.</noscript>