mirror of
https://github.com/eliasstepanik/strudel-docker.git
synced 2026-01-11 05:38:34 +00:00
remove demo + scripts on all doc pages
This commit is contained in:
parent
4f0f388ca2
commit
52d3ee0f85
@ -22,5 +22,5 @@
|
|||||||
</script>
|
</script>
|
||||||
<p>
|
<p>
|
||||||
This page shows how skypack can be used to import strudel core directly into a simple html page. <br />
|
This page shows how skypack can be used to import strudel core directly into a simple html page. <br />
|
||||||
No server, no bundler and no build setup is needed to run this!<br />
|
No server, no bundler and no build setup is needed to run this!
|
||||||
</p>
|
</p>
|
||||||
|
|||||||
@ -28,10 +28,6 @@ const githubEditUrl = `${CONFIG.GITHUB_EDIT_URL}/${currentFile}`;
|
|||||||
<title>
|
<title>
|
||||||
{frontmatter.title ? `${frontmatter.title} 🌀 ${CONFIG.SITE.title}` : CONFIG.SITE.title}
|
{frontmatter.title ? `${frontmatter.title} 🌀 ${CONFIG.SITE.title}` : CONFIG.SITE.title}
|
||||||
</title>
|
</title>
|
||||||
<script>
|
|
||||||
import '@strudel/embed';
|
|
||||||
import '@strudel/repl';
|
|
||||||
</script>
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="h-app-height text-gray-50 bg-background">
|
<body class="h-app-height text-gray-50 bg-background">
|
||||||
|
|||||||
@ -61,18 +61,6 @@ n("<0 1 2 3 4>*8").scale('G4 minor')
|
|||||||
This will load the strudel website in an iframe, using the code provided within the HTML comments `<!-- -->`.
|
This will load the strudel website in an iframe, using the code provided within the HTML comments `<!-- -->`.
|
||||||
The HTML comments are needed to make sure the browser won't interpret it as HTML.
|
The HTML comments are needed to make sure the browser won't interpret it as HTML.
|
||||||
|
|
||||||
This is the result:
|
|
||||||
|
|
||||||
<strudel-repl code={`setcps(1)
|
|
||||||
n("<0 1 2 3 4>*8").scale('G4 minor')
|
|
||||||
.s("gm_lead_6_voice")
|
|
||||||
.clip(sine.range(.2,.8).slow(8))
|
|
||||||
.jux(rev)
|
|
||||||
.room(2)
|
|
||||||
.sometimes(add(note("12")))
|
|
||||||
.lpf(perlin.range(200,20000).slow(4))`}>
|
|
||||||
</strudel-repl>
|
|
||||||
|
|
||||||
For alternative ways to load this package, see the [@strudel/embed README](https://github.com/tidalcycles/strudel/tree/main/packages/embed#strudelembed).
|
For alternative ways to load this package, see the [@strudel/embed README](https://github.com/tidalcycles/strudel/tree/main/packages/embed#strudelembed).
|
||||||
|
|
||||||
### @strudel/repl
|
### @strudel/repl
|
||||||
@ -98,16 +86,6 @@ n("<0 1 2 3 4>*8").scale('G4 minor')
|
|||||||
Here, we're loading `@strudel/repl` instead of `@strudel/embed`, and the component is called `strudel-editor` instead of `strudel-repl`.
|
Here, we're loading `@strudel/repl` instead of `@strudel/embed`, and the component is called `strudel-editor` instead of `strudel-repl`.
|
||||||
Yes the naming is a bit confusing..
|
Yes the naming is a bit confusing..
|
||||||
|
|
||||||
<strudel-editor code={`setcps(1)
|
|
||||||
n("<0 1 2 3 4>*8").scale('G4 minor')
|
|
||||||
.s("gm_lead_6_voice")
|
|
||||||
.clip(sine.range(.2,.8).slow(8))
|
|
||||||
.jux(rev)
|
|
||||||
.room(2)
|
|
||||||
.sometimes(add(note("12")))
|
|
||||||
.lpf(perlin.range(200,20000).slow(4))`}>
|
|
||||||
</strudel-editor>
|
|
||||||
|
|
||||||
The upside of using the repl without an iframe is that you can pin the strudel version you're using:
|
The upside of using the repl without an iframe is that you can pin the strudel version you're using:
|
||||||
|
|
||||||
```html
|
```html
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user