🎀📝(docs): overhaul website (again!) with 1-click setup

debloper · Oct 26, 2024 · ddff856 · ddff856
1 parent 934e8c5
commit ddff856
Show file tree

Hide file tree

Showing 31 changed files with 1,690 additions and 1,666 deletions.
diff --git a/README.md b/README.md
@@ -1,5 +1,4 @@
-## <center>THE RENAISSANCE WILL NOT BE TELEVISED</center>
-## <center>but it will be multi-streamed LIVE—with xplex</center>
+![xplex banner](docs/public/preview.png)
 
 [xplex](https://xplex.me/) —your personal, self-hosted, open source, multi-streaming server
 

diff --git a/docs/astro.config.mjs b/docs/astro.config.mjs
@@ -1,11 +1,14 @@
 import { defineConfig } from 'astro/config';
 import starlight from '@astrojs/starlight';
+import starlightImageZoom from 'starlight-image-zoom'
 
 // https://astro.build/config
 export default defineConfig({
   site: 'https://xplex.me',
   integrations: [
     starlight({
+      plugins: [starlightImageZoom()],
+      credits: true,
       title: 'xplex',
       logo: {
         src: './public/favicon.svg',
@@ -14,6 +17,9 @@ export default defineConfig({
       customCss: [
         './src/styles/custom.css',
       ],
+      components: {
+        Footer: './src/components/Footer.astro',
+      },
       head: [{
         tag: 'meta',
         attrs: {
@@ -25,35 +31,28 @@ export default defineConfig({
         github: 'https://github.com/debloper/xplex',
       },
       sidebar: [
-        { slug: 'quick-start' },
         {
           label: 'Introduction',
-          items: [
-            'intro/index',
-            'intro/internals',
-          ],
+          autogenerate: { directory: 'intro' },
         },
         {
-          label: 'How-to Setup',
+          label: 'How-to Guide',
           autogenerate: { directory: 'setup' },
         },
         {
           label: 'References',
           items: [
             {
               label: 'Choose',
-              items: [
-                'refs/choose/hosts',
-                'refs/choose/clouds',
-              ],
+              autogenerate: { directory: 'refs/choose' },
             },
             {
               label: 'Check',
               autogenerate: { directory: 'refs/check' },
             },
             {
-              label: 'Manage',
-              autogenerate: { directory: 'refs/manage' },
+              label: 'Change',
+              autogenerate: { directory: 'refs/change' },
             },
           ],
         },