From c68ccc266aee96b0a589bedc6f58722497d3efd0 Mon Sep 17 00:00:00 2001 From: Claude Date: Fri, 6 Mar 2026 04:55:42 +0000 Subject: [PATCH] Add landing page at /landing.html Self-contained landing page with parallax hero, mock app preview, workload heatmap demo, benefit cards, focus view mockup, how-it-works steps, and Docker quick-start block. Matches FabDash dark/gold visual theme. File lives in frontend/public/ so Vite copies it to dist/ and Flask serves it at /landing.html without touching app routing. https://claude.ai/code/session_0112Vq5nD3hGgvrTJPnDvU5B --- frontend/public/landing.html | 1417 ++++++++++++++++++++++++++++++++++ 1 file changed, 1417 insertions(+) create mode 100644 frontend/public/landing.html diff --git a/frontend/public/landing.html b/frontend/public/landing.html new file mode 100644 index 0000000..4f9eff0 --- /dev/null +++ b/frontend/public/landing.html @@ -0,0 +1,1417 @@ + + + + + + FabDash — Fabrication Project Dashboard + + + + + + + + + + + +
+
+
+ + + +

Fabrication Project Dashboard

+

+ Track every cut, weld,
and deadline — visually +

+

+ FabDash is a self-hosted calendar dashboard built for fabrication shops. + Drag, drop, and deliver on time — no spreadsheet gymnastics required. +

+
+ Open Dashboard → + See Demo ↓ +
+
+ + +
+
+

Live Demo

+

Your shop, at a glance

+

+ Every active project, every deliverable, color-coded and laid out on an + interactive calendar — exactly as it looks inside FabDash. +

+ +
+ +
+ + + + fabdash.local:8080 +
+ + +
+ +
+
+ + FABDASH +
+ + +
+
+ + Tucson + 4 +
+
+ Cut Extrusion + Active +
+
+ Fabricate Assembly + Soon +
+
+ + +
+
+ + Mesa + 3 +
+
+ Weld Subframe + Done +
+
+ Paint & Finish + Active +
+
+ + +
+
+ + Phoenix Shelter + 5 +
+
+ Roof Panel Cuts + Late +
+
+ + +
+
+ + Scottsdale + 2 +
+
+
+ + +
+
+ March 2026 +
+ + + + + +
+
+
+
+
Sun
+
Mon
+
Tue
+
Wed
+
Thu
+
Fri
+
Sat
+
+
+ +
+
1
+
2
+
Cut Extrusion
+
+
3
+
4
+
Weld Subframe
+
+
5
+
Roof Cuts
+
+
6
+
Scottsdale
+
+
7
+
+ +
+
8
+
9
+
Fab Assembly
+
+
10
+
Paint & Finish
+
+
11
+
12
+
Panel Weld
+
+
13
+
QC Check
+
+
14
+
+ +
+
15
+
16
+
Install Prep
+
+
17
+
18
+
Powder Coat
+
+
19
+
Final QC
+
+
20
+
21
+
+ +
+
22
+
Glass Mount
+
+
23
+
24
+
Ship TUC-01
+
+
25
+
26
+
Delivery
+
+
27
+
28
+
+ +
+
29
+
30
+
MSA Closeout
+
+
31
+
1
+
2
+
3
+
4
+
+
+
+
+
+
+
+
+ + +
+
+

Why FabDash

+

Built for the shop floor,
not the boardroom

+

+ Spreadsheets break. Sticky notes fall. FabDash keeps every project visible + and every deadline accountable — in your browser, on your server. +

+ +
+
+
🗓️
+

Drag-and-drop calendar

+

+ Reschedule deliverables by dragging events between days. Month, week, + and day views let you zoom in when deadlines stack up. +

+
+
+
🎨
+

Color-coded projects

+

+ Assign a distinct color to each job. At a glance you know which events + belong to which project — no key required. +

+
+
+
🌡️
+

