Fix up Init Privacy

keystatic.config.tsx

@@ -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.org/images/sv-logo-4.png'
-          : 'https://md.sudovanilla.com/images/SudoVanilla%20Logo%20-%20Purple.svg';
+          : 'https://md.sudovanilla.org/images/SudoVanilla%20Logo%20-%20Purple.svg';
 
         return <img src={path} height={24} />
       },

src/components/blog/posts.astro

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

src/content/init/browsers.mdx

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

src/layouts/Init.astro

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

src/pages/blog/index.astro

@@ -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";
+import { getCollection } from "astro:content"
-const posts = await getCollection("posts");
+const posts = await getCollection("posts")
-
-
-// Icons
-import { BookmarkBook, ReportColumns } from "iconoir-react";
 ---
 
 <Default MobileTitle="Blog">

src/pages/blog/recommended-reading.astro

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

src/pages/index.astro

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

src/pages/init/index.astro

@@ -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="/init/software/browsers/">Softwares</a>
-      <a href="#">Websites</a>
+      <a href="/init/websites/">Websites</a>
-      <a href="#">Disclaimers</a>
+      <a href="/init/disclaimer/">Disclaimers</a>
     </div>
   </Fragment>
   <Fragment slot="body">