_includes/image.html


1
2
3
4
5
6
7
8
9
10
11
12

<figure>
    {% if {{include.url}} %}
        <a class="no_icon" target="_blank" rel="noopener" href="{{include.url}}">
    {% endif %}
    <source srcset='../assets/img/{{include.file | remove: ".jpg" | remove: ".png" | remove: ".jpeg" | remove: ".tiff" | remove: ".gif" }}.webp' type="image/webp">
    <img class="docimage" src="../assets/img/{{include.file}}" alt="{{include.alt}}" {% if {{include.max-width}} %}style="max-width: {{include.max-width}}px"{% endif %} />
    {% if {{include.url}} %}</a>{% endif %}{% if {{include.caption}} %}
    <figcaption>
        {{include.caption}}
    </figcaption>
    {% endif %}
</figure>