Hide play overlays on playback, remove Share Your Builds section

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

videos.html

@@ -294,19 +294,6 @@
     </div>
   </section>
 
-  <!-- SHARE YOUR BUILDS -->
-  <section class="section section-dark">
-    <div class="container" style="text-align:center;max-width:680px;">
-      <div class="eyebrow">Community</div>
-      <h2 class="section-title" style="font-size:clamp(36px,5vw,60px);margin-top:14px;">Share your builds.</h2>
-      <p style="font-size:clamp(16px,1.6vw,19px);color:rgba(255,255,255,0.66);margin-top:22px;line-height:1.55;">Built something awesome with our devkits? Share your videos with the community. The best submissions get featured on this page.</p>
-      <div style="margin-top:32px;display:flex;flex-wrap:wrap;gap:13px;justify-content:center;">
-        <a href="mailto:bournemouthtech@protonmail.com" class="btn btn-white btn-md">Submit your video</a>
-        <a href="opensource.html" class="btn btn-ghost-dark btn-md">Join Discord</a>
-      </div>
-    </div>
-  </section>
-
   <!-- CTA -->
   <section class="cta-band">
     <div class="container">
@@ -368,5 +355,14 @@
     </div>
   </footer>
 
+  <script>
+    document.querySelectorAll('video').forEach(function(video) {
+      var overlay = video.parentElement.querySelector('.video-play-overlay');
+      if (!overlay) return;
+      video.addEventListener('play',  function() { overlay.style.opacity = '0'; overlay.style.pointerEvents = 'none'; });
+      video.addEventListener('pause', function() { overlay.style.opacity = '1'; });
+      video.addEventListener('ended', function() { overlay.style.opacity = '1'; });
+    });
+  </script>
 </body>
 </html>