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

Fix up Init Privacy

Browse source
This commit is contained in:
Korbs 2024-05-23 21:22:22 -04:00
parent 278b415c39
commit 540de84e41
8 changed files with 78 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
keystatic.config.tsx
View file

@ -7,8 +7,8 @@ export default config({
name: 'SudoVanilla CMS',
mark: ({ colorScheme }) => {
let path = colorScheme === 'dark'
? 'https://md.sudovanilla.com/images/sv-logo-4.png'
: 'https://md.sudovanilla.com/images/SudoVanilla%20Logo%20-%20Purple.svg';
? 'https://md.sudovanilla.org/images/sv-logo-4.png'
: 'https://md.sudovanilla.org/images/SudoVanilla%20Logo%20-%20Purple.svg';
return <img src={path} height={24} />
},

10
src/components/blog/posts.astro
View file

@ -5,6 +5,11 @@ const {
PrefixSlug
} = Astro.props
// Sort the posts in descending order (newest to oldest)
GetPosts.sort((a, b) => Date.parse(b.data.date) - Date.parse(a.data.date))
// Show Author in "Recommended Reading"
if (Astro.url.pathname = '/blog/recommended-reading/') {
var ShowAuthor = true
@ -41,11 +46,6 @@ if (Astro.url.pathname = '/blog/recommended-reading/') {
}
</div>
<style>
.card-post {
max-width: 300px;
}
</style>
<style lang="scss">
.posts {

6
src/content/init/browsers.mdx
View file

@ -1,8 +1,12 @@
---
title: Browsers
---
<SoftwareItem icon="https://md.sudovanilla.com/images/icons/LibreWolf.webp" title="LibreWolf" developer="LibreWolf Contributors" homepage="https://librewolf.net/" source="https://codeberg.org/librewolf/source" goto={{"discriminant":"download","value":{"url":"https://librewolf.net/installation/"}}}>
<SoftwareItem icon="https://md.sudovanilla.org/images/icons/LibreWolf.webp" title="LibreWolf" developer="LibreWolf Contributors" homepage="https://librewolf.net/" source="https://codeberg.org/librewolf/source" goto={{"discriminant":"download","value":{"url":"https://librewolf.net/installation/"}}}>
This project is a custom and independent version of Firefox, with the primary goals of privacy, security and user freedom.
LibreWolf is designed to increase protection against tracking and fingerprinting techniques, while also including a few security improvements. This is achieved through our privacy and security oriented settings and patches. LibreWolf also aims to remove all the telemetry, data collection and annoyances, as well as disabling anti-freedom features like DRM.
</SoftwareItem>
<SoftwareItem icon="https://md.sudovanilla.org/images/icons/Mullvad-Browser.webp" title="Mullvad Browser" developer="Mullvad VPN AB" homepage="https://mullvad.net/en/browser" source="https://github.com/mullvad/mullvad-browser" goto={{"discriminant":"download","value":{"url":"https://mullvad.net/en/download/browser/"}}}>
The Mullvad Browser is a privacy-focused web browser developed in a collaboration between Mullvad VPN and the Tor Project. It’s designed to minimize tracking and fingerprinting. You could say it’s a Tor Browser to use without the Tor Network. Instead, you can use it with a trustworthy VPN. The idea is to provide one more alternative – beside the Tor Network – to browse the internet with more privacy. To get as many people as possible to fight the big data gathering of today.
</SoftwareItem>

59
src/layouts/Init.astro
View file

@ -6,8 +6,12 @@ import Default from "@layouts/Default.astro";
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-react";
// Get Content
import { getCollection, getEntry } from "astro:content";
import { OpenInBrowser } from "iconoir-react";
const { slug } = Astro.params;
if (!slug) throw new Error("Slug not found");
@ -42,9 +46,9 @@ else if (Astro.url.pathname = '/init/') {
<div>
{Hightlight_Softwares ?
<a style="color: white;" href="#">Softwares</a>
<a style="color: white;" href="/init/software/browsers/">Softwares</a>
:
<a href="#">Softwares</a>
<a href="/init/software/browsers/">Softwares</a>
}
{Hightlight_Websites ?
<a style="color: white;" href="#">Websites</a>
@ -60,7 +64,49 @@ else if (Astro.url.pathname = '/init/') {
</Fragment>
<Fragment slot="body">
<div class="document-layout">
<Sidebar/>
<Sidebar>
<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 />
@ -73,5 +119,12 @@ else if (Astro.url.pathname = '/init/') {
.document-layout {
display: flex;
gap: 24px;
a {
p {
display: flex;
gap: 12px;
align-items: center;
}
}
}
</style>

13
src/pages/blog/index.astro
View file

@ -1,18 +1,13 @@
---
// Layout
import Default from "@layouts/Default.astro";
import Default from "@layouts/Default.astro"
// Components
import Heading from "@components/Heading.astro";
import Posts from "@components/blog/posts.astro";
import Posts from "@components/blog/posts.astro"
// List Posts
import { getCollection } from "astro:content";
const posts = await getCollection("posts");
// Icons
import { BookmarkBook, ReportColumns } from "iconoir-react";
import { getCollection } from "astro:content"
const posts = await getCollection("posts")
---
<Default MobileTitle="Blog">

5
src/pages/blog/recommended-reading.astro
View file

@ -3,16 +3,11 @@
import Default from "@layouts/Default.astro";
// Components
import Heading from "@components/Heading.astro";
import Posts from "@components/blog/posts.astro";
import RedirectingIn from "@components/keystatic/RedirectingIn.astro";
// List Posts
import { getCollection } from "astro:content";
const posts = await getCollection("recommend-reading");
// Icons
import { BookmarkBook, ReportColumns } from "iconoir-react";
---
<Default MobileTitle="Recommended Reading">

2
src/pages/index.astro
View file

@ -57,6 +57,8 @@ import { BookmarkBook, ReportColumns } from "iconoir-react";
Title="Penpot Desktop"
Description="A Desktop-Like Experience"
Image="https://md.sudovanilla.org/images/Z1.webp"
Label="Discontinued"
LabelVarient="Warning"
CTA_Primary="Documentation"
CTA_Primary_Link="/docs/penpot-desktop/introduction/"
/>

6
src/pages/init/index.astro
View file

@ -16,9 +16,9 @@ import { BookmarkBook, ReportColumns } from "iconoir-react";
<Fragment slot="sub-header">
<p class="header-sub-service">Init Privacy</p>
<div>
<a href="#">Softwares</a>
<a href="#">Websites</a>
<a href="#">Disclaimers</a>
<a href="/init/software/browsers/">Softwares</a>
<a href="/init/websites/">Websites</a>
<a href="/init/disclaimer/">Disclaimers</a>
</div>
</Fragment>
<Fragment slot="body">