{% load i18n %}

{% if issue.large_image %}
    <div class="card">
        <div class="card-image">
            <a href="{{ issue.url }}">
                <img class="activator" src="{{ issue.hero_image_url }}" alt="{{ issue.display_title }} hero image.">
            </a>
            <span class="card-title">
            <div class="carousel-text-wrapper ">
                <a href="{{ issue.url }}">
                    {{ issue.display_title }}
                </a>
            </div>
            </span>
        </div>
        {% if issue.issue_description %}
            <div class="card-content">
                {{ issue.issue_description|safe }}
            </div>
        {% endif %}
    </div>
{% else %}
    <h1>{{ issue.display_title }}</h1>
    {% if issue.issue_description %}<p>{{ issue.issue_description|safe }}</p>{% endif %}
{% endif %}

{% if issue.journal.display_issue_doi and issue.doi_url %}
<p><b>DOI: </b><a href="{{issue.doi_url}}">{{ issue.doi_url }}</a></p>
{% endif %}

{% include "common/elements/guest_editors.html" %}
<br/>