feat: ✨ Finish the Lysand 3.0 update

.vitepress/config.mts

@@ -1,9 +1,20 @@
+import tailwindcss from "@tailwindcss/vite";
 import { defineConfig } from "vitepress";
 
 // https://vitepress.dev/reference/site-config
 export default defineConfig({
     title: "Lysand Documentation",
     description: "Documentation for Lysand, a new federated protocol",
+    vite: {
+        plugins: [tailwindcss()],
+    },
+    vue: {
+        template: {
+            compilerOptions: {
+                isCustomElement: (tag) => tag === "iconify-icon",
+            },
+        },
+    },
     srcDir: "docs",
     themeConfig: {
         // https://vitepress.dev/reference/default-theme-config
@@ -11,6 +22,8 @@ export default defineConfig({
             { text: "Home", link: "/" },
             { text: "Specification", link: "/spec" },
             { text: "Objects", link: "/objects" },
+            { text: "Security", link: "/security/api" },
+            { text: "Extensions", link: "/extensions" },
         ],
 
         sidebar: [
@@ -118,10 +131,19 @@ export default defineConfig({
                     { text: "Events", link: "/extensions/events" },
                     { text: "Reports", link: "/extensions/reports" },
                     { text: "Vanity", link: "/extensions/vanity" },
+                    {
+                        text: "Interactivity",
+                        link: "/extensions/interactivity",
+                    },
                 ],
             },
         ],
 
+        footer: {
+            message: "Released under the MIT License.",
+            copyright: "Copyright © 2023-present Gaspard Wierzbinski",
+        },
+
         socialLinks: [
             { icon: "github", link: "https://github.com/lysand-org/" },
         ],
@@ -131,11 +153,12 @@ export default defineConfig({
         editLink: {
             pattern: "https://github.com/lysand-org/docs/edit/main/docs/:path",
         },
+        externalLinkIcon: true,
         logo: "https://cdn.lysand.org/logo.webp",
     },
     lastUpdated: true,
     cleanUrls: true,
-    titleTemplate: ":title · Lysand 2.0 Docs",
+    titleTemplate: ":title · Lysand Docs",
     head: [["link", { rel: "icon", href: "/favicon.png", type: "image/png" }]],
     lang: "en-US",
 });

.vitepress/theme/custom.css

@@ -0,0 +1,61 @@
+@import "tailwindcss";
+
+@theme {
+}
+:root {
+  /* --vp-home-hero-image-background-image: linear-gradient(
+    to top right,
+    rgb(249, 168, 212),
+    rgb(216, 180, 254),
+    rgb(129, 140, 248)
+  );
+  --vp-home-hero-image-filter: brightness(0.8) saturate(1.2); */
+  --vp-home-hero-name-color: rgb(249, 168, 212);
+  --vp-c-brand-1: rgb(249, 168, 212);
+  --lysand-gradient: linear-gradient(
+    to right,
+    rgb(249, 168, 212),
+    rgb(216, 180, 254),
+    rgb(129, 140, 248)
+  );
+  --vp-color-primary: rgb(249, 168, 212);
+  --vp-color-secondary: rgb(216, 180, 254);
+  --vp-button-brand-bg: transparent;
+  --vp-c-bg-soft: rgb(250, 250, 250);
+}
+
+.dark {
+  --vp-c-bg: rgb(24, 24, 24);
+  --vp-c-bg-soft: rgb(32, 32, 32);
+}
+
+.VPFeature {
+  border-radius: 0.3rem !important;
+  transition: all 0.2s ease-in-out !important;
+}
+
+.VPFeature:hover {
+  transform: scale(1.02);
+  border-color: var(--vp-color-primary);
+}
+
+.VPButton.medium {
+  border-radius: 0.3rem !important;
+  transition: all 0.2s ease-in-out !important;
+}
+
+.VPButton.medium:hover {
+  transform: scale(1.02);
+}
+
+.VPButton.brand {
+  background: var(--lysand-gradient);
+  border: none !important;
+}
+
+@media (min-width: 960px) {
+  .image-container {
+    width: 50% !important;
+    margin-right: 0.5rem !important;
+  }
+}

.vitepress/theme/index.ts

@@ -0,0 +1,4 @@
+import DefaultTheme from "vitepress/theme";
+import "./custom.css";
+
+export default DefaultTheme;