remove demo + scripts on all doc pages

This commit is contained in:
Felix Roos 2024-03-22 16:23:18 +01:00
parent 4f0f388ca2
commit 52d3ee0f85
3 changed files with 1 additions and 27 deletions

View File

@ -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>

View File

@ -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">

View File

@ -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