Workload heatmap

+

+ A 20-week density grid reveals crunch periods before they sneak up on + your crew. Spot hot weeks and redistribute the load. +

+
+
+
⚡
+

Instant status tracking

+

+ Upcoming, In Progress, Completed, and Overdue statuses are + auto-computed and color-coded so nothing slips through the cracks. +

+
+
+
🔄
+

Undo any action

+

+ Deleted a deliverable by accident? A 30-second countdown toast lets you + reverse any change before it's permanent. +

+
+
+
🔒
+

100% self-hosted

+

+ Your project data never leaves your network. Deploy with a single Docker + command and own everything — database and all. +

+
+
+
+
+ + +
+
+

Workload Heatmap

+

See crunch before it hits

+

+ The 20-week heatmap shows deliverable density across your entire pipeline. + Gold-hot cells flag overloaded weeks so you can rebalance while there's + still time. +

+ +
+
+ 20-Week Workload — March → July 2026 +
+
+
18
+
Active
+
+
+
4
+
Projects
+
+
+
3
+
Overdue
+
+
+
+
+
+
+
+ + +
+
+
+ +
+
+ + + Tucson — Focus View + + 4 deliverables +
+
+
+
+
Cut Extrusion
+
Mar 2
+
Done
+
+
+
+
+
+
+
+
+
Fab Assembly
+
Mar 9
+
Active
+
+
+
+
+
+
+
+
+
QC Check
+
Mar 13
+
Soon
+
+
+
+
+
+
+
+
+
Ship TUC-01
+
Mar 24
+
Soon
+
+
+
+
+
+
+
+
+ + +
+

Focus View

+

Zoom in on one project

+

+ Click any project to slide up a horizontal timeline showing every + deliverable in order. Edit, drag, and update status without leaving + the view. +

+
    +
  • +
    🖱️
    +
    +

    Double-click to edit

    +

    Double-click any deliverable card to open an inline editor — change the title, date, or status in one step.

    +
    +
    • +
  • +
    ⌨️
    +
    +

    Keyboard shortcuts

    +

    N to create, B to toggle the sidebar, ← → to navigate months, T to jump to today, Esc to close modals.

    +
    +
    • +
  • +
    📁
    +
    +

    Google Drive link

    +

    Attach a Drive folder to each project so every drawing, spec sheet, and photo lives one click away.

    +
    +
    • +
  • +
    🖱️
    +
    +

    Right-click context menus

    +

    Right-click any event or deliverable to edit, duplicate, change status, or delete — no menu diving.

    +
    +
    • +
+
+
+
+
+ + +
+
+

Getting Started

+

Up and running in minutes

+

+ One Docker command. No accounts, no SaaS subscriptions, no per-seat pricing. + Just your data on your hardware. +

+ +
+
+
01
+

Pull the image

+

Run docker run with a volume mount for persistent storage. That's the entire installation.

+
+
+
02
+

Create a project

+

Hit N or click the + button. Name it, pick a color, add an optional Drive link.

+
+
+
03
+

Add deliverables

+

Each deliverable gets a title, a due date, and a status. They appear instantly on the calendar as color-coded events.

+
+
+
04
+

Drag and deliver

+

Reschedule by dragging events. Mark complete with a right-click. Watch the heatmap cool down as work ships.

+
+
+
+
+ + +
+
+

Self-Hosted

+

Deploy on your own hardware

+

+ FabDash ships as a single Docker container with an embedded SQLite database. + Works perfectly on Unraid, TrueNAS, a Raspberry Pi, or any Linux server. +

+ +
+
Quick Start
+
# Pull and run FabDash +docker run -d \ + --name fabdash \ + -p 8080:8080 \ + -v ./data:/app/data \ + --restart unless-stopped \ + fabdash:latest
+
Then open
+
http://your-server-ip:8080
+
+ +
+ + Open FabDash → + +
+
+
+ +
+ + + + + + + +