128 lines
7.1 KiB
HTML
128 lines
7.1 KiB
HTML
<!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>
|