162 lines
11 KiB
HTML
162 lines
11 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="Netikėtas 2026 metų gimtadienio sveikinimo bisas Donatui Šimkui – DŪMUI.">
|
||
<meta property="og:title" content="Su gimtadieniu, Donatai!">
|
||
<meta property="og:description" content="Gimtadienis praėjo. Geras sveikinimas – dar ne. Bisui kviečiamas Donatas!">
|
||
<meta property="og:image" content="assets/donatas-gitara.jpg">
|
||
<title>Donatas Šimkus — 2026 gimtadienio sveikinimas</title>
|
||
<link rel="preload" href="assets/donatas-gitara.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">GIMTADIENIS PRAĖJO / SVEIKINIMAS ATVYKO BISUI / NULIS NUOBODULIO</p>
|
||
<h1 id="heroTitle">DONATAI,<br>GIMTADIENIS PRAĖJO.<br><em>BISAS — NE.</em></h1>
|
||
<p class="lead">Kalendorius sako, kad data jau praėjo. Mes sakome: geri sveikinimai nevėluoja — jie tiesiog <strong>ateina bisui.</strong></p>
|
||
<button class="start" id="startButton" type="button"><span>ATIDARYTI SVEIKINIMO BISĄ</span><b aria-hidden="true">▶</b></button>
|
||
<small>Paspausk. Torto gal ir neliko, bet plojimų — sočiai.</small>
|
||
</div>
|
||
<figure class="hero-photo">
|
||
<div class="photo-burst" aria-hidden="true">BISAS!</div>
|
||
<img src="assets/donatas-gitara.jpg" width="600" height="600" alt="Donatas Šimkus – DŪMAS su raudona gitara ir žvaigždės formos akiniais">
|
||
<figcaption><span>ŠIO PUSLAPIO Ž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>GERI SVEIKINIMAI TURI BISĄ</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>GERI SVEIKINIMAI TURI BISĄ</span><b>★</b>
|
||
</div>
|
||
</div>
|
||
|
||
<section class="numbers" aria-labelledby="numbersTitle">
|
||
<div class="section-label">DONATO SCENINĖ MATEMATIKA*</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>DONATAS</b><p>Vertas atskiro interneto puslapio</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-scena.jpg" width="800" height="437" alt="Donatas Šimkus energingai veda šventę lauke"></div>
|
||
<div class="switch-copy">
|
||
<p class="kicker">THE ENCORE HEADLINER</p>
|
||
<h2 id="switchTitle">700+ RENGINIŲ.<br>DABAR —<br><em>SVEIKINIMAS TAU.</em></h2>
|
||
<p>Tiek kartų kūrei progą šypsotis kitiems, kad vieno sveikinimo dieną mums pasirodė per maža. Todėl štai — papildomas numeris programoje.</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="reunion" aria-labelledby="reunionTitle">
|
||
<div class="reunion-heading">
|
||
<p class="kicker">KĮŽ3 / 2007 → DIGITAL REUNION / 2026</p>
|
||
<h2 id="reunionTitle">PASAULIS JUDA.<br><em>KELIAS LIEKA.</em></h2>
|
||
<p>2007-aisiais reikėjo televizijos, scenos ir SMS balsų. Dabar užtenka vieno puslapio ir trupučio vaizduotės. Tad štai KĮŽ3 skaitmeninis reunionas, kurio niekas nefilmavo.</p>
|
||
<button class="twin-button" id="twinButton" type="button"><span>PALEISTI SKAITMENINĮ REUNIONĄ</span><b>↗</b></button>
|
||
<small>Šie tekstai yra humoristinės AI interpretacijos. Tai nėra tikros žmonių citatos, žinutės ar jų nuomonė.</small>
|
||
</div>
|
||
<div class="twin-grid" id="twinGrid">
|
||
<article class="twin-card">
|
||
<header><span class="twin-avatar" aria-hidden="true">GR</span><div><h3>GRŪDAS</h3><small>Algirdas Grudinskis · KĮŽ3</small></div></header>
|
||
<blockquote>„Donatai, pasaulis juda taip greitai, kad anuometinė karštoji kėdė dabar jau turbūt turėtų Bluetooth. Linkiu, kad tavo gyvenimo grojaraštyje netrūktų gero garso, gerų žmonių ir dienų, kurių nereikia montuoti.“</blockquote>
|
||
<p class="twin-note">SKAITMENINIS DVYNYS · NE TIKRA CITATA</p>
|
||
</article>
|
||
<article class="twin-card">
|
||
<header><span class="twin-avatar" aria-hidden="true">SK</span><div><h3>SKAISTĖ</h3><small>Skaistė Karnuševičiūtė · KĮŽ3</small></div></header>
|
||
<blockquote>„Tegul metai prideda ne rimties, o gerų istorijų. Kad vis dar norėtųsi lipti į sceną, o nulipus būtų pas ką sugrįžti. Ir kad kiekvienas planas B netyčia taptų geresniu planu A.“</blockquote>
|
||
<p class="twin-note">SKAITMENINIS DVYNYS · NE TIKRA CITATA</p>
|
||
</article>
|
||
<article class="twin-card">
|
||
<header><span class="twin-avatar" aria-hidden="true">DB</span><div><h3>DEIVIDAS</h3><small>Deividas Bastys · KĮŽ3</small></div></header>
|
||
<blockquote>„Finalai baigiasi, prožektoriai išsijungia, o savi žmonės lieka. Linkiu tau pilnų salių, bet dar labiau – pilnų namų juoko. Su gimtadieniu, Dūmai.“</blockquote>
|
||
<p class="twin-note">SKAITMENINIS DVYNYS · NE TIKRA CITATA</p>
|
||
</article>
|
||
<article class="twin-card">
|
||
<header><span class="twin-avatar" aria-hidden="true">BC</span><div><h3>BERNEEN</h3><small>Berneen Candice Čereška · KĮŽ3</small></div></header>
|
||
<blockquote>„Donatai, tegul tavo energijai niekada nereikia vertimo. Daug muzikos, lengvų rytų ir publikos, kuri ploja ne todėl, kad režisierius parodė ženklą.“</blockquote>
|
||
<p class="twin-note">SKAITMENINIS DVYNYS · NE TIKRA CITATA</p>
|
||
</article>
|
||
<article class="twin-card">
|
||
<header><span class="twin-avatar" aria-hidden="true">AO</span><div><h3>ANATOLIJUS</h3><small>Anatolijus Oleinik · KĮŽ3</small></div></header>
|
||
<blockquote>„Tegul gyvenimas kasmet pakelia tonaciją, bet ne kraujospūdį. Sveikatos, meilės, stipraus balso ir bent vienos dienos per savaitę, kai mikrofonas būna išjungtas.“</blockquote>
|
||
<p class="twin-note">SKAITMENINIS DVYNYS · NE TIKRA CITATA</p>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="package" aria-labelledby="packageTitle">
|
||
<div class="package-heading">
|
||
<p class="kicker">PREMIUM GREETING ENCORE</p>
|
||
<h2 id="packageTitle">PAVĖLUOTAS? NE.<br>PRATĘSTAS.</h2>
|
||
</div>
|
||
<ol>
|
||
<li><b>01</b><span>Priimti sveikinimus</span><i>ĮSKAIČIUOTA</i></li>
|
||
<li><b>02</b><span>Nesirūpinti sveikinimo data</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>Priimti netikėtą sveikinimo bisą</span><i>100 %</i></li>
|
||
</ol>
|
||
</section>
|
||
|
||
|
||
<section class="rap" aria-labelledby="rapTitle">
|
||
<div>
|
||
<p class="kicker">SPECIAL BIRTHDAY FREESTYLE</p>
|
||
<h2 id="rapTitle">APIE SVEČIUS REPAVAI.<br><em>O DABAR REPAS — APIE TAVE.</em></h2>
|
||
</div>
|
||
<blockquote id="rapText">
|
||
<span>Septyni šimtai švenčių — visur gera banga,</span>
|
||
<span>Nors data praėjo, 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 — NUOŠIRDŽIAI, BE TELEPROMPTERIO</p>
|
||
<h2 id="wishTitle">SU GIMTADIENIU,<br><em>DONATAI!</em></h2>
|
||
<div class="wish-grid">
|
||
<p>Donatai, gimtadienis gal ir praėjo, bet geri žmonės ir geri palinkėjimai į vieną kalendoriaus langelį netelpa. Linkime, kad šiluma, energija ir humoras, kuriuos taip dosniai daliji kitiems, visada sugrįžtų su kaupu.</p>
|
||
<p>Tegul sveikata laiko tvirčiau už geriausią scenos konstrukciją, šalia būna žmonės, su kuriais gera ir per garsiausią vakarėlį, ir visiškoje tyloje, o darbai palieka ne tik pilnas sales, bet ir pilną širdį.</p>
|
||
<p>Ir tegul gyvenimas kuo dažniau maloniai sulaužo scenarijų: atneša netikėtų kelionių, skambių dainų, gardžių rytų be žadintuvo ir progų, kuriose tau pačiam nieko nereikia vesti — tik būti, juoktis ir mėgautis.</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 GERAS SVEIKINIMAS VERTAS BISO?</p>
|
||
<h2 id="encoreTitle">PUBLIKA SAKO:<br><em>TAIP!</em></h2>
|
||
<button class="encore-button" id="encoreButton" type="button">PALEISTI BISĄ DAR KARTĄ ↗</button>
|
||
</section>
|
||
</main>
|
||
|
||
<footer>
|
||
<p>2026 GIMTADIENIO MICROSITE</p>
|
||
<p>Šaltiniai: <a href="https://vedejasdumas.lt/" rel="noreferrer">vedejasdumas.lt</a> · <a href="https://lt.wikipedia.org/wiki/Kelias_%C4%AF_%C5%BEvaig%C5%BEdes_3" rel="noreferrer">KĮŽ3 dalyvių sąrašas</a></p>
|
||
<p>Nuotraukų teisės priklauso jų autoriams / savininkams.</p>
|
||
</footer>
|
||
<div class="toast" id="toast" role="status" aria-live="polite">SVEIKINIMO BISAS PARUOŠTAS</div>
|
||
<script src="script.js"></script>
|
||
</body>
|
||
</html>
|