2RE03-Design/memory-bank/todo.md

14 KiB

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

  • 2026-09-10 - Site built: 6 root pages + 10 case studies, green #2ee666 theme, scroll-snap carousels, Web3Forms contact form.
  • 2026-09-10 - Site published.
  • 2026-09-10 - First commit pushed to Forgejo (2RE03-Design, branch main).
  • 2026-09-10 - Temporary refrence/ folder and four unused images removed.
  • 2026-09-10 - Decided to track memory-bank/ and .clinerules/ in the repo.
  • 2026-09-10 - Refined the copy where it read wrong, page by page.
  • 2026-09-10 - Confirmed the Forgejo repo (2RE03-Design) is private.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.