Hide play overlays on playback, remove Share Your Builds section
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
22
videos.html
22
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>
|
||||
|
||||
Reference in New Issue
Block a user