elias/strudel-docker
1
0
Fork 0
mirror of https://github.com/eliasstepanik/strudel-docker.git synced 2026-01-24 03:58:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

add screenshots

Browse Source
This commit is contained in:
Felix Roos 2023-02-27 12:47:38 +01:00
parent 1a75b79a33
commit 28534ea547
3 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
website/public/pwa/strudel-linux.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 110 KiB

BIN
website/public/pwa/strudel-macos.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 520 KiB

14
website/src/pages/learn/pwa.mdx
View File

@ -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/), 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. 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. 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. 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, A standalone app has its own desktop / homescreen icon and launches in a separate window,
without the browser ui. without the browser ui.
<figure>
<img src="./pwa/strudel-macos.png"
alt="Strudel on MacOS"/>
<figcaption>Strudel on MacOS</figcaption>
</figure>
### Desktop ### Desktop
With a chromium based browser: 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 1. make sure you have NodeJS installed
2. run `npx nativefier strudel.tidalcycles.org` 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 ### iOS
1. open to the [Strudel REPL](strudel.tidalcycles.org/) in safari 1. open to the [Strudel REPL](strudel.tidalcycles.org/) in safari