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> <a href="/about">About Demo</a>
</div> </div>
<div class="header-end"> <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> </div>
</header> </header>
@ -22,12 +23,14 @@ header {
margin-top: -8px; margin-top: -8px;
max-width: 1200px; max-width: 1200px;
height: 64px; height: 64px;
.header-start { color: white;
.header-start, .header-end {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 12px; gap: 12px;
a { a {
text-decoration: none; text-decoration: none;
color: white;
&:hover { &:hover {
text-decoration: underline; text-decoration: underline;
} }

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

@ -9,7 +9,7 @@ const { Title, Description } = Astro.props
<slot /> <slot />
<hr/> <hr/>
<center> <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://ark.sudovanilla.org/MinPluto/Zorn#installation">Documentation</a>
<a href="https://npm.sudovanilla.org/-/web/detail/@minpluto/zorn">Package</a> <a href="https://npm.sudovanilla.org/-/web/detail/@minpluto/zorn">Package</a>
<a href="https://ark.sudovanilla.org/MinPluto/Zorn">Source Code</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 // Components
import Header from '@components/Header.astro' import Header from '@components/Header.astro'
import Info from '@components/Info.astro' import Info from '@components/Info.astro'
import Switcher from '@components/Switcher.astro'
--- ---
<html> <html>
<head> <head>
@ -17,6 +18,10 @@ import Info from '@components/Info.astro'
</head> </head>
<body> <body>
<Header/> <Header/>
<br/>
<Switcher/>
<br/>
<br/>
<slot/> <slot/>
<Info Title={Title} Description={Description}> <Info Title={Title} Description={Description}>
<div class="info-section"><slot name="info"></slot></div> <div class="info-section"><slot name="info"></slot></div>
@ -27,13 +32,23 @@ import Info from '@components/Info.astro'
<style is:global is:inline> <style is:global is:inline>
body { body {
background: #010101; background: white;
color: white; color: black;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
margin: auto; margin: auto;
max-width: 1200px; max-width: 1200px;
&::before {
content: "";
background: #010101;
width: 100%;
height: 600px;
position: absolute;
top: 0px;
left: 0px;
z-index: -1;
}
a { a {
color: white; color: black;
} }
} }
.video-container { .video-container {

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

@ -2,6 +2,12 @@
layout: src/layouts/Default.astro layout: src/layouts/Default.astro
--- ---
<style>
body::before {
height: 146px !important;
}
</style>
## Data Streams ## 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. 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; color: white;
} }
} }
body::before {
height: 370px !important;
}
.video-container { .video-container {
position: relative; position: relative;
margin: 40px; margin: 40px;