{% if 'readthedocs.org' in config.docs_dir %}
{% set assets = '/en/latest/assets' %}
{% else %}
{% set assets = '/assets' %}
{% endif %}

<figure class='image'>
    {% if id %}
    <!-- The link that, when clicked, will display the image in full screen -->
    <a href="#{{ id }}">
    {% elif url %}
    <a href="{{ assets }}/images/{{ url }}">
    {% endif %}
        <img class='img-inline' src='{{ assets }}/images/{{ url }}' alt='{{ description }}' title='{{ description }}'
        {% if maxwidth or maxheight %}style='
        {% if maxwidth %} max-width:{{ maxwidth }};{% endif %}
        {% if maxheight %} max-height: {{ maxheight }};{% endif %}
        '{% endif %}
        >
    {% if id or url %}
    </a>
    {% endif %}

    {% if id %}
    <!-- The full screen image, hidden by default  -->
    <a href="#_" class="overlay" id="{{ id }}">
      <img src="{{ assets }}/images/{{ url }}" alt="{{ description }}" />
    </a>
    {% endif %}
</figure>