add screenshots

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 (&lt;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.
 
+<figure>
+    <img src="./pwa/strudel-macos.png"
+         alt="Strudel on MacOS"/>
+    <figcaption>Strudel on MacOS</figcaption>
+</figure>
+
 ### 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`
 
+<figure>
+    <img src="./pwa/strudel-linux.png"
+         alt="Strudel on Linux"/>
+    <figcaption>Strudel on Linux</figcaption>
+</figure>
+
 ### iOS
 
 1. open to the [Strudel REPL](strudel.tidalcycles.org/) in safari