From 966ec5f362176ab5fe2ede625e765cab2a50d067 Mon Sep 17 00:00:00 2001
From: Tanmay Kumar <tanmayhost@gmail.com>
Date: Mon, 28 Sep 2026 18:00:27 +0530
Subject: [PATCH] fix(site): make YouTube demo thumbnail clickable

---
 opensource/dynavec/index.html |  8 ++++----
 opensource/dynavec/styles.css | 10 ++--------
 2 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/opensource/dynavec/index.html b/opensource/dynavec/index.html
index 69bdd2b..6732a93 100644
--- a/opensource/dynavec/index.html
+++ b/opensource/dynavec/index.html
@@ -84,12 +84,12 @@ <h1 class="hero__title">The serverless vector database<br />that lives in <span
         </div><!-- /hero__col -->
 
         <div class="hero__media">
-          <div class="yt-facade" id="yt-facade" role="button" tabindex="0" aria-label="Play dynavec demo video">
+          <a class="yt-facade" id="yt-facade" href="https://www.youtube.com/watch?v=UJ9MBALD380" target="_blank" rel="noopener noreferrer" aria-label="Watch dynavec demo video (opens in a new tab)">
             <img class="yt-facade__thumb" src="https://img.youtube.com/vi/UJ9MBALD380/maxresdefault.jpg" alt="dynavec demo video thumbnail" loading="lazy" />
-            <button class="yt-facade__play" aria-hidden="true">
+            <span class="yt-facade__play" aria-hidden="true">
               <svg viewBox="0 0 68 48" width="68" height="48"><path d="M66.5 7.7a8.5 8.5 0 0 0-6-6C56 0 34 0 34 0S12 0 7.5 1.7a8.5 8.5 0 0 0-6 6C0 12.1 0 24 0 24s0 11.9 1.5 16.3a8.5 8.5 0 0 0 6 6C12 48 34 48 34 48s22 0 26.5-1.7a8.5 8.5 0 0 0 6-6C68 35.9 68 24 68 24s0-11.9-1.5-16.3z" fill="#ff0000"/><path d="M27 34l18-10-18-10v20z" fill="#fff"/></svg>
-            </button>
-          </div>
+            </span>
+          </a>
         </div>
         </div><!-- /hero__grid -->
 
diff --git a/opensource/dynavec/styles.css b/opensource/dynavec/styles.css
index 7010105..bc971d5 100644
--- a/opensource/dynavec/styles.css
+++ b/opensource/dynavec/styles.css
@@ -765,8 +765,9 @@ body {
   height: 100%;
 }
 
-/* YouTube facade — canvas bg + thumbnail + play button, iframe loads on click */
+/* YouTube facade — thumbnail link with a decorative play icon */
 .yt-facade {
+  display: block;
   position: relative;
   width: 100%;
   aspect-ratio: 16 / 9;
@@ -800,13 +801,6 @@ body {
   transition: transform 0.15s;
 }
 .yt-facade:hover .yt-facade__play { transform: scale(1.1); }
-.yt-facade iframe {
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  border: none;
-}
 
 .canvas-label {
   position: absolute;