196 lines
13 KiB
Markdown
196 lines
13 KiB
Markdown
# 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-<slug>.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).
|