fix: reorganize vitepress docs into /docs

docs/.vitepress/config.ts

@@ -0,0 +1,44 @@
+import { defineConfig } from 'vitepress';
+
+export default defineConfig({
+	title: 'Headplane',
+	description: 'The missing dashboard for Headscale',
+	ignoreDeadLinks: ['/docs/Integrated-Mode', '/docs/Simple-Mode'],
+	cleanUrls: true,
+	head: [['link', { rel: 'icon', href: '/favicon.ico' }]],
+	themeConfig: {
+		logo: '/logo.svg',
+		nav: [{ text: 'Home', link: '/' }],
+		sidebar: [
+			{
+				text: 'Chapters',
+				items: [
+					{ text: 'Getting Started', link: '/README' },
+					{ text: 'Configuration', link: '/Configuration' },
+					{ text: 'Bare-Metal Mode', link: '/Bare-Metal' },
+					{ text: 'Integrated Mode', link: '/Integrated-Mode' },
+					{ text: 'Simple Mode', link: '/Simple-Mode' },
+					{ text: 'Nix', link: '/Nix' },
+					{ text: 'NixOS', link: '/NixOS-options' },
+					{ text: 'Security', link: '/SECURITY' },
+					{ text: 'Contributing', link: '/CONTRIBUTING' },
+					{ text: 'Changelog', link: '/CHANGELOG' },
+				],
+			},
+		],
+
+		socialLinks: [
+			{ icon: 'github', link: 'https://github.com/tale/headplane' },
+			{ icon: 'githubsponsors', link: 'https://github.com/sponsors/tale' },
+			{ icon: 'kofi', link: 'https://ko-fi.com/atale' },
+		],
+
+		lastUpdated: {
+			text: 'Updated at',
+			formatOptions: {
+				dateStyle: 'full',
+				timeStyle: 'medium',
+			},
+		},
+	},
+});

docs/.vitepress/theme/custom.css

@@ -0,0 +1,7 @@
+html.dark .light-only {
+	display: none !important;
+}
+
+html:not(.dark) .dark-only {
+	display: none !important;
+}

docs/.vitepress/theme/index.ts

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

docs/index.md

@@ -6,7 +6,7 @@ hero:
   name: "Headplane"
   tagline: "A full-featured admin interface for Headscale"
   image:
-    src: "/logo-dark-bg.svg"
+    src: "/logo.svg"
     alt: "Headplane"
   actions:
     - text: "Getting Started"

docs/public/logo.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 30 30">
+    <g transform="translate(-142.5 -229.5)">
+        <path d="M120 147.5h20a5 5 45 0 1 5 5v20a5 5 135 0 1-5 5h-20a5 5 45 0 1-5-5v-20a5 5 135 0 1 5-5" style="fill:#181717" transform="translate(27.5 82)"/>
+        <circle cx="150" cy="237" r="2.5" style="fill:#f7f5f4"/>
+        <circle cx="157.5" cy="237" r="2.5" style="fill:#444343"/>
+        <circle cx="165" cy="237" r="2.5" style="fill:#f7f5f4"/>
+        <circle cx="150" cy="244.5" r="2.5" style="fill:#f7f5f4"/>
+        <circle cx="157.5" cy="244.5" r="2.5" style="fill:#f7f5f4"/>
+        <circle cx="165" cy="244.5" r="2.5" style="fill:#f7f5f4"/>
+        <circle cx="150" cy="252" r="2.5" style="fill:#f7f5f4"/>
+        <circle cx="157.5" cy="252" r="2.5" style="fill:#444343"/>
+        <circle cx="165" cy="252" r="2.5" style="fill:#f7f5f4"/>
+    </g>
+</svg>