From c7c91eec29f666688e79de68bdf2a4cf04b8b3d5 Mon Sep 17 00:00:00 2001
From: Korbs <korbs@sudovanilla.org>
Date: Mon, 4 Nov 2024 13:39:06 -0500
Subject: [PATCH] Use a different video source for the Milieu demo page. Give
 credit for Poke.

---
 test/src/pages/milieu.astro | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/test/src/pages/milieu.astro b/test/src/pages/milieu.astro
index 25f7ba7..7f19283 100644
--- a/test/src/pages/milieu.astro
+++ b/test/src/pages/milieu.astro
@@ -15,9 +15,9 @@ import {
 <meta charset="utf-8">
 
 <Zorn
-	Title="Ennie and Yoyki: Non-Girly Games"
-	Poster="https://md.sudovanilla.org/images/eay-p-v.jpg"
-	Video="https://md.sudovanilla.org/videos/webm/Ennie-and-Yoyki.webm"
+	Title="Islandia"
+	Poster="https://md.sudovanilla.org/images/Islandia%2000%3A00%3A21.png"
+	Video="https://ocean.sudovanilla.org/media/videos/Islandia/Islandia.mp4"
 	CustomControlsWithMenu
 	SettingsMenu
 	Milieu
@@ -45,12 +45,13 @@ import {
 <Switcher/>
 <style is:inline>a[href="/milieu"] {background: white !important;color: black !important;}</style>
 
-<Info Title="Ennie and Yoyki: Non-Girly Games" Description="Created by Daniyar Yambushev">
-	<p>Source: <a href="https://www.youtube.com/watch?v=MuyJtxzyU3o">https://www.youtube.com/watch?v=MuyJtxzyU3o</a></p>
-	<p>This demo pulls from: <a href="https://md.sudovanilla.org/videos/webm/Ennie-and-Yoyki.webm">https://md.sudovanilla.org/videos/webm/Ennie-and-Yoyki.webm</a></p>
+<Info Title="Islandia" Description="Created by Vadim Sherbakov">
+	<p>Source: <a href="https://vimeo.com/354598551">https://vimeo.com/354598551</a></p>
+	<p>This demo pulls from: <a href="https://ocean.sudovanilla.org/media/videos/Islandia/Islandia.mp4">https://ocean.sudovanilla.org/media/videos/Islandia/Islandia.mp4</a></p>
+	<p>Zorn Player uses the <a href="https://codeberg.org/ashley/poke/src/commit/a28f8e253663264abfcd284f8769b6e901ac1371/html/poketube.ejs#L2186-L2261">Ambient effect from Poke's source code</a>.</p>
 </Info>
 
-<style>
+<style is:global>
 body {
 	background: #010101;
 	color: white;
@@ -59,6 +60,10 @@ body {
 		color: white;
 	}
 }
+.video-container {
+  position: relative;
+  margin: 80px;
+}
 </style>
 
 <script is:inline>