Korbs/sudovanilla-website
1
Fork 0
Code Issues Pull requests Activity

Compare commits

base: Korbs:aaada8018cc1d4753fc01d89037d87ea478958a8
Branches Tags
Korbs:master
...
compare: Korbs:fb06f99b4a3ef1a3f3b7696ef4795b10ee682adb
Branches Tags
Korbs:master

2 commits
aaada8018c ... fb06f99b4a

Author SHA1 Message Date
Korbs
fb06f99b4a Force image sizes with image proxy, use new Hero component 2024-12-04 14:03:20 -05:00
Korbs
e749cfdb95 Remove old stuff 2024-12-04 14:03:00 -05:00
4 changed files with 11 additions and 264 deletions
Show stats Expand all files Collapse all files

79
src/components/Hero.astro
View file

@ -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>

44
src/components/init/SoftwareItem.astro
View file

@ -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>

130
src/layouts/Init.astro
View file

@ -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>

22
src/pages/index.astro
View file

@ -3,24 +3,22 @@
import Default from "@layouts/Default.astro";
// Components
import Hero from "@components/Hero.astro";
import { CallToAction } from "@sudovanilla/pandora";
import { CallToAction, Hero } from "@sudovanilla/pandora";
---
<Default MobileTitle="SudoVanilla" NoSubHeader>
<Fragment slot="body">
<Hero
Title="SudoVanilla"
Description="Counting on the Open Web"
UseImage
Image="https://md.sudovanilla.org/images/pexels-asphotograpy-94842.jpg"
Credit="Green Pine Trees. Shot by AS Photography on Pexels."
Description="Counting on the Open Web"8
ImageSource="https://image.proxy.sudovanilla.org/1200,fit/https://md.sudovanilla.org/images/pexels-asphotograpy-94842.jpg"
ImageAlt="Green Pine Trees. Shot by AS Photography on Pexels."
/>
<CallToAction
Title="Instances"
Description="Clients, services, and frontends hosted by SudoVanilla"
ImageSource="https://md.sudovanilla.org/images/8108969777692270658741264896182357708404070882901004771113430719.png"
ImageSource="https://image.proxy.sudovanilla.org/560,fit/https://md.sudovanilla.org/images/8108969777692270658741264896182357708404070882901004771113430719.png"
ImageAlt="Image"
PrimaryActionText="View Instances"
PrimaryAction="/instances"
@ -29,7 +27,7 @@ import { CallToAction } from "@sudovanilla/pandora";
<CallToAction
Title="MinPluto"
Description="SudoVanilla Studio"
ImageSource="https://md.sudovanilla.org/images/mp-ba-1.png"
ImageSource="https://image.proxy.sudovanilla.org/560,fit/https://md.sudovanilla.org/images/mp-ba-1.png"
ImageAlt="Image"
PrimaryActionText="View Website"
PrimaryAction="https://studio.sudovanilla.org/"
@ -38,7 +36,7 @@ import { CallToAction } from "@sudovanilla/pandora";
<CallToAction
Title="Zorn Player"
Description="Video Player for Astro"
ImageSource="https://md.sudovanilla.org/images/Screenshot From 2024-12-03 22-07-36.png"
ImageSource="https://image.proxy.sudovanilla.org/560,fit/https://md.sudovanilla.org/images/Screenshot From 2024-12-03 22-07-36.png"
ImageAlt="Image"
PrimaryActionText="Documentation"
PrimaryAction="/docs/zorn/introduction/"
@ -47,7 +45,7 @@ import { CallToAction } from "@sudovanilla/pandora";
<CallToAction
Title="ButterflyVu"
Description="Documention Site"
ImageSource="https://md.sudovanilla.org/images/pexels-pixabay-326055.jpg"
ImageSource="https://image.proxy.sudovanilla.org/560,fit/https://md.sudovanilla.org/images/pexels-pixabay-326055.jpg"
ImageAlt="Image"
PrimaryActionText="Source Code"
PrimaryAction="https://ark.sudovanilla.org/Korbs/butterflyvu"
@ -56,11 +54,12 @@ import { CallToAction } from "@sudovanilla/pandora";
<CallToAction
Title="Init Privacy"
Description="Taking Back Control"
ImageSource="https://md.sudovanilla.org/images/6560385685.png"
ImageSource="https://image.proxy.sudovanilla.org/560,fit/https://md.sudovanilla.org/images/6560385685.png"
ImageAlt="Image"
PrimaryActionText="Source Code"
PrimaryAction="https://ark.sudovanilla.org/Korbs/butterflyvu"
Label="Development Paused"
LabelType="Note"
/>
<CallToAction
@ -71,6 +70,7 @@ import { CallToAction } from "@sudovanilla/pandora";
PrimaryActionText="Source Code"
PrimaryAction="https://ark.sudovanilla.org/Korbs/butterflyvu"
Label="Discontinued"
LabelType="Warning"
/>
</Fragment>
</Default>