feat: animazioni stile template prowess (reveal, parallax, marquee, hero, hover)

2026-07-02 13:08:09 +02:00
parent e54daa105f
commit 0d9b645636
15 changed files with 129 additions and 34 deletions
@@ -3,13 +3,13 @@ import { agenda, disciplines, days, slots } from '../data/agenda';
 ---
 <section class="section section--dark agenda">
  <div class="container">
-    <div class="section-heading"><h2>Agenda</h2></div>
-    <div class="agenda__tabs" role="tablist">
+    <div class="section-heading" data-reveal><h2>Agenda</h2></div>
+    <div class="agenda__tabs" role="tablist" data-reveal style="--reveal-delay:.1s">
      {disciplines.map((d, i) => (
        <button class:list={['agenda__tab', { 'is-active': i === 0 }]} data-filter={d} role="tab" aria-selected={i === 0 ? 'true' : 'false'}>{d}</button>
      ))}
    </div>
-    <div class="agenda__grid">
+    <div class="agenda__grid" data-reveal style="--reveal-delay:.2s">
      <div class="agenda__corner"></div>
      {days.map((d) => <div class="agenda__day">{d}</div>)}
      {slots.map((slot) => (