From c6f7416117a58cd51ef579f3ff4ccfde30def5aa Mon Sep 17 00:00:00 2001
From: Korbs <korbs@sudovanilla.org>
Date: Fri, 29 Nov 2024 22:30:32 -0500
Subject: [PATCH] Update demo pages

---
 test/src/pages/milieu.astro              | 37 +++++++++++++-----------
 test/src/pages/with-separate-audio.astro |  1 +
 2 files changed, 21 insertions(+), 17 deletions(-)

diff --git a/test/src/pages/milieu.astro b/test/src/pages/milieu.astro
index 396ba3c..058ad07 100644
--- a/test/src/pages/milieu.astro
+++ b/test/src/pages/milieu.astro
@@ -15,24 +15,27 @@ import {Zorn} from '@minpluto/zorn'
 		CustomControlsWithMenu
 		SettingsMenu
 		Milieu
+		Whitelabel
 	>
-		<div id="settings" class="vc-menu">
-			<button>Stats for Geeks</button>
-			<hr/>
-			<button>Open Video URL <i class="iconoir-arrow-up-right"></i></button>
-			<button>Download <i class="iconoir-arrow-up-right"></i></button>
-			<button>Embed <i class="iconoir-arrow-up-right"></i></button>
-			<hr/>
-			<button id="has-switch">Milieu <i class="iconoir-switch-on"></i></button>
-			<button>Close Captions <i class="iconoir-nav-arrow-right"></i></button>
-			<button onclick="PlayerMenu_Quality()">Quality <i class="iconoir-nav-arrow-right"></i></button>
-		</div>
-		<div id="quality-changer" class="vc-menu">
-			<button onclick="OpenZornMenu()"><span style="display: flex; align-items: center;"><i class="iconoir-nav-arrow-left"></i> Back</span></button>
-			<button>1080p</button>
-			<button>720p</button>
-			<button>360p</button>
-		</div>
+		<slot slot="menu">
+			<div id="settings" class="vc-menu">
+				<button>Stats for Geeks</button>
+				<hr/>
+				<button>Open Video URL <i class="iconoir-arrow-up-right"></i></button>
+				<button>Download <i class="iconoir-arrow-up-right"></i></button>
+				<button>Embed <i class="iconoir-arrow-up-right"></i></button>
+				<hr/>
+				<button id="has-switch">Milieu <i class="iconoir-switch-off"></i></button>
+				<button>Close Captions <i class="iconoir-nav-arrow-right"></i></button>
+				<button onclick="PlayerMenu_Quality()">Quality <i class="iconoir-nav-arrow-right"></i></button>
+			</div>
+			<div id="quality-changer" class="vc-menu">
+				<button onclick="OpenZornMenu()"><span style="display: flex; align-items: center;"><i class="iconoir-nav-arrow-left"></i> Back</span></button>
+				<button>1080p</button>
+				<button>720p</button>
+				<button>360p</button>
+			</div>
+		</slot>
 	</Zorn>
 	<slot slot="info">
 		<p>Source: <a href="https://vimeo.com/354598551">https://vimeo.com/354598551</a></p>
diff --git a/test/src/pages/with-separate-audio.astro b/test/src/pages/with-separate-audio.astro
index 7bb3e5d..2fa83d7 100644
--- a/test/src/pages/with-separate-audio.astro
+++ b/test/src/pages/with-separate-audio.astro
@@ -15,6 +15,7 @@ import {Zorn} from '@minpluto/zorn'
 		CustomControls
 		VideoAttributes="muted"
 		AudioAttributes=""
+		ShowBackAndForward
 	/>
 	<slot slot="info">
 		<p>Source: <a href="https://vimeo.com/989082177">https://vimeo.com/989082177</a></p>