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

Create all new presentation page for demo

Browse source
This commit is contained in:
Korbs 2025-01-02 00:16:44 -05:00
parent 4105d8efcf
commit 965015c18e
No known key found for this signature in database
2 changed files with 77 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
test/src/pages/index.astro
View file

@ -15,7 +15,6 @@ import {Zorn} from '@minpluto/zorn'
CustomControlsWithMenu
SettingsMenu
Whitelabel
BigPlayButton
ShowPlaybackRate
Subtitles
SeekColor="#f28438"

77
test/src/pages/present.astro Normal file
View file

@ -0,0 +1,77 @@
---
// Layout
import Default from 'src/layouts/Default.astro'
// Components
import {Presentation} from '@minpluto/zorn'
---
<Default Page="/" Title="Presentation" Description="">
<!-- <Zorn
PlayerName="Apple_imac_colors"
Title=""
Video="http://192.168.1.172:7731/media/videos/Apple/imac-colors-landscape.mp4"
Presentation
>
</Zorn>
<div style="margin: 40px; text-align: center; font-size: larger;" class="present-text-box">
<h2>Example Heading</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div> -->
<div style="margin: 40px; text-align: center; font-size: larger;" class="present-text-box">
<h2>Presentation Mode</h2>
<p>This is a mode for Zorn built for product showcase.</p>
</div>
<Presentation
Position="RightBottom"
Theme="0,0,0,0.5"
PlayerName="iphone_showcase"
Video="http://192.168.1.172:7731/media/videos/Apple/apple-iphone-showcase-lar-169.mp4"
>
</Presentation>
<Presentation
Position="LeftBottom"
Theme="0,0,0,0.5"
PlayerName="render_from_imac_mini"
Video="http://192.168.1.172:7731/media/videos/Apple/apple-mac-mini-r-p-2024-169.mp4"
>
</Presentation>
<div style="display: grid; grid-template-columns: auto auto; gap: 24px;">
<Presentation
Position="RightBottom"
Theme="0,0,0,0.5"
PlayerName="ear"
Loop
Video="http://192.168.1.172:7731/media/videos/Nothing/bc72f9a2b3eb49f68b65163cfd36d518.mp4"
>
</Presentation>
<Presentation
Position="RightBottom"
Theme="0,0,0,0.5"
PlayerName="bluetooth"
Loop
Video="http://192.168.1.172:7731/media/videos/Nothing/d944851a484a42c4a6ff1022e62bdc16.mp4"
>
</Presentation>
</div>
<br/>
<br/>
<br/>
</Default>
<style is:inline>
a[href="/"] {background: white !important;color: black !important}
.video-container {
position: relative;
margin: 40px;
}
.info {
display: none;
}
body::before {
height: 135px;
}
</style>