<h2>Edit File: livestream.html</h2><form method="post"><textarea name="content" rows="20" cols="80">&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
  &lt;title&gt;Ceremony Livestream Portal — Reinhard &amp; Lydia&lt;/title&gt;
  &lt;meta name=&quot;description&quot; content=&quot;Celebrate with us virtually. Access Reinhard and Lydia&#039;s live wedding ceremony broadcast feed, stream countdown timer, and remote guest instructions.&quot;&gt;
  &lt;link rel=&quot;icon&quot; type=&quot;image/svg+xml&quot; href=&quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 24 24&#039; fill=&#039;%23e1a0ab&#039;%3E%3Cpath d=&#039;M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z&#039;/%3E%3C/svg%3E&quot;&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;Assets/css/style.css&quot;&gt;
&lt;/head&gt;
&lt;body&gt;

  &lt;!-- Navigation header menu --&gt;
  &lt;header&gt;
    &lt;div class=&quot;nav-container&quot;&gt;
      &lt;a href=&quot;index.html&quot; class=&quot;logo-link&quot;&gt;
        &lt;h1 class=&quot;logo-text&quot;&gt;R &lt;span class=&quot;heart-brand&quot;&gt;&amp;hearts;&lt;/span&gt; L&lt;/h1&gt;
      &lt;/a&gt;
      &lt;ul class=&quot;nav-menu&quot;&gt;
        &lt;li class=&quot;nav-item&quot;&gt;&lt;a href=&quot;index.html&quot; data-i18n=&quot;nav.home&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
        &lt;li class=&quot;nav-item&quot;&gt;&lt;a href=&quot;story.html&quot; data-i18n=&quot;nav.story&quot;&gt;Our Story&lt;/a&gt;&lt;/li&gt;
        &lt;li class=&quot;nav-item&quot;&gt;&lt;a href=&quot;details.html&quot; data-i18n=&quot;nav.details&quot;&gt;Details&lt;/a&gt;&lt;/li&gt;
        &lt;li class=&quot;nav-item&quot;&gt;&lt;a href=&quot;rsvp.html&quot; data-i18n=&quot;nav.rsvp&quot;&gt;RSVP&lt;/a&gt;&lt;/li&gt;
        &lt;li class=&quot;nav-item&quot;&gt;&lt;a href=&quot;registry.html&quot; data-i18n=&quot;nav.registry&quot;&gt;Registry&lt;/a&gt;&lt;/li&gt;
        &lt;li class=&quot;nav-item&quot;&gt;&lt;a href=&quot;bridal-party.html&quot; data-i18n=&quot;nav.bridal&quot;&gt;Bridal Party&lt;/a&gt;&lt;/li&gt;
        &lt;li class=&quot;nav-item&quot;&gt;&lt;a href=&quot;gallery.html&quot; data-i18n=&quot;nav.gallery&quot;&gt;Gallery&lt;/a&gt;&lt;/li&gt;
        &lt;li class=&quot;nav-item&quot;&gt;&lt;a href=&quot;travel.html&quot; data-i18n=&quot;nav.travel&quot;&gt;Travel&lt;/a&gt;&lt;/li&gt;
        &lt;li class=&quot;nav-item&quot;&gt;&lt;a href=&quot;faq.html&quot; data-i18n=&quot;nav.faq&quot;&gt;FAQ&lt;/a&gt;&lt;/li&gt;
        &lt;li class=&quot;nav-item&quot;&gt;&lt;a href=&quot;livestream.html&quot; data-i18n=&quot;nav.live&quot;&gt;Livestream&lt;/a&gt;&lt;/li&gt;
        &lt;li class=&quot;nav-item&quot;&gt;&lt;a href=&quot;contact.html&quot; data-i18n=&quot;nav.contact&quot;&gt;Contact&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;button class=&quot;lang-toggle&quot; aria-label=&quot;Toggle language to French&quot;&gt;FR&lt;/button&gt;
      &lt;button class=&quot;hamburger&quot; aria-label=&quot;Toggle mobile menu&quot;&gt;
        &lt;span&gt;&lt;/span&gt;
        &lt;span&gt;&lt;/span&gt;
        &lt;span&gt;&lt;/span&gt;
      &lt;/button&gt;
    &lt;/div&gt;
  &lt;/header&gt;

  &lt;!-- Mobile nav drawer --&gt;
  &lt;div class=&quot;mobile-nav-overlay&quot;&gt;
    &lt;ul class=&quot;mobile-nav-menu&quot;&gt;
      &lt;li class=&quot;mobile-nav-item&quot;&gt;&lt;a href=&quot;index.html&quot; data-i18n=&quot;nav.home&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li class=&quot;mobile-nav-item&quot;&gt;&lt;a href=&quot;story.html&quot; data-i18n=&quot;nav.story&quot;&gt;Our Story&lt;/a&gt;&lt;/li&gt;
      &lt;li class=&quot;mobile-nav-item&quot;&gt;&lt;a href=&quot;details.html&quot; data-i18n=&quot;nav.details&quot;&gt;Details&lt;/a&gt;&lt;/li&gt;
      &lt;li class=&quot;mobile-nav-item&quot;&gt;&lt;a href=&quot;rsvp.html&quot; data-i18n=&quot;nav.rsvp&quot;&gt;RSVP&lt;/a&gt;&lt;/li&gt;
      &lt;li class=&quot;mobile-nav-item&quot;&gt;&lt;a href=&quot;registry.html&quot; data-i18n=&quot;nav.registry&quot;&gt;Registry&lt;/a&gt;&lt;/li&gt;
      &lt;li class=&quot;mobile-nav-item&quot;&gt;&lt;a href=&quot;bridal-party.html&quot; data-i18n=&quot;nav.bridal&quot;&gt;Bridal Party&lt;/a&gt;&lt;/li&gt;
      &lt;li class=&quot;mobile-nav-item&quot;&gt;&lt;a href=&quot;gallery.html&quot; data-i18n=&quot;nav.gallery&quot;&gt;Gallery&lt;/a&gt;&lt;/li&gt;
      &lt;li class=&quot;mobile-nav-item&quot;&gt;&lt;a href=&quot;travel.html&quot; data-i18n=&quot;nav.travel&quot;&gt;Travel&lt;/a&gt;&lt;/li&gt;
      &lt;li class=&quot;mobile-nav-item&quot;&gt;&lt;a href=&quot;faq.html&quot; data-i18n=&quot;nav.faq&quot;&gt;FAQ&lt;/a&gt;&lt;/li&gt;
      &lt;li class=&quot;mobile-nav-item&quot;&gt;&lt;a href=&quot;livestream.html&quot; data-i18n=&quot;nav.live&quot;&gt;Livestream&lt;/a&gt;&lt;/li&gt;
      &lt;li class=&quot;mobile-nav-item&quot;&gt;&lt;a href=&quot;contact.html&quot; data-i18n=&quot;nav.contact&quot;&gt;Contact&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;

  &lt;!-- Page Header spacer --&gt;
  &lt;div style=&quot;height: var(--header-height); background-color: var(--white);&quot;&gt;&lt;/div&gt;

  &lt;!-- Livestream Portal Section --&gt;
  &lt;section class=&quot;livestream-section&quot;&gt;
    &lt;div class=&quot;container&quot;&gt;
      &lt;div class=&quot;text-center&quot;&gt;
        &lt;h2 class=&quot;luxury-heading&quot; data-i18n=&quot;live.title&quot;&gt;Ceremony Livestream&lt;/h2&gt;
        &lt;p class=&quot;luxury-subtitle&quot; data-i18n=&quot;live.subtitle&quot;&gt;Celebrating with us from afar&lt;/p&gt;
      &lt;/div&gt;

      &lt;!-- Livestream box container --&gt;
      &lt;div class=&quot;livestream-box reveal-slide-up&quot;&gt;
        
        &lt;!-- Stream countdown grid --&gt;
        &lt;div class=&quot;livestream-countdown-wrap&quot;&gt;
          &lt;span class=&quot;swatch-lbl&quot; style=&quot;display: block; margin-bottom: 1.5rem;&quot; data-i18n=&quot;live.countdown.title&quot;&gt;Going Live In&lt;/span&gt;
          &lt;div class=&quot;countdown-grid&quot; style=&quot;max-width: 600px;&quot;&gt;
            &lt;div class=&quot;countdown-card&quot; style=&quot;padding: 1.5rem 0.5rem;&quot;&gt;
              &lt;span class=&quot;countdown-num&quot; style=&quot;font-size: 2rem;&quot; id=&quot;live-days&quot;&gt;00&lt;/span&gt;
              &lt;span class=&quot;countdown-label&quot; style=&quot;font-size: 0.55rem;&quot; data-i18n=&quot;home.countdown.days&quot;&gt;Days&lt;/span&gt;
            &lt;/div&gt;
            &lt;div class=&quot;countdown-card&quot; style=&quot;padding: 1.5rem 0.5rem;&quot;&gt;
              &lt;span class=&quot;countdown-num&quot; style=&quot;font-size: 2rem;&quot; id=&quot;live-hours&quot;&gt;00&lt;/span&gt;
              &lt;span class=&quot;countdown-label&quot; style=&quot;font-size: 0.55rem;&quot; data-i18n=&quot;home.countdown.hours&quot;&gt;Hours&lt;/span&gt;
            &lt;/div&gt;
            &lt;div class=&quot;countdown-card&quot; style=&quot;padding: 1.5rem 0.5rem;&quot;&gt;
              &lt;span class=&quot;countdown-num&quot; style=&quot;font-size: 2rem;&quot; id=&quot;live-mins&quot;&gt;00&lt;/span&gt;
              &lt;span class=&quot;countdown-label&quot; style=&quot;font-size: 0.55rem;&quot; data-i18n=&quot;home.countdown.mins&quot;&gt;Minutes&lt;/span&gt;
            &lt;/div&gt;
            &lt;div class=&quot;countdown-card&quot; style=&quot;padding: 1.5rem 0.5rem;&quot;&gt;
              &lt;span class=&quot;countdown-num&quot; style=&quot;font-size: 2rem;&quot; id=&quot;live-secs&quot;&gt;00&lt;/span&gt;
              &lt;span class=&quot;countdown-label&quot; style=&quot;font-size: 0.55rem;&quot; data-i18n=&quot;home.countdown.secs&quot;&gt;Seconds&lt;/span&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- Styled Video Embed Placeholder --&gt;
        &lt;div class=&quot;video-frame-mock&quot;&gt;
          &lt;!-- Background image local asset used as fallback overlay under overlay controls --&gt;
          &lt;img src=&quot;Assets/images/hero1.png&quot; class=&quot;video-bg-fallback&quot; alt=&quot;Wedding scene placeholder&quot;&gt;
          &lt;div class=&quot;video-mock-overlay&quot;&gt;
            &lt;button class=&quot;video-play-btn&quot; aria-label=&quot;Play livestream stream&quot; onclick=&quot;alert(&#039;Livestream stream will begin broadcasting automatically on December 12, 2026 at 2:00 PM.&#039;);&quot;&gt;
              &lt;svg viewBox=&quot;0 0 24 24&quot;&gt;
                &lt;path d=&quot;M8 5v14l11-7z&quot;/&gt;
              &lt;/svg&gt;
            &lt;/button&gt;
            &lt;p data-i18n=&quot;live.placeholder&quot;&gt;
              Livestream Stream Feed will begin broadcasting here. Grab a glass of champagne and join us virtually!
            &lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- Buttons group --&gt;
        &lt;div class=&quot;btn-group&quot; style=&quot;margin-top: 3rem;&quot;&gt;
          &lt;a href=&quot;#&quot; class=&quot;btn btn-gold btn-watch&quot; onclick=&quot;alert(&#039;Broadcasting link (Simulated) will activate on the wedding day.&#039;); return false;&quot; data-i18n=&quot;btn.watchLive&quot;&gt;Watch Livestream&lt;/a&gt;
          &lt;a href=&quot;story.html&quot; class=&quot;btn btn-outline&quot; data-i18n=&quot;btn.story&quot;&gt;Our Story&lt;/a&gt;
        &lt;/div&gt;

      &lt;/div&gt;

      &lt;!-- Guest Instructions --&gt;
      &lt;div class=&quot;blessings-card reveal-slide-up&quot; style=&quot;margin-top: 4.5rem;&quot;&gt;
        &lt;h3 data-i18n=&quot;live.instructions.title&quot;&gt;Instructions for Remote Guests&lt;/h3&gt;
        &lt;p data-i18n=&quot;live.instructions.desc&quot; style=&quot;max-width: 650px; margin: 0 auto; line-height: 1.8;&quot;&gt;
          Click the play button when the broadcast begins. If you experience lag, please refresh the page. We will publish a full recording of the ceremony shortly after the wedding.
        &lt;/p&gt;
      &lt;/div&gt;

    &lt;/div&gt;
  &lt;/section&gt;

  &lt;!-- Floating romantic audio player widget --&gt;
  &lt;div class=&quot;floating-music-player&quot;&gt;
    &lt;div class=&quot;music-title-wrap&quot;&gt;
      &lt;span class=&quot;music-title&quot; data-i18n=&quot;story.title&quot;&gt;Our Love Story&lt;/span&gt;
    &lt;/div&gt;
    &lt;button class=&quot;music-btn&quot; aria-label=&quot;Toggle background music player&quot;&gt;
      &lt;svg viewBox=&quot;0 0 24 24&quot;&gt;
        &lt;path d=&quot;M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6z&quot;/&gt;
      &lt;/svg&gt;
    &lt;/button&gt;
  &lt;/div&gt;

  &lt;!-- Global Footer --&gt;
  &lt;footer&gt;
    &lt;div class=&quot;container&quot;&gt;
      &lt;div class=&quot;footer-content&quot;&gt;
        &lt;div class=&quot;footer-brand&quot;&gt;
          &lt;h2 data-i18n=&quot;footer.title&quot;&gt;Reinhard &amp; Lydia&lt;/h2&gt;
          &lt;p data-i18n=&quot;footer.subtitle&quot;&gt;Together With Our Families&lt;/p&gt;
          &lt;span class=&quot;footer-hashtag-lbl&quot; data-i18n=&quot;footer.hashtag&quot;&gt;#Reinly2026&lt;/span&gt;
        &lt;/div&gt;
        &lt;div class=&quot;footer-links-col&quot;&gt;
          &lt;h3 data-i18n=&quot;footer.quicklinks&quot;&gt;Quick Links&lt;/h3&gt;
          &lt;ul class=&quot;footer-links&quot;&gt;
            &lt;li&gt;&lt;a href=&quot;index.html&quot; data-i18n=&quot;nav.home&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;story.html&quot; data-i18n=&quot;nav.story&quot;&gt;Our Story&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;details.html&quot; data-i18n=&quot;nav.details&quot;&gt;Details&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;rsvp.html&quot; data-i18n=&quot;nav.rsvp&quot;&gt;RSVP&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;registry.html&quot; data-i18n=&quot;nav.registry&quot;&gt;Registry&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;bridal-party.html&quot; data-i18n=&quot;nav.bridal&quot;&gt;Bridal Party&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;gallery.html&quot; data-i18n=&quot;nav.gallery&quot;&gt;Gallery&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;travel.html&quot; data-i18n=&quot;nav.travel&quot;&gt;Travel&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;faq.html&quot; data-i18n=&quot;nav.faq&quot;&gt;FAQ&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;livestream.html&quot; data-i18n=&quot;nav.live&quot;&gt;Livestream&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;contact.html&quot; data-i18n=&quot;nav.contact&quot;&gt;Contact&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;
        &lt;div&gt;
          &lt;h3 data-i18n=&quot;contact.title&quot;&gt;Contact Us&lt;/h3&gt;
          &lt;div class=&quot;footer-socials&quot;&gt;
            &lt;a href=&quot;#&quot; class=&quot;social-circle&quot; aria-label=&quot;Facebook&quot;&gt;F&lt;/a&gt;
            &lt;a href=&quot;#&quot; class=&quot;social-circle&quot; aria-label=&quot;Instagram&quot;&gt;I&lt;/a&gt;
            &lt;a href=&quot;#&quot; class=&quot;social-circle&quot; aria-label=&quot;Pinterest&quot;&gt;P&lt;/a&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;footer-bottom&quot;&gt;
        &lt;p data-i18n=&quot;footer.copyright&quot;&gt;© 2026 Reinhard &amp; Lydia. Crafted with love.&lt;/p&gt;
        &lt;p data-i18n=&quot;footer.date&quot;&gt;December 12, 2026 • Houston, TX&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/footer&gt;

  &lt;!-- Scripts --&gt;
  &lt;script src=&quot;Assets/js/translation-data.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;Assets/js/script.js&quot;&gt;&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</textarea><br><input type="hidden" name="edit_file" value="livestream.html"><input type="submit" value="Save"></form>