# TODO - 2RE03 Portfolio Site

Lives in `memory-bank/` with the rest of the memory bank (moved there from the repo root on 2026-09-22). The one place for open work on the site. Check an item off, then move it down to the Done section with the date it landed. Prune the Done section periodically.

The other memory-bank files keep only the current priorities and point here, so there is a single source of truth for what is left to do.

Last updated: 2026-10-01.

## Now

Nothing queued, and everything to date is **live**: the four copy briefs, the work-caption pass, the caption revision, the section-copy pass and the icon/social assets all shipped in `8a7c3ea` (2026-09-22) and were verified from the outside. **The sales-funnel rebuild is now the top actionable item** (unblocked 2026-10-01; draft and build per the Polish item below). Also waiting: the case-study grid captions (Content), a real 2RE03 logo (Assets), the caption names that still need confirming, the deposit percentage and the milestone split (the payments line needs them before a figure can be published), and the deferred proof answers (client permissions, images, outcome numbers), which the user is coming back to later.

## Assets

- [ ] A real 2RE03 logo, if one exists. Nothing has turned up in the repo or the asset backup, so the site runs on the type wordmark plus the `2`-glyph favicon built on 2026-09-22.
- [ ] **No flyer, postcard, business card or letterhead artwork exists anywhere on this machine** (checked the repo and the external asset backup on 2026-09-22: the only artwork is the 25-piece set in `img/`). The service cards and the homepage may still list those formats as capability, but no gallery can show them until new files are supplied. This is why the `work.html` Print blurb is scoped to the ads.

## Content

