diff --git a/website/public/pwa/strudel-linux.png b/website/public/pwa/strudel-linux.png new file mode 100644 index 00000000..b60edf70 Binary files /dev/null and b/website/public/pwa/strudel-linux.png differ diff --git a/website/public/pwa/strudel-macos.png b/website/public/pwa/strudel-macos.png new file mode 100644 index 00000000..cb907d16 Binary files /dev/null and b/website/public/pwa/strudel-macos.png differ diff --git a/website/src/pages/learn/pwa.mdx b/website/src/pages/learn/pwa.mdx index 293af8de..3e753f98 100644 --- a/website/src/pages/learn/pwa.mdx +++ b/website/src/pages/learn/pwa.mdx @@ -7,7 +7,7 @@ layout: ../../layouts/MainLayout.astro You can use Strudel even without a network! When you first visit the [Strudel REPL](strudel.tidalcycles.org/), your browser will download the whole web app including documentation. -When the download is finished (<1MB), you can visit the website even when offline, +When the download is finished (<1MB), you can visit the website even when offline, getting the downloaded website instead of the online one. When the site gets updated, your browser will download that update on the next online visit. @@ -48,6 +48,12 @@ You can also install Strudel as a standalone app on most devices. A standalone app has its own desktop / homescreen icon and launches in a separate window, without the browser ui. +
+ Strudel on MacOS +
Strudel on MacOS
+
+ ### Desktop With a chromium based browser: @@ -61,6 +67,12 @@ Without a chromium based browser, you can use [nativefier](https://github.com/na 1. make sure you have NodeJS installed 2. run `npx nativefier strudel.tidalcycles.org` +
+ Strudel on Linux +
Strudel on Linux
+
+ ### iOS 1. open to the [Strudel REPL](strudel.tidalcycles.org/) in safari