# DRIVE PACK → SITE MAP (vendored, no photos/logos/cogs)

Source: https://drive.google.com/drive/folders/1BIxGrFgQ5uuFmci2j-Gy9u5s0r1eK9e1
Root: `Awwwards Pack/` — code only. No site photos used. No logo image. No cartoon cogs.

## Vendored locally (works offline, no hotlinked images)

| Drive item | File ID | Vendored to | Used as |
|---|---|---|---|
| Hero Animations / 1 — Aurela Loader (GSAP) | `1zDwqN727Kwjwr5u-NzkcC5gPnxNCbW0X` | `vendor/loader-src.js` (source) + adapted `.mc-loader` in `app.js`/`style.css` | Index intro: METAL / steel-bar / CRAFT. Unsplash `<img>`s from Drive demo STRIPPED and replaced with CSS steel bar |
| Background Animations / 1 — light-rays WebGL | `1gkSTqdrTJ6giC42iM8ysKgHZcR_1hKHN` | `vendor/light-rays.js` (verbatim) | Every `.view` background: `<div class="light-rays" ...>` pure shader, mouse-follow. Zero photos |
| SVG Animations / 1 — shape overlays (GSAP) | `1eg59KrbBTxwLy6UZgNBHOTWLCalqsNDT` | `vendor/shape-overlay-src.js` (source) + steel-gradient `#shapeOverlay` in all pages | Page transitions between the 6 menus. Orange demo gradients replaced with steel `#1b232a → #07090b` |
| Text Animations / 1 — ScrollTextMotion (GSAP ScrollTrigger) | `1E0wJJsCWiN20pLH2raiYC-wDTFMcGDRr` | `vendor/gsap.min.js`, `ScrollTrigger.min.js`, `ScrollSmoother.min.js`, `ScrambleTextPlugin.min.js` + `app.js` reveals | `.reveal` batch + `[data-scrub]` headline motion. Demo words/images NOT used |
| Scroll Animation / 1 — RGB split (WebGL) | `1vaHvtahQVILl_qLARI3i68fi2kdlVvy7` | `assets/drive/scroll-1/` (reference only) | NOT applied to photos (none on site). Pattern documented; shader hooks reserved |
| Grid Animations / 1 — Flip layout transition | `1xWS_IrDIeQ8Cf_rnuknC4m7lZkO2V5v5` | `vendor/Flip.js` (verbatim) + LIST/GRID toggle on work page | Work log rows morph into tiles via `Flip.getState/from`. Demo `.webp` images NOT used — text rows only |
| Hover Effects / 1 — mouse-scale gallery | `1xYQ7rfDlWlDMbPRpQ1I2tOnjYkl0lQhU` | `assets/drive/hover-1/` (reference only) | Technique is cursor-X split of *image* columns — no image-free mapping that survives the no-photos rule. Lerped-pointer pattern already covered by magnetic buttons |
| Mouse Effects / 1 — image distortion (Three.js) | `1284GVU8EQTsrCa7A9cUumq758BHrhOqI` | `assets/drive/mouse-1/` (reference only) | Needs Three.js CDN + Lenis + texture `.jpg`s — breaks offline `file://` robustness and the no-photos rule. Custom dot+ring cursor kept instead |

Raw downloads kept in `assets/drive/` (`bg-1/`, `hero-1/`, `svg-1/`, `text-1/`, `scroll-1/`, `hover-1/`, `mouse-1/`, `grid-1/`) as provenance.

## Restore point

`../metalcraft-spacex-backup-20260922/` is a full copy of this folder taken before the Grid-1 toggle was added. `../metalcraft-spacex-backup-20260922b/` is a second copy taken before the story/calm/photo pass. To roll back, delete `metalcraft-spacex/` and rename the backup you want.

## Local photography (vendored — no hotlinks)

- `assets/img/howrah-bridge.jpg` — Howrah Bridge at night, CC BY-SA 4.0 Dr. Moumita Sahana via Wikimedia Commons. Credited on the home hero. Reverses the earlier no-photos rule for this one image, per stakeholder request.
- `assets/img/client-01.jpg` … `client-14.jpg` — the 14 client marks from the original site, served locally. Name mapping follows wall order; flag any mismatch and it is a one-line swap. A failed logo degrades to its monogram tile via JS.

## Calm mode

All pages carry `body.calm`: no laser sweeps, no magnetic buttons, no scramble hovers, slower ticker, overlay wipes become 0.25s fades. Remove the class to restore full motion.

## Removed per request

- `logo.png` brand image → text mark `MC`
- All `metalcraftindia.co.in/wp-content/...` hotlinked photos (banner, who-we-are, g1–g4, ser icons, client 1–14, gallery thumbs) → typographic rows/cards
- All `.cog` / `#cncCarriage` / `#bgGrid` cartoon SVGs + `anime.js` → deleted
- Unsplash images inside Drive hero demo → deleted, never rendered