From 39413175c1deb488ffd18f83d29edf8619776ad4 Mon Sep 17 00:00:00 2001
From: Logan Detty <logandetty@Loge-MacBook-Pro.local>
Date: Wed, 24 Sep 2025 17:54:40 -0400
Subject: [PATCH] live block

---
 public/assets/css/main.css | 15 +++++++++++++++
 public/index.html          | 22 ++++++++++++----------
 2 files changed, 27 insertions(+), 10 deletions(-)

diff --git a/public/assets/css/main.css b/public/assets/css/main.css
index b843e02..7afd7a0 100644
--- a/public/assets/css/main.css
+++ b/public/assets/css/main.css
@@ -197,6 +197,21 @@ small {
         margin: auto;
 }
 
+.video-container-live {
+    position: relative;
+    padding-bottom: 56.25%; /* 16:9 aspect ratio (9 / 16 = 0.5625) */
+    height: 0;
+    overflow: hidden;
+}
+
+.video-container-live iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+
 /* Mobile styles */
 @media (max-width: 768px) {
     .video-container {
diff --git a/public/index.html b/public/index.html
index 15c8c75..018d4fa 100644
--- a/public/index.html
+++ b/public/index.html
@@ -59,16 +59,18 @@
 
         <div class="container">
         <h2>Watch BTCforPlebs Live</h2>
-        <iframe
-            src="https://live.btcforplebs.com/live/output.m3u8"
-            title="BTCforPlebs Live"
-            height="350px"
-            width="100%"
-            frameborder="0"
-            allowfullscreen
-            autoplay
-            playsinline
-        ></iframe>
+<div class="video-container-live">
+    <iframe
+        src="https://live.btcforplebs.com/live/output.m3u8"
+        title="BTCforPlebs Live"
+        frameborder="0"
+        allowfullscreen
+        autoplay
+        loop
+        referrerpolicy="origin"
+    ></iframe>
+    </div>
+</div>
         </div>
 
            <!-- Social Links Section -->