{% macro no_js_alert() %}
    <div class="alert alert-success d-flex align-items-center mb-5" role="alert">
        <i class="bi bi-check-circle-fill me-3"></i>
        No JavaScript is used creating this page.
    </div>
{% endmacro %}

{% macro js_alert(content) %}
    <div class="alert alert-warning d-flex align-items-center mb-5" role="alert">
        <i class="bi bi-exclamation-triangle-fill me-3"></i>
        {{ content }}
    </div>
{% endmacro %}

{% macro js_alert_work_in_progress() %}
    {{ js_alert("Work in progress.") }}
{% endmacro %}