{#- "Cite us!" beside the home page's sections (home.aside): the hub's
    references as text, and a dialog that gives each in the format a reader
    picks. -#}
{% from "citation/_cite_dialog.html" import cite_dialog %}
<div class="card citation-home-card mb-4">
    <div class="card-body">
        <div class="d-flex justify-content-between align-items-center mb-3">
            <h2 class="mb-0"><b>{{ _('Cite us!') }}</b></h2>
            <button type="button" class="btn btn-secondary py-2 px-3 fw-bold"
                    data-bs-toggle="modal" data-bs-target="#citationHubModal">
                {{ icon('heart', size=24) }}
                <span class="d-none d-md-inline">{{ _('How to cite us?') }}</span>
            </button>
        </div>
        {% for reference in references %}
        {% set work = works(reference) %}
        <p>
            {{ work.creators | map(attribute="name") | join(", ") }}.
            <i>{{ work.title }}</i>{% if work.container %}, {{ work.container }}{% endif %}{% if work.volume %}, {{ _('Volume') }} {{ work.volume }}{% endif %}{% if work.year %}, {{ work.year }}{% endif %}{% if work.pages %}, {{ work.pages }}{% endif %}{% if work.issn %}, ISSN {{ work.issn }}{% endif %}{% if work.doi %},
            <a href="https://doi.org/{{ work.doi }}" target="_blank" rel="noopener">https://doi.org/{{ work.doi }}</a>{% endif %}
        </p>
        {% endfor %}
    </div>
</div>
{{ cite_dialog(
    "citationHubModal",
    _("How to cite us"),
    sources,
    citation_formats,
) }}
<script src="{{ url_for('citation.assets', subfolder='js', filename='citation.js') }}" nonce="{{ csp_nonce() }}"></script>