feat: launch Donatas DUMAS birthday show

index.html

@@ -0,0 +1,127 @@
+<!doctype html>
+<html lang="lt">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="theme-color" content="#ef2b2d">
+  <meta name="description" content="2026 metų gimtadienio sveikinimas Donatui Šimkui – DŪMUI. Šiandien mikrofoną perduok mums!">
+  <meta property="og:title" content="Su gimtadieniu, Donatai!">
+  <meta property="og:description" content="Kur DŪMAS, ten ir gera nuotaika. Šiandien visa scena – tau.">
+  <meta property="og:image" content="assets/donatas-gitara.jpg">
+  <title>Donatas Šimkus — 2026 gimtadienio sveikinimas</title>
+  <link rel="preload" href="assets/donatas-hero.jpg" as="image">
+  <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+  <canvas id="confetti" aria-hidden="true"></canvas>
+  <a class="skip" href="#sveikinimas">Pereiti prie sveikinimo</a>
+
+  <header class="topbar">
+    <a class="logo" href="#top" aria-label="Į puslapio pradžią"><b>DŪMAS</b><span>2026 / SPECIAL SHOW</span></a>
+    <div class="live"><i></i><span id="liveText">GARSO PATIKRA</span></div>
+  </header>
+
+  <main id="top">
+    <section class="hero" aria-labelledby="heroTitle">
+      <div class="hero-copy">
+        <p class="kicker">VIENAS VAKARAS / VIENAS JUBILIATAS / NULIS NUOBODULIO</p>
+        <h1 id="heroTitle">DONATAI,<br><em>MIKROFONĄ</em><br>PERDUOK MUMS!</h1>
+        <p class="lead">15+ metų kuri kitų žmonių šventes. Šiandien visa scena, muzika ir garsiausi aplodismentai — <strong>tau.</strong></p>
+        <button class="start" id="startButton" type="button"><span>DAVAI DAVAI — ŠVENČIAM!</span><b aria-hidden="true">▶</b></button>
+        <small>Paspausk. Programa suderinta, tortas patvirtintas.</small>
+      </div>
+      <figure class="hero-photo">
+        <img src="assets/donatas-hero.jpg" width="1344" height="1344" alt="Donatas Šimkus – DŪMAS, pasipuošęs kostiumu">
+        <figcaption><span>VAKARO ŽVAIGŽDĖ</span><span>DONATAS ŠIMKUS</span></figcaption>
+      </figure>
+    </section>
+
+    <div class="marquee" aria-label="Šventės programa">
+      <div class="marquee-track">
+        <span>KUR DŪMAS — TEN GERA NUOTAIKA</span><b>★</b><span>700+ RENGINIŲ APŠILIMAS BAIGTAS</span><b>★</b><span>PLANAS D: DONATAS</span><b>★</b><span>ŠIANDIEN SCENARIJŲ RAŠOME MES</span><b>★</b>
+        <span>KUR DŪMAS — TEN GERA NUOTAIKA</span><b>★</b><span>700+ RENGINIŲ APŠILIMAS BAIGTAS</span><b>★</b><span>PLANAS D: DONATAS</span><b>★</b><span>ŠIANDIEN SCENARIJŲ RAŠOME MES</span><b>★</b>
+      </div>
+    </div>
+
+    <section class="numbers" aria-labelledby="numbersTitle">
+      <div class="section-label">DONATO LIVE STATISTICS*</div>
+      <h2 id="numbersTitle">SCENA KALBA<br>PATI UŽ SAVE.</h2>
+      <div class="number-grid">
+        <article><span>01</span><strong data-count="15">0</strong><b>+ METŲ</b><p>Kuriant šventės atmosferą</p></article>
+        <article><span>02</span><strong data-count="700">0</strong><b>+ RENGINIŲ</b><p>Ir nė vienas nebuvo kaip šis</p></article>
+        <article><span>03</span><strong>1</strong><b>JUBILIATAS</b><p>Šiandien svarbesnis už programą</p></article>
+        <article><span>04</span><strong>∞</strong><b>ENERGIJOS</b><p>Oficialiai neišmatuojama</p></article>
+      </div>
+      <small>* Faktai apie patirtį — iš viešo Donato profilio. Šventiniai matavimo vienetai — mūsų.</small>
+    </section>
+
+    <section class="switch" aria-labelledby="switchTitle">
+      <div class="switch-photo"><img src="assets/donatas-gitara.jpg" width="600" height="600" alt="Donatas su raudona gitara ir žvaigždės formos akiniais"></div>
+      <div class="switch-copy">
+        <p class="kicker">TONIGHT'S HEADLINER</p>
+        <h2 id="switchTitle">700+ RENGINIŲ.<br>ŠIANDIEN —<br><em>PAČIAM ŠVĘSTI.</em></h2>
+        <p>Pagaliau renginys, kuriame vedėjui leidžiama atsisėsti. Nebent publika paprašys biso. O publika, žinoma, paprašys.</p>
+        <a class="video-link" href="https://www.youtube.com/watch?v=lBpCDIzYkSA" target="_blank" rel="noreferrer">PALEISTI „DAVAI DAVAI“ ↗</a>
+      </div>
+    </section>
+
+    <section class="package" aria-labelledby="packageTitle">
+      <div class="package-heading">
+        <p class="kicker">PREMIUM BIRTHDAY PACKAGE</p>
+        <h2 id="packageTitle">ŠIANDIENOS<br>PASLAUGOS</h2>
+      </div>
+      <ol>
+        <li><b>01</b><span>Priimti sveikinimus</span><i>ĮSKAIČIUOTA</i></li>
+        <li><b>02</b><span>Nesirūpinti scenarijumi</span><i>PRIVALOMA</i></li>
+        <li><b>03</b><span>Patikrinti torto kokybę</span><i>NERIBOTA</i></li>
+        <li><b>04</b><span>Atlikti dainą tik publikos prašymu</span><i>BISAS GALIMAS</i></li>
+        <li><b>05</b><span>Švęsti nuo pirmos iki paskutinės minutės</span><i>100 %</i></li>
+      </ol>
+    </section>
+
+    <section class="crowd" aria-label="Donatas renginyje">
+      <img src="assets/donatas-scena.jpg" width="800" height="437" alt="Donatas energingai veda šventę lauke">
+      <div class="crowd-stamp"><span>NUOTAIKOS</span><strong>KALVIS</strong><span>SINCE DAY ONE</span></div>
+    </section>
+
+    <section class="rap" aria-labelledby="rapTitle">
+      <div>
+        <p class="kicker">SPECIAL BIRTHDAY FREESTYLE</p>
+        <h2 id="rapTitle">APIE SVEČIUS REPAVAI.<br><em>ŠIANDIEN REPAS — APIE TAVE.</em></h2>
+      </div>
+      <blockquote id="rapText">
+        <span>Septyni šimtai švenčių — visur gera banga,</span>
+        <span>Bet šiandien, Donatai, svarbiausia tik viena:</span>
+        <span>Mikrofoną padėk, tegul draugai garsiai taria —</span>
+        <span>Su gimtadieniu, DŪMAI, tegu scena tau dar žaria!</span>
+      </blockquote>
+      <button class="rap-button" id="rapButton" type="button">ATKARTOTI SU PLOJIMAIS ↗</button>
+    </section>
+
+    <section class="wish" id="sveikinimas" aria-labelledby="wishTitle">
+      <p class="kicker">O DABAR — BE SCENARIJAUS</p>
+      <h2 id="wishTitle">SU GIMTADIENIU,<br><em>DONATAI!</em></h2>
+      <div class="wish-grid">
+        <p>Linkime, kad gyvenime netrūktų tos pačios šilumos, energijos ir gero humoro, kuriuos daliji kitų žmonių šventėse.</p>
+        <p>Tegul kiekviena nauja diena būna dar vienas puikus renginys — tik šįkart be būtinybės pačiam rašyti visą scenarijų.</p>
+        <p>Daug sveikatos, stiprių žmonių šalia, garsaus juoko, geros muzikos ir istorijų, vertų ne vieno biso.</p>
+      </div>
+      <div class="signature"><strong>SU GIMTADIENIU!</strong><span>2026 / MADE WITH RESPECT + APPLAUSE</span></div>
+    </section>
+
+    <section class="encore" aria-label="Pakartoti sveikinimą">
+      <p>AR DONATAS VERTAS BISO?</p>
+      <h2 id="encoreTitle">PUBLIKA SAKO:<br><em>TAIP!</em></h2>
+      <button class="encore-button" id="encoreButton" type="button">DAR KARTĄ KONFETI ↗</button>
+    </section>
+  </main>
+
+  <footer>
+    <p>2026 GIMTADIENIO MICROSITE</p>
+    <p>Viešų faktų ir nuotraukų šaltinis: <a href="https://vedejasdumas.lt/" rel="noreferrer">vedejasdumas.lt</a></p>
+    <p>Nuotraukų teisės priklauso jų autoriams / savininkams.</p>
+  </footer>
+  <div class="toast" id="toast" role="status" aria-live="polite">ŠVENTĖ PALEISTA — PLOJIMAI DONATUI!</div>
+  <script src="script.js"></script>
+</body>
+</html>