# Daniel's Innovations Hub

Local Progressive Web App dashboard for **Daniel's Innovations** (3D printed / custom made · Winnebago, IL).

All metrics are **sample placeholders** loaded from `data/metrics.json`. Nothing here connects to live Google Ads, Squarespace, ShipStation, QuickBooks, or Box Hero APIs.

## Folder

```
daniels-innovations-hub/
```

On this box: `/workspace/daniels-innovations-hub/`

## Quick start (Windows)

### Option A — Open the file (simple preview)

1. Copy this folder to your PC (e.g. `C:\Users\Daniel\daniels-innovations-hub\`).
2. Double-click `index.html` to open in **Microsoft Edge** or Chrome.

> Note: Some browsers restrict `fetch` for `file://` URLs. If KPIs don’t load, use Option B.

### Option B — Tiny local server (recommended for PWA + metrics)

In **PowerShell** or **Command Prompt**, from the project folder:

```bat
cd path\to\daniels-innovations-hub
python -m http.server 8080
```

Or with Node:

```bat
npx --yes serve -p 8080
```

Then open: [http://localhost:8080/](http://localhost:8080/)

### Install as an app (Edge)

1. Open the hub via `http://localhost:8080/` (Option B).
2. Edge menu (⋯) → **Apps** → **Install this site as an app** (or the install icon in the address bar).
3. Launch **DI Hub** from the Start menu like a desktop app (standalone window).

Chrome: Install icon in the address bar → **Install**.

### Screensaver mode

- Click **Screensaver**, or leave the page idle ~**60 seconds**.
- Fullscreen JARVIS-style HUD (grid + scanlines) with logo centered and rotating **sample** KPIs in a bottom analytics dock.
- Move the mouse, press a key, or tap to exit (Esc / leave fullscreen also works).

### Refresh metrics later

Edit `data/metrics.json` (keep the same shape), then click **Refresh** in the hub — or reload the page. Status badges stay labeled **Sample** / **Coming soon**.

### Wallpapers

1. Open `wallpaper.html` or the **Wallpapers** button in the hub.
2. Prefer PNGs:
   - `wallpapers/di-wallpaper-dark-1920.png` (1920×1080)
   - `wallpapers/di-wallpaper-dark-2560.png` (2560×1440)
3. Windows: right-click the PNG → **Set as desktop background**, or Settings → Personalization → Background.
4. Extra SVG art: `di-mesh-cyan-purple.svg`, `di-maker-grid.svg`.

## Sections (sample only)

| Card | Status |
|------|--------|
| Google Ads | Coming soon + sample KPIs |
| Squarespace | Sample data |
| ShipStation | Sample data |
| QuickBooks | Coming soon + sample KPIs |
| Box Hero | Sample data |

Every KPI tile shows a gray **Sample** badge so numbers are never mistaken for live data.

## PWA files

- `manifest.webmanifest` — name, theme, icons
- `sw.js` — caches shell + metrics for offline-friendly local use
- `icons/` — SVG logo + PNG 192 / 512 / apple-touch

## Brand / HUD theme

Tony Stark / JARVIS / Iron Man HUD aesthetic: deep charcoal black, electric cyan + amber/gold accents, hex/circuit grid drift, scanlines, angular clipped consoles, monospace KPI values. Layout stays: **brand zone on top** (logo + name only), **Analytics datasheet** below for all metrics, screensaver with **centered logo** and **bottom analytics dock**.

## License / ownership

Private local tool for Daniel's Innovations. Sample numbers are fiction for UI only.