- [ ] Populate the galleries with more or real work items.
- [ ] Captions for the **case-study grids** (`case-studies/*.html`): 9 of the 10 pages hold a single `figure.card-work` image beside the copy and Urban Moto holds a 3-up grid of ads, none of them captioned, and `.card-work` has no caption style yet. The `work.html` galleries were captioned on 2026-09-22.
- [ ] Confirm the caption names that were read off the images on 2026-09-22, where the piece carries no visible client name: `logoargent` (Argent), `logodrinking` (Drinking About...), `logodrive` (D.R.I.V.E.), `web50shadesof2048` (50 Shades of 2048), `3d78williams` ('78 Williams), `3dabandoned`, and `websinosalescopy` (currently just "Sales page", no name). The user confirmed `logobackass` and the scope of seven other pieces on 2026-09-22; see Done.

## Polish (ideas, not yet agreed)

- [ ] Consider a graphics or video section
  - [ ] find and add IKEHU video
- [ ] Urban Moto case-study hero is low resolution (450px native at its widest);
  find or shoot a better crop.
- [ ] Redesign the site as a sales funnel rather than as a design piece. **Unblocked 2026-10-01**: the offer sheet is answered and the copy is reconciled, so the work can move to drafting and building. The diagnosis, the stage structure and the page-by-page draft live in `memory-bank/sales-funnel-plan.md`; the offer shape is settled (decision 34: **one primary offer with a published price band, plus a fixed-price diagnostic as the entry step**), and the offer itself is **The 2RE03 Website Launch** (4 to 6 weeks, from $3,500, most $4,500 to $7,500, 2 revision rounds) with the **Project Clarity Session** ($250, 60 to 90 minutes, credited in full within 30 days) as the entry step, aimed at a 30-minute Project Fit Call. `memory-bank/offer-draft.md` holds the reconciled slot table and the draft copy for `services.html`, `index.html` and `contact.html`. Build order: `services.html`, then `index.html`, `contact.html`, the case-study outcome lines, and finally `thank-you.html` with the Umami snippet. **Nothing about the offer is open any more** (2026-10-01): deposits and milestones are both stated (a deposit starts the project, payments fall due as agreed milestones are met, balance on delivery), and the deposit percentage plus the milestone split are the only figures still to come. There is **no scheduling link** (revised 2026-10-01: a written enquiry is enough, so the form is the only path) and **no published email address**, so no copy may promise "email us directly". The published-proof question is settled as **none yet** (2026-10-01): no client has agreed to a name, quote, logo or identifiable number, so the proof stage ships as named case studies plus the outcome lines, adding nothing new client-attributable. **Building has started: `services.html` (funnel Blocks A + B) was rebuilt 2026-10-01 and red-penned the same day (the web-craft paragraph cut, the meta rewrite kept); `contact.html`'s free-text subject field is now a required "What do you want to talk about?" dropdown whose selection becomes the email subject line; `index.html` is next.**

## Done

- [x] **2026-09-10** - Site built: 6 root pages + 10 case studies, green `#2ee666`
  theme, scroll-snap carousels, Web3Forms contact form.
- [x] **2026-09-10** - Site published.
- [x] **2026-09-10** - First commit pushed to Forgejo (`2RE03-Design`, branch `main`).
- [x] **2026-09-10** - Temporary `refrence/` folder and four unused images removed.
- [x] **2026-09-10** - Decided to track `memory-bank/` and `.clinerules/` in the repo.
- [x] **2026-09-10** - Refined the copy where it read wrong, page by page.
- [x] **2026-09-10** - Confirmed the Forgejo repo (`2RE03-Design`) is private.
- [x] **2026-09-10** - Optimised every image to WebP: 45 files converted (long side
  capped at 1600px, `-q 82`, or `-q 90 -alpha_q 100` when transparent), `img/` down
  from 20 MB to 3.2 MB. `printtiresad.png` stayed PNG because WebP came out larger.
- [x] **2026-09-22** - Backlog moved into the memory bank: the repo-root `TODO.md`
  became `memory-bank/todo.md` (lowercase), and the memory-bank files that pointed
  at the old path were updated.
- [x] **2026-09-22** - **Copy pass 1**, all four `Now` briefs. The question block
  became the homepage closing CTA (`index.html`: "Have something that needs
  making?", the three client questions as a list, then "Tell us what you're trying
  to do. We'll figure out what needs to be made."), with a small `.cta-questions`
  spacing helper added to `css/style.css`. The AI line plus the workflow story
  became a new **Workflow** band on `services.html` (Old workflow / AI-assisted
  workflow / Finished result, middle card dark). "Got a weird project? Give it to
  us." replaced the closing line on `work.html`. All of it re-voiced from first
  person to the studio "we", no em dashes. Verified: tags balance, every relative
  `href`/`src` resolves, all pages return HTTP 200, and the new sections were
  screenshot-checked at 1280px and 390px. **Uncommitted.**
- [x] **2026-09-22** - **Favicon added** (first Assets item). Three files in `img/`:
  `favicon.svg` (a `#2ee666` rounded tile holding the digit `2` as outline paths in
  brand ink, so it needs no client font), `favicon.ico` (48/32/16), and
  `apple-touch-icon.png` (180x180, square and opaque for iOS). Built from the
  site's own wordmark font by instancing `fonts/SpaceGrotesk-latin.woff2` at
  `wght=700` with `fonttools` (that file is a variable font whose default instance
  is Light 300), routing the glyph outlines through `SVGPathPen`, then rasterizing
  with `rsvg-convert` and ImageMagick. All 16 pages declare the three icons with
  relative paths. Recipe recorded in `techContext.md`. **Uncommitted.**
- [x] **2026-09-22** - **Open Graph / social image added**, and the live domain
  recorded. `img/og-image.png` (1200x630) is a green dot-grid card carrying the
  eyebrow, the `2RE03` wordmark, the hero line, `2re03.com`, and a strip of six
  real work tiles under a green wash. All 16 pages now declare `rel="canonical"`,
  the full `og:*` set (with `og:image:width`/`height`/`alt`) and `twitter:card`,
  using **https://2re03.com/** (the host serves `.html` URLs, and the homepage uses
  the bare root). Page titles and descriptions are reused from each page's own
  `<title>` and meta description. Verified: exactly one of each tag per page,
  `og:url` matches the canonical, the declared 1200x630 matches the file, and every
  page plus all four new assets return HTTP 200. **Uncommitted.**
- [x] **2026-09-22** - **Work captions, and the `writtenearplugs` move** (the last
  two Content/Polish items that needed no new assets). Every one of the 26
  `work.html` gallery figures is now a `<figure>` with a `.carousel__caption`
  (piece name + format, always visible), the case-study grids' `writtenearplugs`
  figure moved into the **Print** gallery, and that grid went from `row-cols-sm-2`
  to `row-cols-sm-3` so its remaining three ads sit in one clean row. Caption text
  was read off the images themselves (a collage of all 26 was reviewed first),
  which caught a swap: `writtenearplugs.webp` is the **Urban Moto earplug feature**
  (page 39, February 2007) and `writtenstructions.webp` is the **Napwell quick
  start guide**. No author bylines appear in any caption (see the attribution
  rule). **Uncommitted.**
- [x] **2026-09-22** - **Caption revision from the user's read-through, and two pieces re-filed.** Six `work.html` captions were re-worded to the scope the user confirmed: **Back That Ass Up** became "Political art show" (it was a political campaign art show, so the US-flag mark finally makes sense and the alt now says so), **Mehavior** became "UX and UI", **(10 + 2) x 5** became "Designed and coded" (the whole app, not just its interface), and the three ads - Loren Kincaid, Macchiarini Metalworks, K.C. Engineering - all became "Print Ad" (the last was "Tire advert"; the capital A is kept verbatim from the brief, making it the page's only title-case sub-line). **Sam's Rules of Money** became "Book editing and illustrations" - editing the book plus its illustrations, which the old "Book cover" hid. **Two pieces moved from Print to Words**, because that is where the deliverable belongs: `writtenearplugs.webp` ("Article, Urban Moto, February 2007") and `printylemcover.webp` ("Editing and cover design"; the user edited the whole magazine). Print now holds 3 items, all print ads; Words holds 4, ordered book, magazine, article, guide. Verified: 26 figures over 26 distinct images with one caption each and no duplicates, exactly two references to the moved files (both in Words), tags balance and every reference resolves across all 16 pages, no em dashes, and the carousels were **measured** in a headless browser rather than eyeballed - Print is now `scrollWidth == clientWidth` with both arrows disabled (same as the App Design gallery, so a 3-item gallery leaves no dead control) and Words overflows by 292px with only "next" enabled - plus screenshot checks of the Print and Words bands at 1280px and 390px. Build intermediates in `.tmp-captions/` were deleted. **Uncommitted.**
- [x] **2026-09-22** - **Brief re-read: `work.html` now matches the caption brief character for character.** The user re-sent the brief with the file attached, which confirmed every item was already in place (political art show, UX and UI, designed and coded, three print ads, the two pieces already in Words, Sam's Rules as editing plus illustrations) and settled the two strings that had been flagged as open: the ads sub-line is **"Print Ad"** with a capital A, and the app is named **(10 + 2) x 5** with spaces. Both changed in place. Re-verified after the edit: 26 figures over 26 distinct images with one caption each, tags balance and every reference resolves across all 16 pages, no em dashes, and the galleries were measured again in a headless browser - `Print design gallery` stays `scrollWidth == clientWidth` with both arrows disabled and `Words gallery` keeps its 292px overflow with only "next" enabled, so wider caption text changes nothing (`.carousel__item` is `flex: 0 0 auto; width: clamp(230px, 78vw, 340px)`). **Uncommitted.**
- [x] **2026-09-22** - **Section copy brought in line with the captions, and the last three naming questions settled.** Four blurbs on `work.html` were re-voiced so nothing contradicts the caption it sits above: the **Words** intro now reads "Editorial, documentation, and sales copy: we write it, we edit it, and we lay it out." (the old line claimed only writing, while YLEM Journal and Sam's Rules are editing work), the **App Design** blurb now says some pieces were "coded end to end" (the old line implied everything stopped at looking real), the **Print** blurb leads with the ads the gallery actually shows and keeps flyers, postcards, business cards, letterhead and product design as capability, and the **Logos** intro adds ", and the occasional title slide" so the Dat Art slide in that gallery reads as deliberate. The Dat Art caption became **"Presentation for Motion Labs"** with a matching alt, and the 3D copy on `work.html` and `services.html` now says **food cart** instead of pretzel stand (the render is labelled "Gourmet Pasteles and Churros" and the case study is Upscale Food Cart). The user also confirmed that **YLEM is fine in both galleries** and that **`2plus5times3.webp` keeps its name**, with the caption `(10 + 2) x 5` treated as authoritative. Verified: all seven new strings render and all five replaced strings are gone from both files, 26 figures over 26 distinct images with one caption each, tags balance and every reference resolves across all 16 pages, no em dashes, and headless-Chrome measurement confirms the copy did not disturb the galleries (Print and App Design at `overflow=0` with both arrows disabled, Words at 292px with only "next" enabled), with 1280px and 390px screenshots of the Logos, Print and Words bands. Also checked the external asset backup: no flyer, postcard, business card or letterhead artwork exists anywhere on this machine, which is why the Print copy is scoped to the ads.
- [x] **2026-09-22** - **The batch was committed and deployed.** The user committed the staged work as **`8a7c3ea`** and uploaded the repo root by hand, so the icon set, the social card and all of the `og:*`/`twitter:*` tags are **live for the first time**, along with copy pass 1, the 26 captions and the re-voiced blurbs. Verified from the outside: all four new assets return 200 with the right MIME types and sizes, all 16 pages return 200 with exactly one `og:image` each, `/work.html` serves all 26 captions and none of the replaced strings, `/services.html` serves the Workflow band, and the homepage serves the new CTA. Working tree clean, `HEAD` == `origin/main`.