92 lines
13 KiB
Markdown
92 lines
13 KiB
Markdown
# 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-09-22.
|
|
|
|
## 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 next candidates are the case-study grid captions (Content), a real 2RE03 logo (Assets), the caption names that still need confirming, and the Polish items at the bottom.
|
|
|
|
## 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. **In planning, blocked on the offer facts** (2026-09-22): 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 fill-in-the-blank copy, with every remaining `[[slot]]` listed in one table, lives in `memory-bank/offer-draft.md`. No copy gets written and no page gets rebuilt until those slots are answered, because they need facts only the user has: the price band and typical duration, what's included, what the client supplies, the project floor, the diagnostic's price and deliverable, and one outcome line per case study.
|
|
|
|
## 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`.
|