302c8aae832ceeebf5f91076c282216328723e03
Replace the remaining emoji indicators on the post-quiz / assessment
side with inline SVG line-icons (Lucide-style, vendored as path
strings) sitting in dark-green-paint containers that match the CTA
button family.
Icons
- 13-icon set in ICON_PATHS — droplet, sprout, zap, cart, flame, leaf,
package, radio, brain, lock, check, mail, shield. Single-stroke
paths, currentColor for stroke so each surface tints them.
- icon(name, size) returns the SVG markup; iconForEmoji() maps the
legacy emoji values used by the rec-cards / timeline data tables to
the icon names so the data didn't need a wholesale rewrite.
Surfaces re-skinned
- Recommendation card chips (.rec-icon): 40×40 dark-green-paint chip
with the paintGlossBtn filter, warm-cream icon stroke. Per-card
inline category colour (`card.color`) dropped — every chip now reads
as one family.
- Timeline dots (.tl-dot): same green paint, 50% radius. Per-step
rainbow colours dropped.
- Affiliate button: tiny inline cart icon next to "View on Amazon".
- Narrative ("Your Personal Analysis"): brain icon in green replaces
the 🧠 emoji header.
- Protein-offer badge: lock icon prefix replaces 🔒.
- Capture-success state: 56px green check-circle replaces ✅, and the
spam-folder note becomes a flex row with a mail icon — translation
keys cleaned of the inline 📬 prefix.
Form-field emojis (e.g. "🥩 Protein access (optional)"), country flags,
and the in-form privacy 🔒 stay as-is per the explicit ask: "in
assessment, not the form fields that have them earlier".
Other tidy-up
- Scenario tabs: dropped 💀⚠️📈🌿 prefixes from tab_s1–4 (en + de) and
the inline template defaults.
- Risk banner: removed the 🔴🟠🟡🟢 dot from the eyebrow line — the
painted card colour already conveys severity.
- Panel headers stripped of emoji: "Recommendations" / "Empfehlungen",
"Budget Plan" / "Budgetplan", "Action Timeline" / "Aktionsplan"; the
📊 prefix dropped from the inner budget-meter title.
- "Tap a scenario to compare" hint moved out of the collapsed panel
header into the expanded body, restyled as a centred full-width
light-green paint banner.
- Modifier (⚙) toggle hidden via a single display:none rule — styles
preserved so we can re-enable later.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Description
No description provided
Languages
HTML
40.4%
Vue
29%
CSS
17.3%
JavaScript
13.2%
Dockerfile
0.1%