VenturaNomadica.com

# Run: run-2026-03-08-17-48-12
# Purpose: Define atomic, verifiable tasks for homepage card sizing and contact icon standardization

## Product Context (from `trail/meta/trail.md`)
Ventura Nomadica is a venture studio focused on human-centered systems, privacy-first products, and practical innovation. The website is intentionally simple, clear, and durable, serving as a studio presence and venture hub rather than a marketing-heavy sales funnel.

## Tasks

### T01 — Review Current Homepage Cards and Contact Links
**Description:** Inspect the homepage card markup/CSS and the Contact page link structure to identify update points.
**Inputs:**
- `site/index.html`
- `site/contact.html`
- `site/styles.css`
**Outputs:**
- Confirmed selectors/markup to update for cards and contact links.
**Acceptance Criteria:**
- The current card layout structure and contact link structure are identified for changes.

### T02 — Enforce Homepage Card Size and Height Constraint
**Description:** Update card CSS to ensure all homepage cards render at a consistent size with a maximum height of 250px and unchanged width.
**Inputs:**
- `site/styles.css`
- Findings from T01
**Outputs:**
- Updated `site/styles.css` card sizing rules.
**Acceptance Criteria:**
- All homepage cards render at identical size.
- Card width is unchanged from the current layout.
- Card height does not exceed 250px.

### T03 — Apply Orientation-Based Card Layout
**Description:** Implement layout rules for vertical vs. horizontal card images so cards switch layout by orientation.
**Inputs:**
- `site/index.html`
- `site/styles.css`
**Outputs:**
- Updated `site/index.html` with orientation classes or attributes per card.
- Updated `site/styles.css` rules:
  - Vertical images: left/right split, image 1/3 width, text 2/3 width.
  - Horizontal images: top/bottom split, image 1/3 height, text 2/3 height.
**Acceptance Criteria:**
- Cards with vertical images use left/right split layout.
- Cards with horizontal images use top/bottom split layout.
- Card size remains consistent regardless of orientation.
- Images are reduced so they do not dominate the card.

### T04 — Remove Venture Logos From Contact Page
**Description:** Remove venture logos displayed next to venture links on the Contact page.
**Inputs:**
- `site/contact.html`
**Outputs:**
- Updated `site/contact.html` without venture logos.
**Acceptance Criteria:**
- No venture logos remain on the Contact page.

### T05 — Add Standardized Contact Icons
**Description:** Add 16px × 16px icons to contact links, aligned with text and inheriting link color.
**Inputs:**
- `site/contact.html`
- `site/styles.css`
- `trail/meta/files/icons/email.svg`
- `trail/meta/files/icons/linkedin.svg`
- `trail/meta/files/icons/youtube.svg`
- `trail/meta/files/icons/link.svg`
**Outputs:**
- Updated `site/contact.html` with icon elements next to each link.
- Updated `site/styles.css` for icon sizing and alignment.
- `site/assets/icons/` containing the icon SVGs copied from `trail/meta/files/icons/`.
**Acceptance Criteria:**
- Email links use `email.svg`.
- LinkedIn links use `linkedin.svg`.
- YouTube links use `youtube.svg`.
- Other links use `link.svg`.
- Icons render at 16px × 16px, align with link text, and inherit link color.

### T06 — Validate Rendering and Functionality
**Description:** Confirm homepage cards and contact icons render correctly and the site remains functional.
**Inputs:**
- `site/index.html`
- `site/contact.html`
- `site/styles.css`
**Outputs:**
- Finalized files ready for review.
**Acceptance Criteria:**
- Homepage cards render consistently with a max height of 250px.
- Orientation rules work for both image types.
- Contact logos are removed and icons are correctly applied.
- Site remains fully functional and visually aligned with Ventura Nomadica style.