Commit Graph

19 Commits

Author SHA1 Message Date
mike 9ba2e233f2 Self-host all fonts on inga + change-check (drop Google Fonts CDN)
B612 Mono 400/700 + DM Sans 700 downloaded to assets/fonts; @font-face in
inga.css / style.css; preloads replace the render-blocking Google stylesheet.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-07-07 07:47:33 -07:00
mike cc6212b5c6 Perf: self-host fonts (drop render-blocking Google Fonts) + defer Cal embed + lighter mobile hero
Self-hosted woff2 (8 latin faces, subset, font-display swap), preload H1/body faces; removed Google Fonts link. Cal embed now loads on first interaction, not page load. Re-encoded mobile hero 1.9MB->0.48MB. A11y: eyebrow size up to 0.72rem + amber text -> amber-deep.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-25 19:16:32 -07:00
mike 090757152f OC pitch refresh: 'New systems don't fail on the tech. They fail on the people' + brand-review fixes
Per a brand-voice review of the 'systems are the easy part' pitch: new hero H1; rigor cue added to the lead ('a clear method, and the people skill to make it land') so the page carries rigor AND soul above the fold; problem eyebrow changed to 'Where change actually breaks' (off the consultant axis Dale distrusts); tightened the emph line. Synced meta description + JSON-LD slogan to the new hero. Regenerated the OG share card (og-card.svg re-lettered, og-card.png re-rasterized via Chrome headless).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-25 06:06:35 -07:00
mike c92f3b1064 OC OG card: real OC logo top-left (replace text wordmark); sync og-card.svg source.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-25 05:13:28 -07:00
mike ea2ccb6dfe OC: cross-brand SW logos — full-colour horizontal SW logo replaces the bridge text link; all-white SW logo replaces the plain ShopWisdom footer link.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-24 23:45:26 -07:00
mike 2ea8a2e054 OC hero: new particle-cloud clip on desktop (distinct from Inga's waves), opacity .55
Swap the desktop hero loop from the shared waves to a full-frame particle cloud
(AdobeStock_999841648, transcoded to ~4.3MB H.264) so OC and the Inga mirror no
longer share a graphic. The cloud covers the whole frame (fills the hero, no blank
top), and opacity goes .35 -> .55 so it reads as a present fill. Mobile keeps C.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-23 06:22:57 -07:00
mike 2c61b75a77 Hero: waves on desktop, C (dots) on mobile — viewport picks the loop
Desktop swaps to the flowing thin-line waves (they blend clean against the cream;
C's cool-gray background never did) with the Manus-style left-edge paper fade
restored. Mobile keeps the C loop Mike approved (rotated 90deg, centered, tinted).
JS chooses the source by viewport at load. Drop the unused comparison clips.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-22 22:37:58 -07:00
mike 6fd9eaa50f Hero: adopt Option C (dotted particle wave) as the loop; remove comparison gear
Point hero-loop.mp4 at Option C (AdobeStock_1899613703, 1080p, ~2MB). Existing
treatment already fills the bg (object-fit cover) and rotates 90deg CW on mobile,
both at 50% opacity. Remove hero-previews.html + the spare preview-a/b/c clips.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-22 21:59:26 -07:00
mike 5c6cbde329 Hero: revert zoom (full-cover/full-res), keep 50% opacity; navy theme-color; add video comparison page
- Revert the scale/translate zoom that softened the loop and pulled it off the
  edges; back to full-cover (full res). Re-encoded current loop at 1080p (2.4MB).
- Keep the 50% opacity lightening. Mobile loop back to centered (left:50%).
- theme-color -> navy (#0f1729) so the mobile address-bar UI is dark blue, not amber.
- Add hero-previews.html: 4 hero options (current + A/B/C) at 50%, full-cover, noindex,
  for side-by-side comparison. Preview videos are temporary.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-22 21:55:11 -07:00
mike 057ccb7ba6 Hero loop: swap to the Adobe Stock flowing-wave clip (mp4-only)
Replace the spheres with AdobeStock_1457104053 — abstract flowing wave/particle
field on near-white (blends into paper). Optimized 60MB->1.1MB H.264 (1280x720,
crf 25, faststart). Dropped the webm: VP9 came out larger than H.264 for this
thin-line content, and H.264 plays everywhere, so a single mp4 source is smaller
and universal.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-22 21:24:27 -07:00
mike 8691e083a4 Hero loop: add H.264 mp4 fallback source for old Safari/iOS
Transcoded the VP9 webm to H.264 mp4 (~220KB) and add it as a second <source>
after the webm — modern browsers take the smaller VP9, pre-2021 Safari/iOS fall
back to mp4. JS appends both sources before load().

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-22 21:16:00 -07:00
mike 2da2797b2c Hero: reinstate the ambient loop as a split layout, done right
Bring back the reference's hero ambient — text left, looping WebM right — but
fixed: self-hosted (62KB, off Manus's S3), poster-first with a paper-tinted
container so it's NEVER blank, and loaded via JS only when appropriate (skipped
on Save-Data and prefers-reduced-motion; poster stays if autoplay is blocked).
No autoplay attribute = no surprise download. Poster image added next.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-22 18:32:07 -07:00
mike ae873ce7b7 Update OC logos to refined lockup; rebuild favicon from the open-o mark
Swap nav/footer logos for the updated black/white lockups (Asset 34/36); add
outline variants + the standalone open-o mark to the brand set. Rebuild the
favicon on the distinctive off-center open-o (paper on navy) instead of the
generic centered ring.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-22 07:38:45 -07:00
mike 4d42fbf43f Move case-study proof to ShopWisdom (systems proof belongs on the systems site)
The IAS/OnDek before-after testimonials praise tool delivery, which is SW's
domain — and SW already hosts them in text at #results. Remove the OC 'Proof,
from the field' section + its assets; OC's proof should be human-change work.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-17 13:59:20 -07:00
mike 0925d2b82d Add 'Proof, from the field' section — real before/after work + client testimonials
Two case studies pulled from the reference build: Innovative Aluminum Systems
(dealer pricing tool) and OnDek Vinyl Worx (customer order form), each showing a
before/after screenshot pair plus the client's quote and headshot. Side-by-side
with an arrow on desktop; stacks with the arrow hidden on mobile. Framed to OC's
adoption thesis (systems stick because the people were brought along). Assets in
assets/work/ + assets/people/.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-17 12:45:57 -07:00
mike 2113694308 Add social share card (og:image) + summary_large_image
Brand-accurate 1200x630 OG card (paper bg, navy serif headline, amber accent,
navy footer band). Wires og:image/twitter:image so shared links render a card
on LinkedIn/iMessage/Slack instead of a blank preview. SVG source kept alongside.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-17 11:52:01 -07:00
Michael Victory d2f80b1565 OC footer: exact match to Manus build (footer-bg watermark svg + scaled content block on mobile, align-items center, logo 28/21px)
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-16 14:45:21 -07:00
Michael Victory 2701d617a1 OC footer: taller navy anchor, larger 'open' watermark (white svg, lighter render), tuned content scale
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-16 09:46:46 -07:00
Michael Victory a054a4fe91 OC: adopt real 2026 brand — monochrome palette, official open-communications logo (adaptive via CSS mask), geometric pattern motif; drop placeholder amber
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-16 08:00:43 -07:00