update docs (#48)

* new logo * update theme * use tailwind * use geist font * fixie fix
amalshaji · Apr 27, 2024 · 9296b7f · 9296b7f
1 parent cfca851
commit 9296b7f
Show file tree

Hide file tree

Showing 13 changed files with 456 additions and 108 deletions.
diff --git a/admin/src/portr_admin/static/favicon.svg b/admin/src/portr_admin/static/favicon.svg
diff --git a/admin/src/portr_admin/static/logo.svg b/admin/src/portr_admin/static/logo.svg
diff --git a/admin/src/web/public/vite.svg b/admin/src/web/public/vite.svg
diff --git a/docs/astro.config.mjs b/docs/astro.config.mjs
@@ -1,12 +1,18 @@
 import { defineConfig } from "astro/config";
 import starlight from "@astrojs/starlight";
 
+import tailwind from "@astrojs/tailwind";
+
 // https://astro.build/config
 export default defineConfig({
   integrations: [
     starlight({
       title: "Portr",
-      customCss: ["./src/styles/custom.css"],
+      customCss: [
+        "./src/tailwind.css",
+        "@fontsource/geist-sans/400.css",
+        "@fontsource/geist-mono/400.css",
+      ],
       social: {
         github: "https://github.com/amalshaji/portr",
       },
@@ -21,12 +27,17 @@ export default defineConfig({
         {
           label: "Guides",
           items: [
-            // Each item here is one entry in the navigation menu.
-            { label: "Overview", link: "/getting-started/" },
+            {
+              label: "Overview",
+              link: "/getting-started/",
+            },
             {
               label: "Server",
               items: [
-                { label: "Quickstart", link: "/server/" },
+                {
+                  label: "Quickstart",
+                  link: "/server/",
+                },
                 {
                   label: "Cloudflare API token",
                   link: "/server/cloudflare-api-token/",
@@ -44,9 +55,18 @@ export default defineConfig({
             {
               label: "Client",
               items: [
-                { label: "Installation", link: "/client/installation/" },
-                { label: "HTTP tunnel", link: "/client/http-tunnel/" },
-                { label: "TCP tunnel", link: "/client/tcp-tunnel/" },
+                {
+                  label: "Installation",
+                  link: "/client/installation/",
+                },
+                {
+                  label: "HTTP tunnel",
+                  link: "/client/http-tunnel/",
+                },
+                {
+                  label: "TCP tunnel",
+                  link: "/client/tcp-tunnel/",
+                },
                 {
                   label: "Websocket tunnel",
                   link: "/client/websocket-tunnel/",
@@ -56,7 +76,10 @@ export default defineConfig({
             {
               label: "Local development",
               items: [
-                { label: "Admin", link: "/local-development/admin/" },
+                {
+                  label: "Admin",
+                  link: "/local-development/admin/",
+                },
                 {
                   label: "Tunnel server",
                   link: "/local-development/tunnel-server/",
@@ -71,5 +94,8 @@ export default defineConfig({
         },
       ],
     }),
+    tailwind({
+      applyBaseStyles: false,
+    }),
   ],
 });
diff --git a/docs/package.json b/docs/package.json
@@ -12,9 +12,14 @@
   "dependencies": {
     "@astrojs/check": "^0.5.10",
     "@astrojs/starlight": "^0.21.5",
+    "@astrojs/starlight-tailwind": "^2.0.2",
+    "@astrojs/tailwind": "^5.1.0",
+    "@fontsource/geist-mono": "^5.0.3",
+    "@fontsource/geist-sans": "^5.0.3",
     "astro": "^4.6.0",
     "astro-embed": "^0.6.2",
     "sharp": "^0.32.6",
+    "tailwindcss": "^3.4.3",
     "typescript": "^5.4.5"
   }
 }