chore: cleanup docs a bit

docs/.vitepress/config.ts

@@ -5,11 +5,10 @@ export default defineConfig({
 	description: 'The missing dashboard for Headscale',
 	ignoreDeadLinks: ['/docs/Integrated-Mode', '/docs/Simple-Mode'],
 	cleanUrls: true,
+	head: [['link', { rel: 'icon', href: '/favicon.ico' }]],
 	themeConfig: {
-		nav: [
-			{ text: 'Home', link: '/' },
-			{ text: 'Sponsor Headplane', link: 'https://github.com/sponsors/tale' },
-		],
+		logo: '/logo-dark-bg.svg',
+		nav: [{ text: 'Home', link: '/' }],
 		sidebar: [
 			{
 				text: 'Chapters',
@@ -30,6 +29,8 @@ export default defineConfig({
 
 		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: {

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

@@ -3,20 +3,30 @@
 layout: home
 
 hero:
-  name: "A feature-complete Web UI for Headscale"
-  text: "Documentation"
-  tagline: "A feature-complete Web UI for Headscale"
+  name: "Headplane"
+  tagline: "A full-featured admin interface for Headscale"
+  image:
+    src: "/logo-dark-bg.svg"
+    alt: "Headplane"
   actions:
-    - theme: brand
-      text: Getting Started
-      link: /README
+    - text: "Getting Started"
+      link: "/README"
+    - text: "GitHub"
+      link: "https://github.com/tale/headplane"
+      theme: "alt"
 
 features:
-  - title: Web SSH
-    details: Connect to machines directly from your browser
-  - title: OIDC
-    details: Login through your favourite SSO provider
-  - title: And many more
-    details: Setup ACLs, DNS, pre-auth keys, etc.
+  - title: "Remote web-based SSH"
+    details: "Connect to and manage machines via SSH directly through your web browser"
+    icon: "🌐"
+  - title: "Single-sign-on"
+    details: "Bring your own auth via OpenID Connect, including popular solutions such as Google Workspace, Azure/Entra, Okta, etc."
+    icon: "👥"
+  - title: "Detailed Tailnet Overview"
+    details: "Get access to detailed host and network information from each device residing within your Tailnet"
+    icon: "🔎"
+  - title: "Configure Headscale Settings"
+    details: "Manage settings hidden behind Headscale configuration such as DNS, networking, auth controls, etc."
+    icon: "📝"
 ---
 

docs/public

@@ -0,0 +1 @@
+../public