cesnimda/ResumeSite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

test: vitest unit + playwright e2e suites; fix a11y, contrast, no-JS reveal

Browse Source 
- vitest: dictionary parity, slug-map bijection, content-schema validation, JSON-LD (23)
- playwright: both locales, language-switch mapping (incl. no-JS), CV downloads,
  form happy-path + honeypot, axe a11y on 5 templates x 2 themes (23)
- fix: raise ink-faint + light accent to meet WCAG AA 4.5:1 (axe-verified)
- fix: gate reveal animations behind html.js so content is visible without JS
  (progressive enhancement - was hidden at opacity 0); scan reduced-motion path
- fix: validate contact form before the anti-bot time-trap (no false success)
- chore: ESLint node globals, typed diagram props, resvg fontFiles, prettier pass

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
cesnimda
2026-07-04 06:14:18 +02:00
parent 9fa16b650d
commit 033c9ec315
64 changed files with 1627 additions and 278 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/components/home/ExperienceTimeline.astro
+22 -11
View File
@@ -26,42 +26,48 @@ const period = (from: number, to: number | null) => `${from}–${to ?? d.home.pr
eyebrow && (
<>
<SectionLabel number="03" text={d.home.experienceLabel} />
<h2 class="mt-4 text-h2">{d.home.experienceHeading}</h2>
<h2 class="text-h2 mt-4">{d.home.experienceHeading}</h2>
</>
)
}
<div class="relative mt-10 pl-8">
<span
class="timeline-spine absolute bottom-2 left-[5px] top-2 w-px origin-top bg-line-strong"
class="timeline-spine bg-line-strong absolute top-2 bottom-2 left-[5px] w-px origin-top"
aria-hidden="true"></span>
{
items.map((item, i) => (
<>
{i === firstAlongside && (
<p class="mb-3 mt-6 font-mono text-mono-label font-medium uppercase tracking-[0.08em] text-ink-faint">
<p class="text-mono-label text-ink-faint mt-6 mb-3 font-mono font-medium tracking-[0.08em] uppercase">
{d.home.earlierRoles}
</p>
)}
{item.emphasis === 'featured' ? (
<div class="relative pb-10">
<span class="absolute -left-8 top-1.5 h-2.5 w-2.5 rounded-full bg-accent ring-4 ring-surface-0" aria-hidden="true" />
<h3 class="text-h4 font-semibold text-ink">
<span
class="bg-accent ring-surface-0 absolute top-1.5 -left-8 h-2.5 w-2.5 rounded-full ring-4"
aria-hidden="true"
/>
<h3 class="text-h4 text-ink font-semibold">
{item.role} — {item.employer}
</h3>
<p class="mt-1 font-mono text-mono-meta text-ink-faint">
<p class="text-mono-meta text-ink-faint mt-1 font-mono">
{period(item.period.from, item.period.to)} · {item.location}
{item.progression &&
` · ${item.progression.map((p) => `${p.from}–${p.to} ${p.label}`).join(' → ')}`}
</p>
{item.summary && <p class="mt-3 text-body text-ink-muted">{item.summary}</p>}
{item.summary && <p class="text-body text-ink-muted mt-3">{item.summary}</p>}
{item.highlights && (
<ul class="mt-3 flex flex-col gap-2">
{item.highlights.map((h) => (
<li class="flex gap-3 text-body text-ink-muted">
<span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true" />
<li class="text-body text-ink-muted flex gap-3">
<span
class="bg-accent mt-2 h-1 w-1 shrink-0 rounded-full"
aria-hidden="true"
/>
<span>{h}</span>
</li>
))}
@@ -70,9 +76,14 @@ const period = (from: number, to: number | null) => `${from}–${to ?? d.home.pr
</div>
) : (
<div class="relative py-2.5">
<span class="absolute -left-8 top-4 h-2 w-2 rounded-full bg-ink-faint ring-4 ring-surface-0" aria-hidden="true" />
<span
class="bg-ink-faint ring-surface-0 absolute top-4 -left-8 h-2 w-2 rounded-full ring-4"
aria-hidden="true"
/>
<p class="text-small text-ink-muted">
<span class="font-mono text-ink-faint">{period(item.period.from, item.period.to)}</span>
<span class="text-ink-faint font-mono">
{period(item.period.from, item.period.to)}
</span>
<span class="mx-2">·</span>
<span class="text-ink">{item.role}</span>
<span class="mx-2">·</span>