replace tutorial with workshop

+ move parts of tutorial to more
+ move more before Pattern Functions

website/src/pages/workshop/first-sounds.mdx

@@ -9,6 +9,8 @@ import QA from '@components/QA';
 
 # First Sounds
 
+This is the first chapter of the Strudel Workshop, nice to have you on board!
+
 ## Make a Sound
 
 Let's start by making some noise:

website/src/pages/workshop/getting-started.mdx

@@ -1,5 +1,5 @@
 ---
-title: Introduction
+title: Getting Started
 layout: ../../layouts/MainLayout.astro
 ---
 
@@ -7,17 +7,21 @@ import { MiniRepl } from '../../docs/MiniRepl';
 
 # Welcome
 
+<img src="/icons/strudel_icon.png" className="w-32 animate-pulse md:float-right ml-8" />
+
 Welcome to the Strudel documentation pages!
 You've come to the right place if you want to learn how to make music with code.
 
 ## What is Strudel?
 
 With Strudel, you can expressively write dynamic music pieces.<br/>
-It is an official port of the [Tidal Cycles](https://tidalcycles.org/) pattern language to JavaScript.
+It is an official port of the [Tidal Cycles](https://tidalcycles.org/) pattern language to JavaScript.<br/>
 You don't need to know JavaScript or Tidal Cycles to make music with Strudel.
 This interactive tutorial will guide you through the basics of Strudel.<br/>
 The best place to actually make music with Strudel is the [Strudel REPL](https://strudel.tidalcycles.org/)
 
+<div className="clear-both" />
+
 ## What can you do with Strudel?
 
 - live code music: make music with code in real time
@@ -59,3 +63,8 @@ Here is an example of how strudel can sound:
 />
 
 To hear more, go to the [Strudel REPL](https://strudel.tidalcycles.org/) and press shuffle to hear a random example pattern.
+
+## Getting Started
+
+The best way to start learning Strudel is the workshop.
+If you're ready to dive in, let's start with your [first sounds](/workshop/first-sounds)

website/src/pages/workshop/langebank.mdx

@@ -152,3 +152,39 @@ n(\`<
 .scale("<E:minor>/4")
 .sound("piano")`}
 />
+
+# dinge die es im alten tutorial gab, die jetzt noch nicht im workshop sind
+
+## `freq`
+
+To get maximum freedom, you can also use `freq` to directly control the frequency:
+
+<MiniRepl client:idle tune={`freq("220 275 330 440")`} />
+
+## Hearing and frequency
+
+In the above example, we play A3 (220Hz), C#4 natural (275Hz), E4 (330Hz) and A4 (440Hz), mirroring our previous examples.
+
+But can you hear the difference between these individual frequencies?
+
+<MiniRepl client:idle tune={`freq("220 221 223 224")`} />
+
+How about these?
+
+<MiniRepl client:idle tune={`freq("2020 2021 2023 2024")`} />
+
+The higher we go up...
+
+<MiniRepl client:idle tune={`freq("5020 5021 5023 5024")`} />
+
+The less distance we can hear between the frequencies!
+
+<MiniRepl client:idle tune={`freq("10020 10021 10023 10024")`} />
+
+Why is this? [Human hearing operates logarithmically](https://www.audiocheck.net/soundtests_nonlinear.php).
+
+## coding syntax
+
+## getting-started
+
+## sounds