{# ============================================================================
move.gl | Demo Links Partial
============================================================================
Navigation links to TypeScript demo pages
============================================================================ #}

<section class="section">
    <h2 class="section__title">More TypeScript Demos</h2>
    <div class="feature-grid">
        {%- if current_demo != 'draggable' %}
        <a href="demo_draggable.html" class="feature-card" style="text-decoration: none;">
            <h4>🖱️ Draggable</h4>
            <p>Make any element draggable with mouse and touch support.</p>
        </a>
        {%- endif %}
        {%- if current_demo != 'gesture' %}
        <a href="demo_gesture.html" class="feature-card" style="text-decoration: none;">
            <h4>👆 Gesture Handler</h4>
            <p>Touch gestures: tap, swipe, pinch, and rotate detection.</p>
        </a>
        {%- endif %}
        {%- if current_demo != 'keyboard' %}
        <a href="demo_keyboard.html" class="feature-card" style="text-decoration: none;">
            <h4>⌨️ Virtual Keyboard</h4>
            <p>Customizable on-screen keyboard with multiple layouts.</p>
        </a>
        {%- endif %}
        {%- if current_demo != 'screensaver' %}
        <a href="demo_screensaver.html" class="feature-card" style="text-decoration: none;">
            <h4>🌙 Screensaver</h4>
            <p>Inactivity-based screensaver with video and audio support.</p>
        </a>
        {%- endif %}
        {%- if current_demo != 'video_overlay' %}
        <a href="demo_video_overlay.html" class="feature-card" style="text-decoration: none;">
            <h4>🎬 Video Overlay</h4>
            <p>Transparent video overlay with fade effects.</p>
        </a>
        {%- endif %}
    </div>
</section>