Add random modifiers docs to its own page

website/src/config.ts

@@ -90,6 +90,7 @@ export const SIDEBAR: Sidebar = {
       { text: 'Time Modifiers', link: 'learn/time-modifiers' },
       { text: 'Control Parameters', link: 'functions/value-modifiers' },
       { text: 'Signals', link: 'learn/signals' },
+      { text: 'Random Modifiers', link: 'learn/random-modifiers' },
       { text: 'Conditional Modifiers', link: 'learn/conditional-modifiers' },
       { text: 'Accumulation', link: 'learn/accumulation' },
       { text: 'Tonal Functions', link: 'learn/tonal' },

website/src/pages/learn/random-modifiers.mdx

@@ -0,0 +1,85 @@
+---
+title: Random Modifiers
+layout: ../../layouts/MainLayout.astro
+---
+
+import { MiniRepl } from '../../docs/MiniRepl';
+import { JsDoc } from '../../docs/JsDoc';
+
+# Random Modifiers
+
+These methods add random behavior to your Patterns.
+
+## choose
+
+<JsDoc client:idle name="choose" h={0} />
+
+## wchoose
+
+<JsDoc client:idle name="wchoose" h={0} />
+
+## chooseCycles
+
+<JsDoc client:idle name="chooseCycles" h={0} />
+
+## wchooseCycles
+
+<JsDoc client:idle name="wchooseCycles" h={0} />
+
+## degradeBy
+
+<JsDoc client:idle name="Pattern.degradeBy" h={0} />
+
+## degrade
+
+<JsDoc client:idle name="Pattern.degrade" h={0} />
+
+## undegradeBy
+
+<JsDoc client:idle name="Pattern.undegradeBy" h={0} />
+
+## undegrade
+
+<JsDoc client:idle name="Pattern.undegrade" h={0} />
+
+## sometimesBy
+
+<JsDoc client:idle name="Pattern.sometimesBy" h={0} />
+
+## sometimes
+
+<JsDoc client:idle name="Pattern.sometimes" h={0} />
+
+## someCyclesBy
+
+<JsDoc client:idle name="Pattern.someCyclesBy" h={0} />
+
+## someCycles
+
+<JsDoc client:idle name="Pattern.someCycles" h={0} />
+
+## often
+
+<JsDoc client:idle name="Pattern.often" h={0} />
+
+## rarely
+
+<JsDoc client:idle name="Pattern.rarely" h={0} />
+
+## almostNever
+
+<JsDoc client:idle name="Pattern.almostNever" h={0} />
+
+## almostAlways
+
+<JsDoc client:idle name="Pattern.almostAlways" h={0} />
+
+## never
+
+<JsDoc client:idle name="Pattern.never" h={0} />
+
+## always
+
+<JsDoc client:idle name="Pattern.always" h={0} />
+
+Next up: [Conditional Modifiers](/learn/conditional-modifiers)

website/src/pages/learn/signals.mdx

@@ -55,80 +55,4 @@ There is also `saw2`, `sine2`, `cosine2`, `tri2`, `square2` and `rand2` which ha
 
 <JsDoc client:idle name="brandBy" h={0} />
 
-# Random Modifiers
+Next up: [Random Modifiers](/learn/random-modifiers)
-
-These methods add random behavior to your Patterns.
-
-## choose
-
-<JsDoc client:idle name="choose" h={0} />
-
-## wchoose
-
-<JsDoc client:idle name="wchoose" h={0} />
-
-## chooseCycles
-
-<JsDoc client:idle name="chooseCycles" h={0} />
-
-## wchooseCycles
-
-<JsDoc client:idle name="wchooseCycles" h={0} />
-
-## degradeBy
-
-<JsDoc client:idle name="Pattern.degradeBy" h={0} />
-
-## degrade
-
-<JsDoc client:idle name="Pattern.degrade" h={0} />
-
-## undegradeBy
-
-<JsDoc client:idle name="Pattern.undegradeBy" h={0} />
-
-## undegrade
-
-<JsDoc client:idle name="Pattern.undegrade" h={0} />
-
-## sometimesBy
-
-<JsDoc client:idle name="Pattern.sometimesBy" h={0} />
-
-## sometimes
-
-<JsDoc client:idle name="Pattern.sometimes" h={0} />
-
-## someCyclesBy
-
-<JsDoc client:idle name="Pattern.someCyclesBy" h={0} />
-
-## someCycles
-
-<JsDoc client:idle name="Pattern.someCycles" h={0} />
-
-## often
-
-<JsDoc client:idle name="Pattern.often" h={0} />
-
-## rarely
-
-<JsDoc client:idle name="Pattern.rarely" h={0} />
-
-## almostNever
-
-<JsDoc client:idle name="Pattern.almostNever" h={0} />
-
-## almostAlways
-
-<JsDoc client:idle name="Pattern.almostAlways" h={0} />
-
-## never
-
-<JsDoc client:idle name="Pattern.never" h={0} />
-
-## always
-
-<JsDoc client:idle name="Pattern.always" h={0} />
-
-Next up: [Conditional Modifiers](/learn/conditional-modifiers)