update

package.json

@@ -1,7 +1,7 @@
 {
   "name": "minpluto",
   "type": "module",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "scripts": {
     "dev": "astro dev",
     "start": "astro dev",
@@ -10,15 +10,15 @@
   },
   "dependencies": {
     "@astrojs/vue": "^4.5.3",
-    "@iconoir/vue": "^7.10.0",
+    "@iconoir/vue": "^7.10.1",
-    "@minpluto/zorn": "^0.4.64",
+    "@minpluto/zorn": "^0.4.8",
     "@sudovanilla/errors": "^3.0.0",
     "@tryghost/content-api": "^1.11.21",
-    "astro": "5.0.0-beta.12",
+    "astro": "4.16.16",
     "astro-bun-adapter": "^1.0.2",
     "astro-tooltips": "^0.6.2"
   },
   "devDependencies": {
-    "sass": "^1.81.0"
+    "sass": "^1.81.1"
   }
 }

src/components/global/Footer.astro

@@ -1,5 +1,5 @@
 <footer>
-    <p>(C) 2025 MinPluto</p>
+    <p><span>(C) 2025 MinPluto</span> <a href="">Privacy Policy</a></p>
     <p style="font-style: italic;">A <a href="https://sudovanilla.org/" target="_blank">SudoVanilla</a> Organization</p>
 </footer>
 

src/components/global/Head.astro

@@ -1,6 +1,6 @@
 ---
 const { Title, Description } = Astro.props
-import { ClientRouter } from 'astro:transitions'
+import { ViewTransitions } from 'astro:transitions'
 import { Tooltips } from 'astro-tooltips'
 ---
 
@@ -22,7 +22,7 @@ import { Tooltips } from 'astro-tooltips'
   <script is:inline defer src="https://stats.sudovanilla.org/script.js" data-website-id="49412f0c-1f48-473c-b5d3-916ff17d8a5b"></script>
 
   <!-- ViewTransition API -->
-  <ClientRouter />
+  <ViewTransitions />
 
   <!-- Tooltip -->
   <Tooltips interactive={false} delay={[15, 14000]} />

src/components/global/Header.astro

@@ -1,52 +1,52 @@
 ---
-import { Image } from "astro:assets";
 ---
 
 <header>
     <div class="header-content">
         <div class="header-start">
-            <a href="/"><img src="https://md.sudovanilla.org/images/minpluto-2024.png" /></a>
+            <a href="/"><img src="https://md.sudovanilla.org/images/minpluto-2024.png"/></a>
         </div>
         <div class="header-end">
             <a href="/about">About</a>
+            <a href="https://zorn.docs.sudovanilla.org/">Documentation</a>
             <a href="https://npm.sudovanilla.org/">Packages</a>
             <a href="https://ark.sudovanilla.org/MinPluto/">Source Code</a>
         </div>
     </div>
 </header>
 
-<style lang="scss">
+<style>
-    header {
+header {
-        color: white;
+    color: white;
-        position: fixed;
+    position: fixed;
-        top: 0px;
+    top: 0px;
-        left: 0px;
+    left: 0px;
-        width: 100%;
+    width: 100%;
-        padding: 12px 0px;
+    padding: 12px 0px;
-        z-index: 10;
+    z-index: 10;
-        backdrop-filter: blur(24px) brightness(0.3);
+    backdrop-filter: blur(24px) brightness(0.3);
-        .header-content {
+    .header-content {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        max-width: 1200px;
+        margin: auto;
+        padding: 0px 24px;
+        [src="https://md.sudovanilla.org/images/minpluto-2024.png"]
+        {
+            width: 64px;
+        }
+        .header-end {
             display: flex;
-            align-items: center;
+            gap: 24px;
-            justify-content: space-between;
+            a {
-            max-width: 1200px;
+                color: white;
-            margin: auto;
+                text-decoration: none;
-            padding: 0px 24px;
+                &:hover {
-            [src="https://md.sudovanilla.org/images/minpluto-2024.png"]
+                    text-decoration: underline;
-            {
-                width: 64px;
-            }
-            .header-end {
-                display: flex;
-                gap: 24px;
-                a {
-                    color: white;
-                    text-decoration: none;
-                    &:hover {
-                        text-decoration: underline;
-                    }
                 }
             }
         }
     }
-</style>
+}
+</style>

src/pages/index.astro

@@ -17,13 +17,16 @@ const ping = await fetch("https://status.sudovanilla.org/json").then((response)
     Description="In-House Player built by MinPluto"
     CTA_Primary="View Demo"
     CTA_Primary_Link="https://zorn.demo.sudovanilla.org"
-    CTA_Secondary="Source Code"
+    CTA_Secondary="Documentation"
-    CTA_Secondary_Link="https://ark.sudovanilla.org/MinPluto/Zorn/"
+    CTA_Secondary_Link="https://zorn.docs.sudovanilla.org"
     >
         <Zorn
             PlayerName="Hero"
             Poster="https://ocean.sudovanilla.org/media/videos/Wing%20It%21/poster.jpg"
             Video="https://ocean.sudovanilla.org/media/videos/Wing%20It%21/WING%20IT%21%20-%20Blender%20Open%20Movie.mp4"
+            ShowBackAndForward
+            ShowPlaybackRate
+            BigPlayButton
         />
 
         <span id="video-credit"><a href="https://studio.blender.org/projects/wing-it/">Wing it! - Blender Studio</a></span>
@@ -35,14 +38,32 @@ const ping = await fetch("https://status.sudovanilla.org/json").then((response)
       CTA_Primary="Get Started"
       CTA_Primary_Link="https://npm.sudovanilla.org/-/web/detail/@minpluto/zorn"
     />
+    <Feature
+      Title="HTTP Live Streaming"
+      Description="Display live streams using .m3u8 or other sources that require HLS support."
+      Image="https://md.sudovanilla.org/images/zorn-live.webp"
+      CTA_Primary="Documentation"
+      CTA_Primary_Link="https://zorn.docs.sudovanilla.org/live/"
+      CTA_Secondary="Source Code"
+      CTA_Secondary_Link="https://ark.sudovanilla.org/MinPluto/Zorn/src/branch/main/src/Features/HLS.astroo"
+    />
     <Feature
       Title="Milieu Effect"
       Description="Add a lighting effect around the video player using the Milieu effect, making the player more immersive by creating a glow that gently changes color."
       Image="https://md.sudovanilla.org/images/mreR3.png"
-      CTA_Primary="See For Yourself"
+      CTA_Primary="View Demo"
       CTA_Primary_Link="https://zorn.demo.sudovanilla.org/milieu"
       CTA_Secondary="Source Code"
-      CTA_Secondary_Link="https://ark.sudovanilla.org/MinPluto/Zorn/src/branch/main/src/Features/Milieu.astro"
+      CTA_Secondary_Link="https://gist.sudovanilla.org/Korbs/ambient-video-effect"
+    />
+    <Feature
+      Title="Split Audio Source"
+      Description="Add separated video and audio sources in Zorn with the 'Video' and 'Audio' option. Seperate audio source function in Zorn will also bring mulit-audio track in a future update."
+      Image="https://md.sudovanilla.org/images/zorn-dash.png"
+      CTA_Primary="Documentation"
+      CTA_Primary_Link="https://zorn.docs.sudovanilla.org/audio-source/"
+      CTA_Secondary="Source Code"
+      CTA_Secondary_Link="https://gist.sudovanilla.org/Korbs/sync-video-and-audio"
     />
 </Default>