MinPluto/Zorn
MinPluto/Zorn
1
Fork 0
Code Issues Pull requests Activity

Update demo

Browse source
This commit is contained in:
Korbs 2024-11-30 18:11:07 -05:00
parent 769df09ee4
commit 38b4f49264
5 changed files with 33 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
test/src/components/Header.astro
View file

@ -9,7 +9,8 @@ import Switcher from './Switcher.astro'
<a href="/about">About Demo</a>
</div>
<div class="header-end">
<Switcher/>
<a href="https://studio.sudovanilla.org/" target="_blank">MinPluto</a>
<a href="https://ark.sudovanilla.org/MinPluto/Zorn" target="_blank">Source Code</a>
</div>
</header>
@ -22,12 +23,14 @@ header {
margin-top: -8px;
max-width: 1200px;
height: 64px;
.header-start {
color: white;
.header-start, .header-end {
display: flex;
align-items: center;
gap: 12px;
a {
text-decoration: none;
color: white;
&:hover {
text-decoration: underline;
}

2
test/src/components/Info.astro
View file

@ -9,7 +9,7 @@ const { Title, Description } = Astro.props
<slot />
<hr/>
<center>
<p style="display: flex; gap: 12px;justify-content: center;">
<p style="display: flex; gap: 12px; justify-content: center; color: black;">
<a href="https://ark.sudovanilla.org/MinPluto/Zorn#installation">Documentation</a>
<a href="https://npm.sudovanilla.org/-/web/detail/@minpluto/zorn">Package</a>
<a href="https://ark.sudovanilla.org/MinPluto/Zorn">Source Code</a>

21
test/src/layouts/Default.astro
View file

@ -9,6 +9,7 @@ const {
// Components
import Header from '@components/Header.astro'
import Info from '@components/Info.astro'
import Switcher from '@components/Switcher.astro'
---
<html>
<head>
@ -17,6 +18,10 @@ import Info from '@components/Info.astro'
</head>
<body>
<Header/>
<br/>
<Switcher/>
<br/>
<br/>
<slot/>
<Info Title={Title} Description={Description}>
<div class="info-section"><slot name="info"></slot></div>
@ -27,13 +32,23 @@ import Info from '@components/Info.astro'
<style is:global is:inline>
body {
background: #010101;
color: white;
background: white;
color: black;
font-family: Arial, Helvetica, sans-serif;
margin: auto;
max-width: 1200px;
&::before {
content: "";
background: #010101;
width: 100%;
height: 600px;
position: absolute;
top: 0px;
left: 0px;
z-index: -1;
}
a {
color: white;
color: black;
}
}
.video-container {

6
test/src/pages/about.md
View file

@ -2,6 +2,12 @@
layout: src/layouts/Default.astro
---
<style>
body::before {
height: 146px !important;
}
</style>
## Data Streams
All sources used in Zorn player, in this demo, are pulled directly from the SudoVanilla Ocean. The upload speed on SudoVanilla's internet connection is 10/Mpbs, which is slow for video and audio streaming. So while viewing the demo, expect buffering and some videos to lag a bit.

3
test/src/pages/multi.astro
View file

@ -65,6 +65,9 @@ import Info from '@components/Info.astro'
color: white;
}
}
body::before {
height: 370px !important;
}
.video-container {
position: relative;
margin: 40px;