setup independent docs workflow (#473)

* setup independent docs workflow

* ci docs

Author: lazarusA

docs/.gitignore

@@ -0,0 +1,37 @@
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
+
+# Node dependencies
+node_modules
+
+# Logs
+logs
+*.log
+
+# Misc
+.DS_Store
+.fleet
+.idea
+.eslintcache
+
+# Local env files
+.env
+.env.*
+!.env.example
+
+# npm pack
+*.tgz
+
+# Temp files
+.tmp
+.profile
+*.0x
+
+#VSC
+.history
+.wrangler

docs/README.md

@@ -0,0 +1,31 @@
+# Browzarr's documentation
+
+## 🚀 Quick Start
+
+```bash
+# Install dependencies
+npm install
+
+# Start development server
+npm run dev
+```
+
+Your documentation site will be running at `http://localhost:3000`
+
+## 📖 Documentation
+
+For detailed documentation on customizing your Docus project, visit the [Docus Documentation](https://docus.dev)
+
+## 🚀 Deployment
+
+Build for production:
+
+```bash
+npm run build
+```
+
+The built files will be in the `.output` directory, ready for deployment to any hosting provider that supports Node.js.
+
+## 📄 License
+
+[MIT License](https://opensource.org/licenses/MIT) 

docs/content/1.getting-started/.navigation.yml

@@ -0,0 +1,2 @@
+title: Getting Started
+icon: false

docs/content/1.getting-started/2.introduction.md

@@ -0,0 +1,24 @@
+---
+title: Introduction
+description: Welcome to Browzarr's documentation.
+navigation:
+  icon: i-lucide-soup
+seo:
+  title: Introduction
+  description: Welcome to Browzarr's documentation.
+---
+
+Welcome to **Browzarr**'s documentation. Although, `browzarr.io` user's interface is pretty intuitive, there are plenty of features that deserve some dedicated space for a longer explanation. But first,
+
+## What is Browzarr?
+
+**Browzarr** is a powerful, browser-native framework for visualizing, exploring, and analyzing Zarr data stores.
+Load multi-dimensional datasets directly in the browser, interactively slice and inspect chunks, and gain insights without any backend or server setup.
+
+
+## Key Features
+
+- **Data Cubes**
+- **Globe**
+- **Flat/rectangular Maps** 
+- 

docs/content/1.getting-started/3.landing.md

@@ -0,0 +1,55 @@
+---
+title: Landing
+description: User Interface.
+navigation:
+  icon: i-lucide-plane-landing
+seo:
+  description: User Interface.
+---
+
+## Main menu
+
+::steps
+### Stores
+
+Use the `store` icon to load curated datasets or your own!
+
+### Select a variable
+
+From the menu `x` variables select the one you would like to see and click plot!
+
+### Change plot type
+
+There some default plotting options depending on your dataset dimensions, however you could change to a different plot type if your data dimensions allow it.
+
+### A different Colormap
+
+Hover the colormap options to see how your plot will change, then click on the one you like to setup that one!
+
+### Settings
+
+### Animation
+
+### Analytics
+
+::
+
+## Floating menu
+
+::prose-steps
+### Reset camera
+
+Did you move around a lot? then click the reset camera icon.
+
+### View
+
+?
+
+### 1D transects
+
+Click to view 1D transects (line plots) through the given dimension.
+
+### Export images and animations
+Do you want to use the output somewhere else? either has a static image or a video? we got you covered!
+
+### Quality

docs/content/2.essentials/.navigation.yml

@@ -0,0 +1 @@
+title: Essentials

docs/content/2.essentials/1.variable-selection.md

@@ -0,0 +1,25 @@
+---
+title: Variable selection
+description: Select only data that fits.
+navigation:
+  icon: i-lucide-variable
+---
+
+## Variable Name
+
+If not provided by metadata then is set to undefined.
+
+### Attributes
+
+Additional information about variables can be seeing by clicking on the attributes button.
+
+
+### Data Shape
+
+It shows the overall data shape
+
+### Chunk size
+If your variable is partitioned into chunks then here you will see the corresponding dimensions.
+
+## Sliders
+If your data is too big then a set of slider for selection will be shown. Use those to select an appropriate range.

docs/content/2.essentials/2.colorbar.md

@@ -0,0 +1,16 @@
+---
+title: Colorbar
+description: Control bounds.
+navigation:
+  icon: i-lucide-paint-bucket
+---
+
+### Lower and upper bounds
+You can control the lower and upper bounds of your displayed data by clicking and typing different numbers in the input boxes (extreme left and right).
+
+### Shift values
+
+Dragging the colorbar itself will also shift the bound values.
+
+### Attributes
+Clicking on the variable name (at the top of the colorbar) will also display their general attributes!

docs/content/2.essentials/3.plot-settings.md

@@ -0,0 +1,9 @@
+---
+title: Plot Settings
+description: Slice.
+navigation:
+  icon: i-lucide-settings
+  title: Plot settings
+---
+
+WIP

docs/content/2.essentials/4.analytics.md

@@ -0,0 +1,10 @@
+---
+title: Analytics
+description: Powered WebGPU analytics
+navigation:
+  icon: i-lucide-brain
+seo:
+  description: Powered WebGPU analytics
+---
+
+## Powered WebGPU analytics