From 022421c3c6a13814bc39760b8769e146d55fbca7 Mon Sep 17 00:00:00 2001 From: Hugo Campos <2074396+hugooc@users.noreply.github.com> Date: Wed, 27 May 2026 16:18:12 -0700 Subject: [PATCH] Give each hero-carousel panel a bold colored header band The panels previously differed only by a small accent color, so they read as nearly identical as the carousel rotated. Replace the small slide-tag pill with a full-width colored header band per slide: a big 01/02/03 numeral plus the topic name, with the whole band filled in that slide's accent (rust visit notes, gold implants, green messages). The gold band uses ink text for contrast; rust and green use white. Chat content moves into a padded .chat-body so the band can bleed to the panel edges. JS rotation is untouched (it only toggles is-active on the slide and dot elements). CLAUDE.md site-refresh note updated. Co-Authored-By: Claude Opus 4.7 (1M context) --- CLAUDE.md | 2 +- site/index.html | 85 +++++++++++++++++++++++++++++-------------------- site/styles.css | 44 +++++++++++++++++-------- 3 files changed, 81 insertions(+), 50 deletions(-) diff --git a/CLAUDE.md b/CLAUDE.md index 5f2b2ac..a3d0cba 100644 --- a/CLAUDE.md +++ b/CLAUDE.md @@ -50,7 +50,7 @@ See `DESIGN.md` §1 (audience), §5 (Phase 4 / 4.5), §10 (distribution strategy **Website:** [openkp.org](https://openkp.org) live on Cloudflare Pages as of 2026-05-11 (commit `25a7259`, see session-20). Source under `site/` — static single-page, no build step, no framework. CAIHL framing in copy, MCP-client-agnostic at runtime. Codex drafted, two review passes, then deployed via wrangler direct upload. Future deploys from repo root: `wrangler pages deploy site --project-name=openkp --branch=main --commit-dirty=true`. Public repo is live, so you can also switch the Pages project to GitHub auto-deploy any time via the Cloudflare dashboard — no longer gated on anything. -**Site refresh 2026-05-27:** the hero panel is now a 3-slide carousel (visit notes engagement, implants inventory, unresolved message threads) that auto-rotates every 5 seconds with dot navigation, per-slide topic tag, and accent-color shift per slide. The tools section reads "24 MCP tools" with a `Care team, specialists, implanted devices` bullet for the new reads. The install card carries a short Windows-supported note linking to `docs/install/windows.md`. Implementation lives in `site/index.html` (HTML), `site/styles.css` (`.hero-carousel*`, `.slide-tag`, `.carousel-dot*`), and `site/script.js` (carousel rotation, pauses on hover/focus, respects `prefers-reduced-motion`). +**Site refresh 2026-05-27:** the hero panel is now a 3-slide carousel (visit notes engagement, implants inventory, unresolved message threads) that auto-rotates every 5 seconds with dot navigation and a full-width colored header band per slide (big `01/02/03` slide number + topic name) that recolors the whole band to that slide's accent on every rotation (rust visit notes / gold implants / green messages; gold band uses ink text for contrast). The tools section reads "24 MCP tools" with a `Care team, specialists, implanted devices` bullet for the new reads. The install card carries a short Windows-supported note linking to `docs/install/windows.md`. Implementation lives in `site/index.html` (HTML), `site/styles.css` (`.hero-carousel*`, `.slide-head`/`.slide-num`/`.slide-name`, `.chat-body`, `.carousel-dot*`), and `site/script.js` (carousel rotation, pauses on hover/focus, respects `prefers-reduced-motion`). **Relicense 2026-05-27 (ADR-007):** OpenKP moved from MIT to **PolyForm Noncommercial 1.0.0**. The relicense reflects Hugo's intent that OpenKP serve patients and not be extracted commercially. Free for personal, research, educational, advocacy, nonprofit, and government use. Commercial use (paid SaaS, paid consulting, embedding in paid products) requires a separate license. `openkp/LICENSE` carries the canonical PolyForm text plus a `Required Notice: Copyright (c) 2026 Hugo Campos` line. Snapshots cloned under MIT before 2026-05-27 remain MIT for whoever has them — we can't claw back what's been licensed. Doc refs, `pyproject.toml`, and `site/index.html` final-CTA all updated. See `docs/adr/007-relicense-to-polyform-noncommercial.md`. diff --git a/site/index.html b/site/index.html index 3bf4785..83df464 100644 --- a/site/index.html +++ b/site/index.html @@ -65,50 +65,65 @@

Your patient portal, directed by you.

-
Visit notes
-
- Read every visit note from the last two years. Where did I raise concerns, - ask questions, or push back? How was that documented? +
+ 01 + Visit notes
-
- - openkp.list_past_visits → openkp.read_visit_notes -
-
- I found repeated concern-raising across cardiology visits and message - threads. Here are the patterns in how your engagement appears in the chart... +
+
+ Read every visit note from the last two years. Where did I raise concerns, + ask questions, or push back? How was that documented? +
+
+ + openkp.list_past_visits → openkp.read_visit_notes +
+
+ I found repeated concern-raising across cardiology visits and message + threads. Here are the patterns in how your engagement appears in the chart... +