diff --git a/website/public/pwa/strudel-linux.png b/website/public/pwa/strudel-linux.png new file mode 100644 index 000000000..b60edf70a 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 000000000..cb907d163 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 293af8deb..3e753f98c 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