<!-- VIDEO SECTION -->
        <section id="videos" class="section">
            <h2>Vidz</h2>
            <div style="text-align: right; margin-bottom: 1rem;">
                <button onclick="refreshVideos()" class="refresh-button">
                    <span>🎲 Randomize</span>
                </button>
            </div>
            <div class="video-grid" id="videoGrid">
                {{ $allVideos := slice }}
                {{ range $path, $entries := hugo.Data.videos }}
                    {{ range $entries }}
                        {{ $allVideos = $allVideos | append . }}
                    {{ end }}
                {{ end }}

                <!-- Store all videos data in a JSON array -->
                {{ $videosData := jsonify $allVideos }}
                <script>
                    window.allVideosData = {{ $videosData | safeJS }};
                </script>
            </div>
        </section>
    </main>
