# Reference Materials - 2RE03 Portfolio Site

> Historical inventory of the original `refrence/` source material. That folder was
> **removed on 2026-09-10** and is backed up outside the repo at
> `/home/torrey/2RE03-unused-assets-backup/refrence/`. The filenames below are the
> ORIGINAL source names; the production copies now live in `img/` as WebP (see
> `techContext.md`, Image Pipeline).
> Last updated: 2026-09-10.

## `refrence/index.html`
- Landing/hero styled as "2RE03" over a full-bleed portrait background
  (`img/blue_eyes_Torrey.png`) with a crimson→red gradient.
- Contains the original tone-reference tagline (now **retired**): "Artisinal web
  design by an genuine avocado eating hipster."
- Establishes a bold, saturated, personality-driven visual direction.

## `refrence/2re03text.html`
- Bio/services page. Uses Bootstrap (`bootstrap.min.css`, `popper.min.js`,
  `bootstrap.min.js`), plus `style.css` and a custom `series-carousel.js`.
- **CEO info:** Torrey Nommesen - 30+ years freelance across design, writing, web
  dev, photography, 3D modeling, and publishing. Art Director for *Urban Moto*;
  taught graphic design at Academy of Art University; President of YLEM;
  technical writer for Silicon Valley companies.
- **Section structure with captions** (source for site content):
  - H2 "Freelance writing, design, and coding" + summary paragraph.
  - **Logos** - "Logos I have created for clients and for my projects".
  - **Web Design** - "Examples of some of my web and app design work".
  - **Print Design** - "examples of my print design work".
  - **3D Modeling** - "3D modeling for client projects".
  - **Written Work** - "Examples of work where I designed and wrote".
- Carousels populated from inline JSON `<script type="application/json">` blocks
  keyed by category (`logos`, `web`, `print`, `3d`, `written`).
- **Note:** the bio copy is first-person ("I developed…") and about the individual.
  For 2RE03 the site should speak as the company and must not attribute works to a
  named individual.

## `refrence/img/` (23 image files)

Portrait:
- `blue_eyes_Torrey.png` - CEO portrait (used on the landing reference).

By category (from the carousel JSON; filenames self-label by prefix):

| Category | Files |
|---|---|
| Logos | `logoargent.png`, `logobackass.png`, `logodrinking.png`, `logodrive.png`, `logosilverlining.png`, `logoylem.png` |
| Web | `webvictoria.png`, `websinosalescopy.jpg`, `web50shadesof2048.png`, `webdatavisart.jpeg`, `webmehavior.png` |
| Print | `printkincaidad.jpg`, `printmacchiariniad.png`, `printtiresad.png`, `printylemcover.png` |
| 3D | `3d78williams.jpg`, `3dabandoned.jpg`, `3dcart.png`, `3dcoop.jpg` |
| Written | `writtenearplugs.jpg`, `writtensamsrules.png`, `writtenstructions.jpg` |

> **Note:** all 23 of these images were copied into the production `img/` folder
> (2026-09-10) and are now referenced by the site. They were then converted to WebP
> (2026-09-10), so the `.png`/`.jpg` names above are the source names only, not the
> current filenames. The production `img/` folder also contains 6 additional
> `site-*.jpg` screenshots of real client websites added later (not from
> `refrence/`); those are WebP too.