{% from 'templates/audio_player.html' import audio_player %}
<!DOCTYPE html>
<html lang="en">
<head>
    {% include 'templates/common_head.html' %}
    <title>{{ page_title | default('List Page') }}</title>
</head>
<body>
    {% include 'templates/navbar.html' %} {# Include the navbar #}
    <div class="layout-container">
        <main class="layout-main">
            <div class="layout-sticky-left">
                <div class="site-description">
                    {{ site_description_html | safe }}
                </div>

                {% if should_include_audio_player | default(False) %}
                 {{ audio_player() }} {# Ensure this has appropriate margins/padding if needed #}
                {% endif %}
            </div>

            <div class="layout-content-right">
                <ul id="itemList">
                    {% for item_html in list_items_html %}
                        {{ item_html | safe }}
                    {% endfor %}
                </ul>
             </div>
        </main>
    </div>

    {% if background_image_url %}
    <style>
        html {
            scrollbar-gutter: auto;
        }
    </style>
    <div style="position: fixed; bottom: -1vh; right: 0px; z-index: 1; max-width: 20vw">
        <img src="{{ background_image_url }}">
    </div>
    {% endif %}
</body>
</html> 