# Progress - 2RE03 Portfolio Site > What works, what's left, current status, known issues, and decision evolution. > Last updated: 2026-09-10. ## What Works - Memory bank initialized in the standard multi-file form. - Source material surveyed and inventoried (see `reference-materials.md`). - Six linked pages built: `index`, `case-studies`, `work`, `about`, `services`, `contact` - plus 10 case study detail pages in `case-studies/`. - Bootstrap 5.3.3 + Inter/Space Grotesk vendored locally (`css/`, `js/`, `fonts/`). - 46 images in `img/`, optimised to WebP: 45 `.webp` plus `printtiresad.png` (project art, client-site screenshots, 10 case-study hero backgrounds, 8 homepage collage tiles). `img/` is **3.2 MB**, down from 20 MB. - Web3Forms contact form with required-field + email validation, accessible labels, and AJAX submit with a live status region. - Collins-style **Case Studies** feature: a typographic index with cursor-following hover previews (with a touch/no-JS thumbnail fallback) and per-project detail pages. - **6 real client websites** added as case studies - Teach Each Other AI, Jensen's Red Barn, Mask Aid Project, 1 Woman's Art and Magic, Sam's Rules, and Victoria Fuller - each with a screenshot and a link to the live site. (Cool Crap From China lives in the portfolio gallery instead.) - `work.html` now has **six galleries**, including a new **App Design** category (Mehavior + the "(10+2) x 5" productivity timer app). - Verified locally: all pages/assets HTTP 200, HTML tags balance, `js/main.js` passes `node --check`, no links into `refrence/`. ## Current Status **Stage:** Built, verified, committed, and **published**. What remains is copy/design review and the optional polish tracked in `TODO.md`. ## What's Left To Build > The full, current backlog lives in **`TODO.md`** at the repo root; this section > keeps only the headline items. - User review/refinement of copy + visual design. - Optional real assets: favicon, Open Graph/social image, logo. - More/real portfolio items and per-image captions. ## Known Issues / Risks - Copy is drafted in company voice but **not yet approved** by the user. - Case study hero backgrounds are generated JPEGs; **Urban Moto's is low resolution** (450px native at its widest). - Web3Forms posts to an external endpoint with a public access key in `contact.html`; live submissions depend on that key/account remaining active. - Galleries reuse the reference image set; captions are category-level only. - Some case studies use names drawn from the source image filenames with generic copy; others (the client sites, plus Urban Moto, Cart, and 1 Woman's Art and Magic) are based on the user's factual notes. ## Evolution of Decisions - **2026-09-10** - Initialized a single-file memory bank draft. - **2026-09-10** - Replaced by the standard multi-file memory bank (this folder); content ported over. - Tone anchored on `refrence/index.html`; no individual attributions; `refrence/` marked temporary. - **2026-09-10** - Locked the stack (static HTML + vendored Bootstrap), styling (Bootstrap + custom CSS), and brand (2RE03 only, no 2RE Factory), then built the v0 scaffold. ## Progress Log - **2026-09-10** - Initialized memory bank. Surveyed `refrence/` (2 HTML files + 23 images), captured project brief, tone, content model, and open questions. No production files created. - **2026-09-10** - Built and verified the v0 static scaffold: five pages, vendored Bootstrap 5.3.3 + Inter/Space Grotesk fonts, `css/style.css`, `js/main.js`, and the Web3Forms contact form. All pages/assets return HTTP 200 locally. - **2026-09-10** - Rethemed the site to a green palette centered on `#2ee666` (crimson/red tokens removed from production CSS/HTML). - **2026-09-10** - Deleted the superseded draft `.clinerules/memory-bank-oops.md`. - **2026-09-10** - Added the Case Studies feature (typographic index + 8 detail pages + hover previews), wired into the nav/footer and the homepage. - **2026-09-10** - Added 6 real client websites as case studies (5 new detail pages + linked the existing Sam's Rules study to its live site); captured screenshots into `img/`. Case-study list is now 13 entries. - **2026-09-10** - Corrections: renamed the "Kincaid" case study to **Urban Moto** (print design / art direction for a motorcycle magazine; 4 images: printtiresad, printkincaidad, printmacchiariniad, writtenearplugs) and removed the old page; recast **1 Woman's Art and Magic** as a two-book art series for painter Joanna Signer plus the website to sell it. - **2026-09-10** - Trimmed the case-study list from 13 to 11: removed **Cool Crap From China** and **Data Vis Art**, replaced **Coop** with **Cart** (a 3D design proposal), and kept the work in the portfolio (Cool Crap added to the Web gallery; Data Vis Art moved to the Logos gallery). - **2026-09-10** - Corrected **Mehavior**: it was an **app**, not a website - logo, app interface/button design, and promotional material for an investor pitch. Category updated to "App Design & Identity". - **2026-09-10** - `work.html`: added an **App Design** category, moved Mehavior into it, and added the **"(10+2) x 5"** productivity timer app (screenshot from timer.2re.me). Section backgrounds re-alternated. - **2026-09-10** - `work.html`: moved **Web Design** to the top. Order is now Web Design, Logos, App Design, Print Design, 3D Modeling, Written Work (with the section-background alternation preserved). - **2026-09-10** - Renamed the **"Written Work"** category title to **"Editorial"** everywhere it appears (work page heading, the homepage/services cards, and the Sam's Rules category label "Editorial & Web"). - **2026-09-10** - Rebuilt the **Selected work** (homepage) and all six **Work** galleries as Collins-style carousels: a native CSS `scroll-snap` track with rounded, `object-fit: cover` (cropped) cards, plus `js/carousel.js` for prev/next buttons, keyboard arrows, and mouse drag-to-scroll (touch swipes work natively). - **2026-09-10** - Expanded the **Mask Aid Project** case study: what we did is now video production, a crowdfunding campaign, copywriting (all the text), and translation from Chinese. - **2026-09-10** - `work.html` Web Design gallery: added snapshots of Jensen's Red Barn and Mask Aid Project. Also re-shot the **"(10+2) x 5"** timer image as a close-up (composed to fill a 4:3 frame). - **2026-09-10** - Homepage copy rewrite: dropped the avocado-hipster tagline for a professional, team-voiced hero; renamed the "What we do" headline to **"Web Design Is Only the Beginning"**. Tone guidance updated in `productContext.md`. - **2026-09-10** - Renamed the **"Editorial"** category to **"Words"** (it also covers sales copy and technical writing). Updated `work.html` heading/caption, the homepage + services cards (now mention sales copy), and the Sam's Rules label ("Words & Web"). Supersedes the earlier "Written Work → Editorial" rename. - **2026-09-10** - Homepage: moved **Selected work** above **What we do** (and swapped their section backgrounds so the white/soft alternation still holds). - **2026-09-10** - Pruned + reordered case studies (now **10**): removed **Argent**; renamed **Victoria → Victoria Fuller** and **Cart → Upscale Food Cart** (pages renamed to `victoria-fuller.html` / `upscale-food-cart.html`). New order: Mask Aid Project, 1 Woman's Art and Magic, Sam's Rules, Mehavior, Jensen's Red Barn, Upscale Food Cart, Silver Lining, Victoria Fuller, Urban Moto, Teach Each Other AI. - **2026-09-10** - Enriched five case studies from the user's notes: **Sam's Rules** (+ illustrations, downloadable companion content); **Jensen's Red Barn** (Grandma Dorothy's scrapbook brought online as a slideshow); **Silver Lining** (the mark helped bring clients to a high-end retreat); **Victoria Fuller** (a Playboy Bunny - the only one with rights to the Playboy logo); **Urban Moto** (guest articles; managed photography/editorial/ad submissions; designed custom ads for clients). - **2026-09-10** - **Jensen's Red Barn**: added "Social media setup", removed the "Contact section" bullet. **Sam's Rules** category changed from "Words & Web" to **"Book Design & Web"** (both lists + detail page). - **2026-09-10** - `work.html`: moved `web50shadesof2048.png` from **Web Design** into **App Design** (Web Design now 5 items, App Design 3). - **2026-09-10** - `work.html` App Design: replaced `site-timer-app.jpg` with **`2plus5times3.jpg`**, cropped from 398×820 to a centred 4:3 (398×298) so it fills the card. (`site-timer-app.jpg` is now unused.) - **2026-09-10** - Added the web **backend services** to the offering: web hosting setup/management, site management & maintenance, and domain/URL sourcing. Covered in `services.html` (new paragraph + 3 "What's included" bullets) and the homepage Web Design card. - **2026-09-10** - Removed **all em dashes** from the site copy (they read as AI-generated): rewrote ~95 instances across the HTML plus CSS/JS comments and the contact-form success message, using commas, colons, and parentheses. Page titles now use " | ". Cleaned the memory bank too. (Vendored `bootstrap.min.css` left untouched.) - **2026-09-10** - Contact form: made **Subject optional** (dropped `required` and its asterisk; the label now reads "Subject (optional)"). Required fields are now Name, Email, and Message. - **2026-09-10** - Hero rework (dropped the portrait): the global `.hero` now uses the green gradient plus a faint dot grid (no photo), and the homepage adds a low-contrast **work collage** (`.hero--collage`) of eight thumbnails (`img/collage-1..8.jpg`, generated at 480x360, ~178KB total). `blue_eyes_Torrey.png` is now unreferenced in production (still used by `refrence/index.html`). - **2026-09-10** - Each **case study hero** now uses that project's own image as its background: `.hero--image` (green overlay, heavier on the left for legibility) with the image set per page via an inline `--hero-image` custom property. Hero backgrounds generated as optimised JPEGs (`img/hero-.jpg`, max 1600px); the transparent logos (Sam's Rules, Silver Lining, Victoria Fuller) were composited onto brand green. - **2026-09-10** - Case study hero tweaks: `.hero--image` gained a `--hero-position` variable. **Mehavior** shows the top of its image (the logo) via `center top`; **Victoria Fuller** sits at `center 10%` to show the cursive name near the top; **Jensen's Red Barn** switched to the wide `red-barn-photo.jpg` panorama; **Urban Moto** now uses the **middle** band of `printtiresad.png`. - **2026-09-10** - Case study images no longer letterbox: `.card-work` now lets the image define its own frame (`width: 100%; height: auto`, no fixed 4:3 box and no light-green panel), so there is no space above or below. Added `.card-work--frame` (4:3 + `object-fit: cover`) for Urban Moto's mixed-shape grid. Feature-image `width`/`height` attributes corrected to real dimensions to avoid layout shift. - **2026-09-10** - Repo cleanup before the first commit: removed the temporary `refrence/` source folder (19.4 MB) and four superseded images no longer referenced by any page (`blue_eyes_Torrey.png`; `red-barn-photo.jpg`, which was the source for `hero-jensens-red-barn.jpg`; plus `site-sams-rules.jpg` and `site-timer-app.jpg`). All five were **moved** to `/home/torrey/2RE03-unused-assets-backup/` rather than hard-deleted. Added a minimal `.gitignore` (OS/editor cruft only); `css/`, `js/` and `fonts/` had no orphans. - **2026-09-10** - Version control: `git init` on branch `main`, then the first commit (**79 files**, no `refrence/`). Remote `origin` is `ssh://git@git.2re.top:22222/2re/2RE03-Design.git` (Forgejo, SSH key `id_ed25519`). - **2026-09-10** - Added **`TODO.md`** at the repo root as the single human-facing backlog; the memory bank keeps only current priorities and points at it. The **site was published** by the user, and `memory-bank/` + `.clinerules/` were confirmed to stay tracked. - **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) and 97 references repointed across 13 HTML files. `img/` went **20 MB -> 3.2 MB**. The one exception is `printtiresad.png`, kept as PNG because WebP made it bigger. Verified: 0 missing references, 0 unreferenced files, all 45 WebP files decode, all pages 200, and the before/after ratio-hint sets are byte-identical. - **2026-09-10** - User set a **working agreement**: no `git commit` or `git push` without explicit approval. Recorded in `activeContext.md` (Working Agreements at the top, plus the decisions log) and `techContext.md` (Tool Usage Patterns).