David/MEGA-WEBSITE
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
No description
16 commits 1 branch 0 tags 92 MiB
TypeScript 89.7%
Shell 4.7%
Python 1.7%
CSS 1.5%
HTML 1.1%
Other 1.3%
Find a file
David 8bc73d7721 Fade the vertical layer title when its slice expands 
The Stackless reference keeps its vertical label on hover, so the label runs
straight through the panel copy. MEGA's labels are longer ('Electrical
Reticulation'), which makes the collision worse. Fade the label out as the
slice expands and let the panel carry the title.
2026-11-03 18:22:58 +02:00
app Fade the vertical layer title when its slice expands 2026-11-03 18:22:58 +02:00
docs Add spec and plan for the five-layer services accordion 2026-11-03 18:02:20 +02:00
.dockerignore Mega Infrastructure website: cinematic scroll redesign 2026-10-28 22:24:49 +02:00
.gitignore Include project aerial clips (scope raw-media ignores to repo root) 2026-10-28 22:25:29 +02:00
Dockerfile Fix stalled npm install on Coolify build 2026-10-28 23:11:39 +02:00
nginx.conf Mega Infrastructure website: cinematic scroll redesign 2026-10-28 22:24:49 +02:00
README.md Mega Infrastructure website: cinematic scroll redesign 2026-10-28 22:24:49 +02:00

README.md

Mega Infrastructure: website redesign

Cinematic one-page site: a scroll-driven fly-through intro, then Services, Why Mega, Projects, Company, Team and Contact.

app/        Vite + React + TypeScript + Tailwind site
docs/       VIDEO-PROMPTS.md: drone shot list, AI video prompts, team photo brief, content checklist
video/      placeholder-flythrough.mp4 (built from Mega's drone stills)
src-assets/ original downloads from megainfrastructure.co.za

Run it

cd app && npm install && npm run dev

Swap in real footage

cd app && scripts/make-frames.sh /path/to/flythrough.mp4

Edit text

All copy lives in app/src/data/content.ts.

Deploy (Coolify)

The repo root has a Dockerfile that builds the site and serves it with nginx on port 80. In Coolify: New Resource → Public/Private Git repository → this repo, branch main, Build Pack Dockerfile, port 80, then add your domain and deploy.

Raw media (src-assets/, video/) is git-ignored; keep it backed up separately.