Remove old stuff
This commit is contained in:
Korbs
parent
c085380219
commit
6bff4150ec
6 changed files with 0 additions and 635 deletions
|
|
@ -1,197 +0,0 @@
|
|||
---
|
||||
// Properties
|
||||
const {
|
||||
Title,
|
||||
Description,
|
||||
Image,
|
||||
ImageAlt,
|
||||
ImageProperties,
|
||||
CTA_Primary,
|
||||
CTA_Primary_Link,
|
||||
CTA_Secondary,
|
||||
CTA_Secondary_Link,
|
||||
Label,
|
||||
LabelVarient,
|
||||
Custom,
|
||||
CreditImage
|
||||
} = Astro.props;
|
||||
|
||||
// Icons
|
||||
import { InfoCircle } from "@iconoir/vue";
|
||||
---
|
||||
|
||||
<div class="large-card">
|
||||
<div class="lc-start">
|
||||
<h2 id={Title}>{Title}</h2>
|
||||
<p>{Description}</p>
|
||||
<div class="lc-cta">
|
||||
{
|
||||
CTA_Secondary ? (
|
||||
<a id="cta-secondary" href={CTA_Secondary_Link}>
|
||||
{CTA_Secondary}
|
||||
</a>
|
||||
) : null
|
||||
}
|
||||
{
|
||||
CTA_Primary ? (
|
||||
<a id="cta-primary" href={CTA_Primary_Link}>
|
||||
{CTA_Primary}
|
||||
</a>
|
||||
) : null
|
||||
}
|
||||
{
|
||||
Label ? (
|
||||
<a class:list={'label-varient-' + LabelVarient} style="pointer-events: none;" href="#">{Label}</a>
|
||||
) : null
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
<div class="lc-end">
|
||||
{Custom ? <slot/> : <img loading="lazy" src={Image} alt={ImageAlt} style={ImageProperties} />}
|
||||
{CreditImage ? <InfoCircle title={CreditImage} id="video-credit-js" width={16} height={16} /> : null}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style lang="scss">
|
||||
.large-card {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: row-reverse;
|
||||
justify-content: space-between;
|
||||
gap: 48px;
|
||||
margin: 24px 0px 140px 0px;
|
||||
@media screen and (max-width: 800px) {
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
&:nth-child(3) {
|
||||
flex-direction: row;
|
||||
@media screen and (max-width: 800px) {
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
img {
|
||||
box-shadow: 10px 10px 0px 0px #13151a;
|
||||
transition: 1s box-shadow;
|
||||
&:hover {
|
||||
box-shadow: 20px 20px 0px 0px #13151a;
|
||||
transition: 1s box-shadow;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:nth-child(5) {
|
||||
flex-direction: row;
|
||||
@media screen and (max-width: 800px) {
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
img {
|
||||
box-shadow: 10px 10px 0px 0px #13151a;
|
||||
transition: 1s box-shadow;
|
||||
&:hover {
|
||||
box-shadow: 20px 20px 0px 0px #13151a;
|
||||
transition: 1s box-shadow;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:nth-child(7) {
|
||||
flex-direction: row;
|
||||
@media screen and (max-width: 800px) {
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
img {
|
||||
box-shadow: 10px 10px 0px 0px #13151a;
|
||||
transition: 1s box-shadow;
|
||||
&:hover {
|
||||
box-shadow: 20px 20px 0px 0px #13151a;
|
||||
transition: 1s box-shadow;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:nth-child(9) {
|
||||
flex-direction: row;
|
||||
@media screen and (max-width: 800px) {
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
img {
|
||||
box-shadow: 10px 10px 0px 0px #13151a;
|
||||
transition: 1s box-shadow;
|
||||
&:hover {
|
||||
box-shadow: 20px 20px 0px 0px #13151a;
|
||||
transition: 1s box-shadow;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:nth-child(11) {
|
||||
flex-direction: row;
|
||||
@media screen and (max-width: 800px) {
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
img {
|
||||
box-shadow: 10px 10px 0px 0px #13151a;
|
||||
transition: 1s box-shadow;
|
||||
&:hover {
|
||||
box-shadow: 20px 20px 0px 0px #13151a;
|
||||
transition: 1s box-shadow;
|
||||
}
|
||||
}
|
||||
}
|
||||
.lc-start {
|
||||
min-width: 50%;
|
||||
max-width: 50%;
|
||||
@media screen and (max-width: 800px) {
|
||||
min-width: inherit;
|
||||
max-width: inherit;
|
||||
width: 100%;
|
||||
}
|
||||
#Zorn {
|
||||
font-family: MajorMonoDisplay;
|
||||
}
|
||||
a {
|
||||
background: transparent;
|
||||
border: 1px white solid;
|
||||
padding: 8px 16px;
|
||||
border-radius: 3rem;
|
||||
display: inline-block;
|
||||
margin: 12px 2px 36px 2px;
|
||||
transition:
|
||||
0.3s background,
|
||||
0.6s color;
|
||||
&:hover {
|
||||
background: white;
|
||||
color: black;
|
||||
transition:
|
||||
0.3s background,
|
||||
0.6s color;
|
||||
}
|
||||
}
|
||||
.label-varient-Warning {
|
||||
border-color: rgb(247, 247, 149) !important;
|
||||
background: rgb(247, 247, 149) !important;
|
||||
color: black !important;
|
||||
}
|
||||
.label-varient-New {
|
||||
border-color: rgb(94, 255, 94) !important;
|
||||
background: rgb(94, 255, 94) !important;
|
||||
color: black !important;
|
||||
}
|
||||
}
|
||||
.lc-end {
|
||||
position: relative;
|
||||
#video-credit-js {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
margin: 24px;
|
||||
padding: 12px;
|
||||
}
|
||||
}
|
||||
img {
|
||||
border-radius: 10px;
|
||||
width: 100%;
|
||||
box-shadow: -10px 10px 0px 0px #13151a;
|
||||
transition: 1s box-shadow;
|
||||
&:hover {
|
||||
box-shadow: -20px 20px 0px 0px #13151a;
|
||||
transition: 1s box-shadow;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,41 +0,0 @@
|
|||
---
|
||||
const {Equal} = Astro.props
|
||||
---
|
||||
|
||||
<div class="card-grid">
|
||||
<slot/>
|
||||
</div>
|
||||
|
||||
{Equal ?
|
||||
<style lang="scss">
|
||||
.card-grid {
|
||||
display:flex;
|
||||
gap: 24px;
|
||||
margin-bottom: 12px;
|
||||
justify-content: flex-start;
|
||||
flex-direction: row;
|
||||
}
|
||||
.card-grid > .large-card {
|
||||
width: 50%;
|
||||
}
|
||||
@media only screen and (max-width: 700px) {
|
||||
.card-grid {
|
||||
grid-template-columns: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
:
|
||||
<style lang="scss">
|
||||
.card-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
|
||||
grid-gap: 25px;
|
||||
margin-top: 50px;
|
||||
}
|
||||
@media only screen and (max-width: 700px) {
|
||||
.card-grid {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
}
|
||||
|
|
@ -1,41 +0,0 @@
|
|||
**Privacy Guides**
|
||||
|
||||
Check out privacy alternatives to software, apps, and other tools you use. Privacy Guides also providies a decent knowledge base on privacy eassentials on enhancing your privacy in life and provides a great run-down on threat modeling.
|
||||
|
||||
https://www.privacyguides.org/
|
||||
|
||||
<br/>
|
||||
<br/>
|
||||
|
||||
**Privacy Respecting**
|
||||
|
||||
A list of free services as alternatives to software, apps, and other tools you use.
|
||||
|
||||
https://github.com/nikitavoloboev/privacy-respecting?tab=readme-ov-file#what
|
||||
|
||||
<br/>
|
||||
<br/>
|
||||
|
||||
**Offshore.CAT**
|
||||
|
||||
Offshore.CAT is a compiled list of the real & genuine, along with the bad & garbage offshore services that we have either used/have had experience with in the past.
|
||||
|
||||
https://offshore.cat/
|
||||
|
||||
<br/>
|
||||
<br/>
|
||||
|
||||
**AlterativeTo**
|
||||
|
||||
A large database of alternatives to software, apps, and other tools you use. Make sure to use the "Filter" function of AlternativeTo to only use open source and privacy focused alternatives.
|
||||
|
||||
https://alternativeto.net/
|
||||
|
||||
<br/>
|
||||
<br/>
|
||||
|
||||
<style>
|
||||
a {
|
||||
text-decoration: underline
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,201 +0,0 @@
|
|||
---
|
||||
const { Selected, Project, Search } = Astro.props
|
||||
import {ArrowDownCircle} from "@iconoir/vue"
|
||||
---
|
||||
|
||||
<div class="mobile-docs-dropdown">
|
||||
<span onclick="ToggleMDD()">{Project} <ArrowDownCircle/></span>
|
||||
<div class="mdd-expandable">
|
||||
<slot/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar">
|
||||
<div class="sb-docs">
|
||||
<slot/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script is:inline>
|
||||
/*
|
||||
@licstart The following is the entire license notice for the
|
||||
JavaScript code in this page.
|
||||
|
||||
Copyright (C) 2024 SudoVanilla
|
||||
|
||||
The JavaScript code in this page is free software: you can
|
||||
redistribute it and/or modify it under the terms of the GNU
|
||||
General Public License (GNU GPL) as published by the Free Software
|
||||
Foundation, either version 3 of the License, or (at your option)
|
||||
any later version. The code is distributed WITHOUT ANY WARRANTY;
|
||||
without even the implied warranty of MERCHANTABILITY or FITNESS
|
||||
FOR A PARTICULAR PURPOSE. See the GNU GPL for more details.
|
||||
|
||||
As additional permission under GNU GPL version 3 section 7, you
|
||||
may distribute non-source (e.g., minimized or compacted) forms of
|
||||
that code without the copy of the GNU GPL normally required by
|
||||
section 4, provided you include this license notice and a URL
|
||||
through which recipients can access the Corresponding Source.
|
||||
|
||||
|
||||
@licend The above is the entire license notice
|
||||
for the JavaScript code in this page.
|
||||
*/
|
||||
function ToggleMDD() {
|
||||
var MobileDocsDropdown = document.querySelector(".mdd-expandable");
|
||||
if (MobileDocsDropdown.style.display === "flex") {
|
||||
MobileDocsDropdown.style.display = "none";
|
||||
document.querySelector('.mobile-docs-dropdown span').style.padding = "6px 0px";
|
||||
document.querySelector('.mobile-docs-dropdown span svg').style.transform = "rotate(0deg)";
|
||||
} else {
|
||||
MobileDocsDropdown.style.display = "flex";
|
||||
document.querySelector('.mobile-docs-dropdown span').style.padding = "24px 0px";
|
||||
document.querySelector('.mobile-docs-dropdown span svg').style.transform = "rotate(180deg)";
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.mobile-docs-dropdown {
|
||||
backdrop-filter: blur(24px) brightness(0.6);
|
||||
border-radius: 6px;
|
||||
border: 1px #2b2b2b solid;
|
||||
padding: 6px 14px;
|
||||
width: calc(100% - 32px);
|
||||
display: none;
|
||||
span {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
transition: 0.3s padding;
|
||||
svg {
|
||||
transition: 0.3s transform;
|
||||
}
|
||||
}
|
||||
.mdd-expandable {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
gap: 0px;
|
||||
h2 {
|
||||
font-size: 16px;
|
||||
}
|
||||
a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<style lang="scss" is:global>
|
||||
.sidebar {
|
||||
max-width: 224px;
|
||||
width: 100%;
|
||||
.key {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 12px;
|
||||
background: #594646;
|
||||
border-radius: 4px;
|
||||
padding: 0px 6px;
|
||||
height: 24px;
|
||||
gap: 2px;
|
||||
p {color: white !important;}
|
||||
svg {
|
||||
width: 10px;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
.sidebar-global-search {
|
||||
margin-bottom: 6px;
|
||||
width: 100%;
|
||||
background: #282323;
|
||||
border: 1px var(--border-color) solid;
|
||||
border-radius: 6px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 6px 6px 6px 12px;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
border-color: var(--border-color-hover);
|
||||
}
|
||||
svg {
|
||||
color: white;
|
||||
}
|
||||
p {
|
||||
margin: 0px;
|
||||
color: gray;
|
||||
}
|
||||
}
|
||||
.sb-project {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
.project-selected {
|
||||
background: rgb(19, 18, 18);
|
||||
border: 1px var(--border-color) solid;
|
||||
}
|
||||
a {
|
||||
display: flex;
|
||||
border-radius: 6px;
|
||||
align-items: center;
|
||||
padding: 6px 12px;
|
||||
font-size: 14px;
|
||||
justify-content: space-between;
|
||||
border: 1px transparent solid;
|
||||
&:hover {
|
||||
border-color: var(--border-color-hover);
|
||||
}
|
||||
p {
|
||||
margin: 0px;
|
||||
}
|
||||
img {
|
||||
border-radius: 4px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
object-fit: cover;
|
||||
}
|
||||
.sb-doc-amount {
|
||||
opacity: 0.5;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.sb-docs {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
.doc-selected {
|
||||
background: rgb(19, 18, 18);
|
||||
border: 1px var(--border-color) solid;
|
||||
}
|
||||
h2 {
|
||||
font-size: 12px;
|
||||
padding-left: 12px;
|
||||
}
|
||||
a {
|
||||
display: flex;
|
||||
border-radius: 6px;
|
||||
align-items: center;
|
||||
padding: 6px 12px;
|
||||
font-size: 14px;
|
||||
gap: 6px;
|
||||
border: 1px transparent solid;
|
||||
&:hover {
|
||||
border-color: var(--border-color-hover);
|
||||
}
|
||||
svg {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
p {
|
||||
font-size: 14px;
|
||||
margin: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,64 +0,0 @@
|
|||
---
|
||||
// Layout Properties
|
||||
const {
|
||||
ProjectCollection
|
||||
} = Astro.props
|
||||
|
||||
// Layout
|
||||
import Default from "@layouts/Default.astro";
|
||||
|
||||
// Icons
|
||||
import {
|
||||
WarningTriangleSolid
|
||||
} from "@iconoir/vue"
|
||||
---
|
||||
<Default MobileTitle="SudoVanilla Documentation">
|
||||
<Fragment slot="sub-header">
|
||||
<div>
|
||||
<p class="header-sub-service"><span id="show-w-scroll">SudoVanilla</span> Documentations</p>
|
||||
</div>
|
||||
<div>
|
||||
<a href="https://minpluto.docs.sudovanilla.org">MinPluto</a>
|
||||
<a href="/docs/zorn/introduction/">Zorn Player</a>
|
||||
<a href="/docs/penpot-desktop/introduction/">Penpot Desktop</a>
|
||||
</div>
|
||||
</Fragment>
|
||||
<Fragment slot="body">
|
||||
<div class="page-banner">
|
||||
<p><WarningTriangleSolid/> Documentation part of sudovanilla.org is being moved. Each project is being moved to it's own subdomain.</p>
|
||||
<p>Already moved: MinPluto</p>
|
||||
</div>
|
||||
<div class="document-layout">
|
||||
<div class="doc-content">
|
||||
<slot slot="content"/>
|
||||
</div>
|
||||
</div>
|
||||
</Fragment>
|
||||
</Default>
|
||||
|
||||
<style is:global>
|
||||
.document-layout {
|
||||
display: flex;
|
||||
gap: 24px;
|
||||
a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
.page-banner {
|
||||
background: #ffff9e;
|
||||
color: black;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 12px 24px;
|
||||
border-radius: 6px;
|
||||
* {
|
||||
margin: 0px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
svg {
|
||||
margin-right: 12px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,91 +0,0 @@
|
|||
---
|
||||
// Icons
|
||||
import {ServerConnection,PeaceHand, SlashSquare, ClipboardCheck} from "@iconoir/vue";
|
||||
import {ServerConnection,PeaceHand, QuestionMark, WifiOff, DownloadCircle, ShieldAlert, ChatBubble} from "@iconoir/vue";
|
||||
|
||||
// Get Colletion and Slug
|
||||
import { getCollection, getEntry } from "astro:content";
|
||||
import Document from "@layouts/Document.astro"
|
||||
|
||||
const { slug } = Astro.params;
|
||||
if (!slug) throw new Error("Slug not found");
|
||||
const post = await getEntry("docs", 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("docs");
|
||||
return posts.map((post) => ({ params: { slug: post.slug } }));
|
||||
}
|
||||
export const prerender = true;
|
||||
|
||||
// Components
|
||||
import Sidebar from "@components/docs/sidebar.astro";
|
||||
---
|
||||
|
||||
<Document>
|
||||
<div class="document-layout">
|
||||
<Sidebar>
|
||||
<h2>Zorn</h2>
|
||||
<a href="/docs/zorn/introduction/">
|
||||
<PeaceHand/>
|
||||
<p>Introduction </p>
|
||||
</a>
|
||||
<h2>MinPluto</h2>
|
||||
<a href="/docs/minpluto/introduction/">
|
||||
<PeaceHand/>
|
||||
<p>Introduction </p>
|
||||
</a>
|
||||
<a href="/docs/minpluto/compatibility/">
|
||||
<ClipboardCheck />
|
||||
<p>Compatibility</p>
|
||||
</a>
|
||||
<a href="/docs/minpluto/requirements/">
|
||||
<ClipboardCheck />
|
||||
<p>Requirements</p>
|
||||
</a>
|
||||
<a href="/docs/minpluto/self-hosting/">
|
||||
<ServerConnection />
|
||||
<p>Self-Hosting</p>
|
||||
</a>
|
||||
<a href="/docs/minpluto/api/">
|
||||
<SlashSquare />
|
||||
<p>API</p>
|
||||
</a>
|
||||
<h2>Penpot Desktop</h2>
|
||||
<a href="/docs/penpot-desktop/introduction/">
|
||||
<PeaceHand/>
|
||||
<p>Introduction </p>
|
||||
</a>
|
||||
<a href="/docs/penpot-desktop/faq/">
|
||||
<QuestionMark />
|
||||
<p>FAQ</p>
|
||||
</a>
|
||||
<a href="/docs/penpot-desktop/offline-use/">
|
||||
<WifiOff />
|
||||
<p>Offline Use</p>
|
||||
</a>
|
||||
<a href="/docs/penpot-desktop/instance/">
|
||||
<ServerConnection />
|
||||
<p>Instance</p>
|
||||
</a>
|
||||
<a href="/docs/penpot-desktop/progress/">
|
||||
<DownloadCircle />
|
||||
<p>Installation</p>
|
||||
</a>
|
||||
<a href="/docs/penpot-desktop/progress/">
|
||||
<ShieldAlert />
|
||||
<p>Security Policy</p>
|
||||
</a>
|
||||
<a href="/docs/penpot-desktop/progress/">
|
||||
<ChatBubble />
|
||||
<p>Support</p>
|
||||
</a>
|
||||
</Sidebar>
|
||||
<div class="doc-content">
|
||||
<Content/>
|
||||
</div>
|
||||
</div>
|
||||
</Document>
|
||||
Loading…
Reference in a new issue