parchment icon indicating copy to clipboard operation
parchment copied to clipboard

Configures to enable offline support

Open rainbow-bamboo opened this issue 2 years ago • 2 comments

Hey, I made the website installable on both mobile and desktop as a Progressive Web App. It's a more convenient way to get offline support than downloading the html file.

To do this I added:

  1. A web manifest and service worker using PWA Builder as my base.

  2. An install button to index.html with media queries to hide it when appropriate in parchment.css . This install button is optional as browsers that support it will prompt the user when they first load the page.

  3. An icon based on a public domain vector of a sheet of parchment since one is needed for the app draw / task bar.

I hope that this is helpful :)

  • Ada

rainbow-bamboo avatar Mar 03 '23 02:03 rainbow-bamboo

I am planning to do this, but other things have been priorities first. In the mean time you may be interested in the single file build, which should work fine offline.

curiousdannii avatar Mar 03 '23 02:03 curiousdannii

I hope that you can use this as a template for when you do :)

When I run my fork locally and click, "Install," it installs it on my devices as an application that launches independently from my browser with offline support.

I think that if it can be bundled with game files directly (like the Inform7 template) it would be a lovely user experience.

rainbow-bamboo avatar Mar 06 '23 16:03 rainbow-bamboo