mirror of
https://github.com/eliasstepanik/strudel-docker.git
synced 2026-01-27 13:38:40 +00:00
Merge pull request #848 from shiyouganai/shiyouganai-slashocalypse
Fix examples page, piano() and a few workshop imgs
This commit is contained in:
commit
2bd21df762
@ -7,7 +7,7 @@ import { MiniRepl } from '../../../docs/MiniRepl';
|
|||||||
|
|
||||||
# Willkommen
|
# Willkommen
|
||||||
|
|
||||||
<img src="/icons/strudel_icon.png" className="w-32 animate-pulse md:float-right ml-8" />
|
<div className="w-32 animate-pulse md:float-right ml-8"></div>
|
||||||
|
|
||||||
Willkommen zum Strudel Workshop!
|
Willkommen zum Strudel Workshop!
|
||||||
Du hast den richtigen Ort gefunden wenn du lernen möchtest wie man mit Code Musik macht.
|
Du hast den richtigen Ort gefunden wenn du lernen möchtest wie man mit Code Musik macht.
|
||||||
|
|||||||
@ -3,6 +3,9 @@ import * as tunes from '../../../src/repl/tunes.mjs';
|
|||||||
import HeadCommon from '../../components/HeadCommon.astro';
|
import HeadCommon from '../../components/HeadCommon.astro';
|
||||||
|
|
||||||
import { getMetadata } from '../metadata_parser';
|
import { getMetadata } from '../metadata_parser';
|
||||||
|
|
||||||
|
const { BASE_URL } = import.meta.env;
|
||||||
|
const baseNoTrailing = BASE_URL.endsWith('/') ? BASE_URL.slice(0, -1) : BASE_URL;
|
||||||
---
|
---
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
@ -12,11 +15,11 @@ import { getMetadata } from '../metadata_parser';
|
|||||||
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-2 p-2 select-none">
|
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-2 p-2 select-none">
|
||||||
{
|
{
|
||||||
Object.entries(tunes).map(([name, tune]) => (
|
Object.entries(tunes).map(([name, tune]) => (
|
||||||
<a class="rounded-md bg-slate-900 hover:bg-slate-700 cursor-pointer relative" href={`./#${btoa(tune)}`}>
|
<a class="rounded-md bg-slate-900 hover:bg-slate-700 cursor-pointer relative" href={`${baseNoTrailing}/#${btoa(tune)}`}>
|
||||||
<div class="absolute w-full h-full flex justify-center items-center">
|
<div class="absolute w-full h-full flex justify-center items-center">
|
||||||
<span class="bg-slate-800 p-2 rounded-md text-white">{getMetadata(tune)['title'] || name}</span>
|
<span class="bg-slate-800 p-2 rounded-md text-white">{getMetadata(tune)['title'] || name}</span>
|
||||||
</div>
|
</div>
|
||||||
<img src={`./img/example-${name}.png`} />
|
<img src={`${baseNoTrailing}/img/example-${name}.png`} />
|
||||||
</a>
|
</a>
|
||||||
))
|
))
|
||||||
}
|
}
|
||||||
|
|||||||
@ -49,7 +49,7 @@ A standalone app has its own desktop / homescreen icon and launches in a separat
|
|||||||
without the browser ui.
|
without the browser ui.
|
||||||
|
|
||||||
<figure>
|
<figure>
|
||||||
<img src="./pwa/strudel-macos.png" alt="Strudel on MacOS" />
|

|
||||||
<figcaption>Strudel on MacOS</figcaption>
|
<figcaption>Strudel on MacOS</figcaption>
|
||||||
</figure>
|
</figure>
|
||||||
|
|
||||||
@ -67,7 +67,7 @@ Without a chromium based browser, you can use [nativefier](https://github.com/na
|
|||||||
2. run `npx nativefier strudel.cc`
|
2. run `npx nativefier strudel.cc`
|
||||||
|
|
||||||
<figure>
|
<figure>
|
||||||
<img src="./pwa/strudel-linux.png" alt="Strudel on Linux" />
|

|
||||||
<figcaption>Strudel on Linux</figcaption>
|
<figcaption>Strudel on Linux</figcaption>
|
||||||
</figure>
|
</figure>
|
||||||
|
|
||||||
|
|||||||
@ -17,7 +17,7 @@ export async function prebake() {
|
|||||||
// => getting "window is not defined", as soon as "@strudel.cycles/soundfonts" is imported statically
|
// => getting "window is not defined", as soon as "@strudel.cycles/soundfonts" is imported statically
|
||||||
// seems to be a problem with soundfont2
|
// seems to be a problem with soundfont2
|
||||||
import('@strudel.cycles/soundfonts').then(({ registerSoundfonts }) => registerSoundfonts()),
|
import('@strudel.cycles/soundfonts').then(({ registerSoundfonts }) => registerSoundfonts()),
|
||||||
samples(`${baseNoTrailing}/piano.json`, `./piano/`, { prebake: true }),
|
samples(`${baseNoTrailing}/piano.json`, `${baseNoTrailing}/piano/`, { prebake: true }),
|
||||||
// https://github.com/sgossner/VCSL/
|
// https://github.com/sgossner/VCSL/
|
||||||
// https://api.github.com/repositories/126427031/contents/
|
// https://api.github.com/repositories/126427031/contents/
|
||||||
// LICENSE: CC0 general-purpose
|
// LICENSE: CC0 general-purpose
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user