2026-gimtadienio-sveikinimas/index.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-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">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">
        <img src="assets/donatas-hero.jpg" width="1344" height="1344" alt="Donatas Šimkus – DŪMAS, pasipuošęs kostiumu">
        <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-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">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="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="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>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>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">SVEIKINIMO BISAS PARUOŠTAS</div>
  <script src="script.js"></script>
</body>
</html>