mirror of
https://github.com/eliasstepanik/strudel-docker.git
synced 2026-01-23 19:48:31 +00:00
fix examples route
This commit is contained in:
parent
8e5d02fd25
commit
ba6c7b0901
@ -1,7 +1,11 @@
|
|||||||
---
|
---
|
||||||
import * as tunes from '../../../src/repl/tunes.mjs';
|
import * as tunes from '../../../src/repl/tunes.mjs';
|
||||||
|
import HeadCommon from '../../components/HeadCommon.astro';
|
||||||
---
|
---
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<HeadCommon />
|
||||||
|
</head>
|
||||||
<body class="bg-slate-800">
|
<body class="bg-slate-800">
|
||||||
<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">
|
||||||
{
|
{
|
||||||
@ -10,7 +14,7 @@ import * as tunes from '../../../src/repl/tunes.mjs';
|
|||||||
<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">{name}</span>
|
<span class="bg-slate-800 p-2 rounded-md text-white">{name}</span>
|
||||||
</div>
|
</div>
|
||||||
<img src={`/img/example-${name}.png`} />
|
<img src={`./img/example-${name}.png`} />
|
||||||
</a>
|
</a>
|
||||||
))
|
))
|
||||||
}
|
}
|
||||||
|
|||||||
@ -42,7 +42,7 @@ This interactive tutorial will guide you through the basics of Strudel.
|
|||||||
To see and hear what Strudel can do, visit the [Strudel REPL](https://strudel.tidalcycles.org/) and click the Shuffle icon in the top menu bar.
|
To see and hear what Strudel can do, visit the [Strudel REPL](https://strudel.tidalcycles.org/) and click the Shuffle icon in the top menu bar.
|
||||||
You can get a feel for Strudel by browsing and editing these examples and clicking the Refresh icon to update.
|
You can get a feel for Strudel by browsing and editing these examples and clicking the Refresh icon to update.
|
||||||
|
|
||||||
You can also browse through the examples [here](/examples).
|
You can also browse through the examples [here](./examples).
|
||||||
|
|
||||||
Alternatively, you can get a taste of what Strudel can do by clicking play on this track:
|
Alternatively, you can get a taste of what Strudel can do by clicking play on this track:
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user