ci docs (#523)

Author: lazarusA

.github/workflows/deploy-docs.yml

@@ -0,0 +1,45 @@
+name: Deploy main docs → gh-pages/docs
+
+on:
+  push:
+    branches: [main]
+  workflow_dispatch:
+
+permissions: write-all
+
+concurrency:
+  group: pages
+  cancel-in-progress: false
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout source
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: "lts/*"
+
+      - name: Install dependencies
+        working-directory: docs
+        run: npm install
+
+      - name: Build docs site
+        working-directory: docs
+        env:
+          NUXT_APP_BASE_URL: "/docs/"
+        run: npm run build
+
+      - name: Deploying docs 🚀
+        uses: JamesIves/github-pages-deploy-action@v4
+        with:
+          branch: gh-pages
+          folder: docs/.output/public
+          target-folder: docs
+          clean: false

docs/assets/css/main.css

@@ -64,4 +64,27 @@
 
 .icon-sm { width: 16px; height: 16px; }
 .icon-md { width: 24px; height: 24px; }
-.icon-lg { width: 32px; height: 32px; }
+.icon-lg { width: 32px; height: 32px; }
+
+.star-halo-wrapper {
+  display: inline-block;
+  animation: star-wiggle 1.8s ease-in-out infinite;
+}
+
+@keyframes star-wiggle {
+  0% {
+    transform: rotate(0deg) scale(1);
+  }
+  25% {
+    transform: rotate(-4deg) scale(1.1);
+  }
+  50% {
+    transform: rotate(4deg) scale(1.1);
+  }
+  75% {
+    transform: rotate(-2deg) scale(1.05);
+  }
+  100% {
+    transform: rotate(0deg) scale(1);
+  }
+}

docs/content/index.md

@@ -1,6 +1,6 @@
 ---
 seo:
-  title: Browzarr
+  title: browzarr.io
   description: A powerful, browser-native framework for visualizing, exploring, and analyzing Zarr data stores.
 ---
 
@@ -9,9 +9,9 @@ seo:
 Browzarr
 
 #description
-A powerful, browser-native framework for visualizing, exploring, and analyzing Zarr data stores.
+A powerful, browser-native framework for exploring and analyzing Zarr and NetCDF datasets.
 
-Load multi-dimensional datasets directly in the browser, interactively slice and inspect chunks, and gain insights without any backend or server setup.
+Load multi-dimensional datasets in the browser, slice and inspect data interactively, and gain insights without any backend or server setup.
 
 #links
   :::u-button
@@ -32,7 +32,7 @@ Landing
   to: https://github.com/EarthyScience/Browzarr
   variant: outline
   ---
-  Star on GitHub
+  Give us a Star :icon{name="i-ph-star-fill" class="icon-md star-halo-wrapper" style="color: #f59e0b"}
   :::
 
   :::u-button

docs/nuxt.config.ts

@@ -6,7 +6,7 @@ export default defineNuxtConfig({
   css: ['~/assets/css/main.css'],
 
   site: {
-    name: 'browzarr.io'
+    name: 'docs'
   },
 
   // Disable server-only modules

docs/package.json

@@ -7,16 +7,16 @@
   "dependencies": {
     "@nuxt/content": "^3.9.0",
     "@nuxt/eslint": "^1.12.1",
-    "@nuxt/hints": "^1.0.0-alpha.3",
+    "@nuxt/hints": "1.0.0-alpha.5",
     "@nuxt/image": "^2.0.0",
     "@nuxt/scripts": "^0.13.1",
     "@nuxt/test-utils": "^3.21.0",
-    "@nuxt/ui": "^4.2.1",
+    "@nuxt/ui": "4.3.0",
     "@unhead/vue": "^2.0.19",
     "better-sqlite3": "^12.2.0",
     "docus": "latest",
     "eslint": "^9.39.2",
-    "nuxt": "^4.1.2",
+    "nuxt": "4.2.2",
     "tailwindcss": "^4.1.17",
     "typescript": "^5.9.3"
   }