feat: round 2 — responsive header (width-math tiers), brand footer, editorial article, modern search; 2026 upgrades (view transitions, text-wrap, self-hosted fonts, inline SVG icons, color-mix, subgrid, container queries)

2026-07-24 23:14:09 +02:00
parent a8c0e802e2
commit ea4ebd2d70
7 changed files with 153 additions and 71 deletions
@@ -26,6 +26,7 @@ const services = [
      <p>Exploring the Universe at the Highest Energies</p>
      <form class="hero-search" role="search" action="/search" method="get">
        <label class="sr-only" for="home-q">Search news</label>
+        <svg class="ico search-ico" aria-hidden="true" viewBox="0 0 24 24"><circle cx="11" cy="11" r="7" /><path d="m20 20-4.3-4.3" /></svg>
        <input id="home-q" name="q" type="search" placeholder="Search news and announcements…" autocomplete="off" />
        <button class="btn" type="submit">Search</button>
        {/* Live suggestions (plain links, Tab-accessible); Enter still submits to /search */}