MinPluto/MinPluto-Frontend
MinPluto/MinPluto-Frontend
Archived
1
Fork 0
Code Issues Pull requests Activity

update

Browse source
This commit is contained in:
Korbs 2024-09-05 00:24:19 -04:00
parent d5bbe0ef50
commit 0e59360957
5 changed files with 108 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
web/components/global/Head.astro Normal file
View file

@ -0,0 +1,41 @@
---
// Properties
const {
Title,
Description,
EmbedId,
EmbedVideo,
EmbedImage,
EmbedTitle,
} = Astro.props
// Components
import { Tooltips } from 'astro-tooltips';
// Styles
import '@styles/base.scss'
---
<!DOCTYPE html>
<head>
<!-- Metadata -->
<title>{Title}</title>
<meta name="description" content={Description}>
<!-- Properties -->
<meta charset="UTF-8">
<meta name="theme-color" content="#111">
<meta name="viewport" content="width=device-1200px, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=yes, viewport-fit=cover, width=device-width, height=device-height, target-densitydpi=device-dpi">
<meta http-equiv="content-language" content="en-us">
<!-- <link rel="manifest" href="/manifest.json" />
<script is:inline src="/service-worker.js"></script> -->
<Tooltips interactive={false} delay={[15, 12]} />
<!-- Favicon -->
<link rel="apple-touch-icon" type="image/png" sizes="256x256" href="/images/logo/Favicon.png">
<link rel="icon" type="image/png" sizes="256x256" href="/images/logo/Favicon.png">
<!-- Fonts -->
<!-- https://github.com/github/mona-sans -->
<link rel="preload" href="/fonts/mona-sans/Mona-Sans.woff2" as="font" type="font/woff2" crossorigin>
</head>

1
web/env.d.ts vendored Normal file
View file

@ -0,0 +1 @@
/// <reference path=".astro/types.d.ts" />

59
web/layouts/Default.astro
View file

@ -0,0 +1,59 @@
---
// Properties
const {Title} = Astro.props
// Components
import Head from '@components/global/Head.astro'
import {Sidebar} from '@minpluto/polestar'
// Icons
import {
InputSearch,
ProfileCircle,
GraphUp,
Movie,
MusicDoubleNote,
Gamepad,
AppleImac2021Side,
EmojiTalkingHappy,
PlanetAlt,
Settings,
MediaVideoList,
LogOut,
OpenInBrowser
} from '@iconoir/vue'
---
<Head Title={Title}/>
<Sidebar
LogoPath="http://localhost:1930/images/logo/MinPluto - Logo.png"
ShowHeader
ShowVersion
FooterLinks
>
<slot slot="header-items">
<a href="#"><InputSearch/></a>
<a href="#"><ProfileCircle/></a>
</slot>
<slot slot="top-items">
<a href="#"><PlanetAlt/> Home</a>
<a href="#"><MediaVideoList/> Feed</a>
<h2>Categories</h2>
<a href="#"><GraphUp/> Trending</a>
<a href="#"><Movie/> Trailers</a>
<a href="#"><MusicDoubleNote/> Music</a>
<a href="#"><Gamepad/> Gaming</a>
<h2>Discovery</h2>
<a href="#"><EmojiTalkingHappy/> Comedy</a>
<a href="#"><Gamepad/> Gaming</a>
<a href="#"><AppleImac2021Side/> Tech</a>
<!-- <h2>Creators</h2> --> <!-- Should be used for user's subscription -->
</slot>
<slot slot="bottom-items">
</slot>
<slot slot="footer-items">
<a href="#"><LogOut/></a>
<a href="#"><Settings/></a>
</slot>
</Sidebar>

6
web/pages/index.astro
View file

@ -0,0 +1,6 @@
---
// Layout
import Base from '@layouts/Default.astro'
---
<Base/>

1
web/src/env.d.ts vendored Normal file
View file

@ -0,0 +1 @@
/// <reference path="../.astro/types.d.ts" />