Remove old stuff
This commit is contained in:
Korbs
parent
aaada8018c
commit
e749cfdb95
3 changed files with 0 additions and 253 deletions
|
|
@ -1,79 +0,0 @@
|
|||
---
|
||||
// Properties
|
||||
const { Title, Description, VideoSrc, UseImage, UseVideo, Credit, VideoPoster, Image } = Astro.props;
|
||||
|
||||
// Icons
|
||||
import { InfoCircle } from "@iconoir/vue";
|
||||
---
|
||||
|
||||
<div class="landing-hero">
|
||||
{UseImage ? <img src={Image}/> : null}
|
||||
{UseVideo ? <video autoplay muted loop src={VideoSrc} poster={VideoPoster}></video> : null}
|
||||
<noscript><p id="video-credit">{Credit}</p></noscript>
|
||||
<InfoCircle title={Credit} id="video-credit-js" width={16} height={16} />
|
||||
<div class="hero-content">
|
||||
<h2>{Title}</h2>
|
||||
<p>{Description}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style lang="scss" is:global>
|
||||
.landing-hero {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: left;
|
||||
position: relative;
|
||||
video {
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
border-radius: 10px;
|
||||
opacity: 0.32;
|
||||
object-fit: cover;
|
||||
pointer-events: none;
|
||||
}
|
||||
img {
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
border-radius: 10px;
|
||||
opacity: 0.32;
|
||||
object-fit: cover;
|
||||
pointer-events: none;
|
||||
}
|
||||
#video-credit,
|
||||
#video-credit-js {
|
||||
position: absolute;
|
||||
color: white;
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
font-size: 10px;
|
||||
opacity: 0.8;
|
||||
margin: 32px;
|
||||
padding: 12px;
|
||||
a {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
.hero-content {
|
||||
position: absolute;
|
||||
display: flow-root;
|
||||
width: 100%;
|
||||
max-width: 1200px;
|
||||
padding-left: 16%;
|
||||
h2 {
|
||||
font-size: 50px;
|
||||
margin: 0px;
|
||||
}
|
||||
.sudovanilla-logo {
|
||||
p {
|
||||
font-size: 64px !important;
|
||||
margin: 0px !important;
|
||||
}
|
||||
}
|
||||
p {
|
||||
font-size: 24px;
|
||||
margin: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,44 +0,0 @@
|
|||
---
|
||||
const {
|
||||
icon,
|
||||
title,
|
||||
developer,
|
||||
homepage,
|
||||
source
|
||||
} = Astro.props
|
||||
---
|
||||
|
||||
<div class="software-item">
|
||||
<div>
|
||||
<h2><img width="32px" src={icon}/> {title}</h2>
|
||||
<p id="si-dev">By {developer}</p>
|
||||
<slot/>
|
||||
<div class="si-links">
|
||||
<a href={homepage}>Website</a>
|
||||
<a href={source}>Source code</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.software-item {
|
||||
display: flex;
|
||||
h2 {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
align-items: center;
|
||||
}
|
||||
.si-links {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
#si-dev {
|
||||
opacity: 0.5;
|
||||
font-size: 14px;
|
||||
margin: 0px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,130 +0,0 @@
|
|||
---
|
||||
// Layout
|
||||
import Default from "@layouts/Default.astro";
|
||||
|
||||
// Components
|
||||
import Sidebar from "@components/docs/sidebar.astro";
|
||||
import SearchModal from '@components/docs/SearchBox.astro'
|
||||
|
||||
// Icons
|
||||
import { AppWindow, ChatBubbleEmpty, EyeClosed, InfoCircle, InputSearch, Linux, Mail, MailOpen, MediaVideoFolder, SendMail, ServerConnection, Terminal, WebWindowEnergyConsumption, Windows } from "@iconoir/vue";
|
||||
|
||||
// Get Content
|
||||
import { getCollection, getEntry } from "astro:content";
|
||||
import { OpenInBrowser } from "@iconoir/vue";
|
||||
|
||||
const { slug } = Astro.params;
|
||||
if (!slug) throw new Error("Slug not found");
|
||||
const post = await getEntry("init", slug);
|
||||
|
||||
if (!post) throw new Error("No post found for this slug");
|
||||
const { Content } = await post.render();
|
||||
|
||||
// Generate static pages
|
||||
export async function getStaticPaths() {
|
||||
const posts = await getCollection("init");
|
||||
return posts.map((post) => ({ params: { slug: post.slug } }));
|
||||
}
|
||||
export const prerender = true;
|
||||
|
||||
// Hightlight Active Project
|
||||
if (Astro.url.pathname = '/init/softwares/') {
|
||||
var Hightlight_Softwares = true
|
||||
}
|
||||
else if (Astro.url.pathname = '/init/websites/') {
|
||||
var Hightlight_Websites = true
|
||||
}
|
||||
else if (Astro.url.pathname = '/init/software/disclaimer/') {
|
||||
var Hightlight_Disclaimers = true
|
||||
}
|
||||
---
|
||||
<Default MobileTitle="SudoVanilla Documentation">
|
||||
<Fragment slot="sub-header">
|
||||
<div>
|
||||
<p class="header-sub-service">Init Privacy</p>
|
||||
</div>
|
||||
<div>
|
||||
|
||||
{Hightlight_Softwares ?
|
||||
<a style="color: white;" href="/init/software/browsers/">Softwares</a>
|
||||
:
|
||||
<a href="/init/software/browsers/">Softwares</a>
|
||||
}
|
||||
{Hightlight_Websites ?
|
||||
<a style="color: white;" href="#">Websites</a>
|
||||
:
|
||||
<a href="#">Websites</a>
|
||||
}
|
||||
{Hightlight_Disclaimers ?
|
||||
<a style="color: white;" href="/init/software/disclaimer/">Disclaimers</a>
|
||||
:
|
||||
<a href="/init/software/disclaimer/">Disclaimers</a>
|
||||
}
|
||||
</div>
|
||||
</Fragment>
|
||||
<Fragment slot="body">
|
||||
<div class="document-layout">
|
||||
<Sidebar Project="Init Privacy">
|
||||
<slot slot="sidebar-items">
|
||||
<h2>Softwares</h2>
|
||||
<a href="/init/software/browsers/">
|
||||
<p><AppWindow/> Browsers</p>
|
||||
</a>
|
||||
<a style="cursor: not-allowed; opacity: 0.5;" href="#">
|
||||
<p><Mail/> Email Clients</p>
|
||||
</a>
|
||||
<a style="cursor: not-allowed; opacity: 0.5;" href="#">
|
||||
<p><SendMail/> Email Providers</p>
|
||||
</a>
|
||||
<a style="cursor: not-allowed; opacity: 0.5;" href="#">
|
||||
<p><Terminal/> Homelab</p>
|
||||
</a>
|
||||
<a style="cursor: not-allowed; opacity: 0.5;" href="#">
|
||||
<p><ServerConnection/> DNS</p>
|
||||
</a>
|
||||
<a style="cursor: not-allowed; opacity: 0.5;" href="#">
|
||||
<p><WebWindowEnergyConsumption/> Frontends</p>
|
||||
</a>
|
||||
<a style="cursor: not-allowed; opacity: 0.5;" href="#">
|
||||
<p><MediaVideoFolder/> Backups</p>
|
||||
</a>
|
||||
<a style="cursor: not-allowed; opacity: 0.5;" href="#">
|
||||
<p><Linux/> Operating Systems</p>
|
||||
</a>
|
||||
<a style="cursor: not-allowed; opacity: 0.5;" href="#">
|
||||
<p><ChatBubbleEmpty/> Messaging</p>
|
||||
</a>
|
||||
<h2>Websites</h2>
|
||||
<a style="cursor: not-allowed; opacity: 0.5;" href="#">
|
||||
<p><EyeClosed/> Privacy</p>
|
||||
</a>
|
||||
<a style="cursor: not-allowed; opacity: 0.5;" href="#">
|
||||
<p><InputSearch/> Alternatives</p>
|
||||
</a>
|
||||
<h2>Other</h2>
|
||||
<a style="cursor: not-allowed; opacity: 0.5;" href="#">
|
||||
<p><InfoCircle/> Disclaimer</p>
|
||||
</a>
|
||||
</slot>
|
||||
</Sidebar>
|
||||
<div class="doc-content">
|
||||
<h1 style="margin-top: 0px;">{post.data.title}</h1>
|
||||
<Content />
|
||||
</div>
|
||||
</div>
|
||||
</Fragment>
|
||||
</Default>
|
||||
|
||||
<style is:global>
|
||||
.document-layout {
|
||||
display: flex;
|
||||
gap: 24px;
|
||||
a {
|
||||
p {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in a new issue