Commit Graph

26 Commits

Author SHA1 Message Date
mike 1c642e517d Fix open-o divider clip + make its motion more present
The negative bottom margin let the next band's paper bg paint over the circle's
lower edge (the "clip"). Use symmetric positive margin + line-height:0 +
overflow:visible. Bump to 34px and give the scale-in a small rotate so the
entrance actually reads.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-22 18:12:35 -07:00
mike a2a57ce8a1 Add tasteful motion starter set (reviewable, gated, LCP-safe)
Progressive-enhancement motion, all gated on a single html.has-motion line so
it's trivially on/off:
- Section reveal-on-scroll (fade + 10px rise), below the fold only — hero stays
  instant so LCP is untouched. Animates opacity/transform only (CLS 0).
- Staggered reveal on the three "how we work" blocks.
- Grow-on-hover underline for prose links (clearer affordance).
- An open-o divider that settles in just before the contact CTA.
- Persistent "Book a conversation" that returns after the hero scrolls off and
  steps aside at the contact section.
~1KB inline vanilla JS (IntersectionObserver), try/catch + reduced-motion guard
so content is never left hidden. No animation library.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-22 17:47:02 -07:00
mike 3adce443d1 Rewrite 'How we work' as the three-places model (Inga's feedback)
Replaces the model-teaching cards (and the 'Clear models / not just a
workshop' heading) with Inga's concrete framing: the work happens in three
places — the people who carry the knowledge (coaching), the team that has to
get on board (facilitation), and the process that could work better
(redesign). Stacked editorial rows; new .work-list styles.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-22 06:37:52 -07:00
mike 3537cd62f9 Add low-friction 3-step lead form to contact section (posts to n8n)
Soft conversion path alongside booking: situation -> optional detail -> name/email.
Honeypot-protected, posts JSON to https://n8n.shopwisdom.ca/webhook/oc-lead, with an
email fallback on error. Captures the 'interested but not ready to book' visitor.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-17 21:26:47 -07:00
mike 1ab78f0c76 Reframe drama/empowerment model (not a workshop) + separate triangles + add IP attribution + above/below-the-line graphic
- Reframe: card tags Workshop/Flagship -> 'A shared lens' / 'The core shift';
  diagram intro now 'not a workshop you sit through - a lens for the room'.
- Separate the two triangles: drama points DOWN (Persecutor/Rescuer/Victim),
  empowerment points UP (Creator/Challenger/Coach), with a 'the shift' arrow +
  role-mapping legend (Victim->Creator, Persecutor->Challenger, Rescuer->Coach).
- Proper IP attribution: Karpman (1968) for the Drama Triangle; David Emerald
  (TED*) for the Empowerment Dynamic; Conscious Leadership Group for above/below.
- New 'above / below the line' teaching graphic with its own section + credit.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-17 14:20:35 -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
Michael Victory fcfbfd8817 OC nav flip: independent per-area detection (bar + menu read their own bg, re-check on open) + fade transitions
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-17 10:52:13 -07:00
Michael Victory 3267a6e8cc OC nav: adaptive — nav + mobile menu flip to dark frosted with light text over dark sections
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-17 07:47:04 -07:00
Michael Victory 049e9aec11 OC nav: match Manus — always-white frosted glass, small no-wrap desktop links + smaller CTA, hamburger->circle mobile menu with CTA inside the dropdown
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-17 06:15:57 -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 3661d41eee OC footer: image-based watermark (no aspect-ratio width-blowout); mobile content-driven height with logo anchored bottom — fixes 640px horizontal overflow
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-16 12:07:06 -07:00
Michael Victory 207e14c1d9 OC mobile: fix horizontal overflow — in-flow footer content (flex, wraps), body overflow-x hidden, collapse mobile nav to logo+CTA
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-16 12:01:24 -07:00
Michael Victory f43dd5bf78 OC footer: match reference content (~98px) — drop phone line, tighten so it fits the 4:1 logo-sized footer at phone widths
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-16 11:43:05 -07:00
Michael Victory 06a6fce82b OC footer: full bg logo on all viewports (no clip/cover), compact low-anchored content
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-16 11:40:45 -07:00
Michael Victory 1693c97f65 OC footer: height = bg logo (aspect-ratio 4:1), no padding/min-height; mobile lets content drive height with logo covering — fixes empty gap
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-16 11:16:49 -07:00
Michael Victory 5b287335df OC: match reference layout — full-width sections w/ 48px padding, left-aligned ~600px content column, reading max-widths (was centered 1100 column)
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-16 10:55:13 -07:00
Michael Victory c0fef0e18e OC footer: full-bleed open watermark (img drives height, ~4:1), content overlaid bottom-left — matches reference geometry
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-16 10:47:42 -07:00
Michael Victory c6a32665be OC: match reference exactly — Playfair 400 headlines, DM Sans 400 wide-tracked UI, navy #0F1729, bg #F7F4EF, small squared buttons
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-16 10:05:32 -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 7a52ad6b11 OC: rebuild to match reference — light/cream main theme, Playfair + amber-italic headlines, Lora body, squared amber buttons, navy statement band + footer anchor with open watermark
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-16 09:29:37 -07:00
Michael Victory fb44bc8a15 OC: restore reference color scheme (navy + amber + glass); keep real logo + pattern
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-16 08:53:21 -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
Michael Victory 7fc9b20673 OC: a11y polish — scroll-margin for anchored sections
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-16 07:54:31 -07:00
Michael Victory 59e04ad6f8 OC: add drama -> empowerment triangle diagram
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-16 07:49:16 -07:00
Michael Victory 2bf8ff5b2c OC site: frosted-glass adaptive design (staging prototype)
Open Communications homepage rebuilt clean (no Tailwind/React bloat):
adaptive light/dark frosted-glass nav, Playfair/DM Sans/Lora, navy+amber,
bot-protected click-to-call. For sovereign OVH (Gitea -> Coolify) staging.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-16 07:33:47 -07:00