{{ range $index, $result := .Results }}
<div class="image">
    {{ if $.HardCacheEnabled }}
        <noscript>
            <!-- JavaScript is disabled; serve actual images -->
            <img src="{{ $result.ProxyFull }}" alt="{{ $result.Title }}" class="clickable" />
        </noscript>

        <!-- JavaScript is enabled; use placeholders -->
        <img
            src="/static/images/placeholder.svg"
            data-id="{{ $result.ID }}"
            data-full="{{ $result.ProxyFull }}"
            data-proxy-full="{{ $result.ProxyThumb }}"
            alt="{{ $result.Title }}"
            class="clickable placeholder-img"
        />
    {{ else }}
        <!-- HardCacheEnabled is false; serve images directly -->
        <img src="{{ $result.ProxyFull }}" alt="{{ $result.Title }}" class="clickable" />
    {{ end }}
    <div class="resolution">{{ $result.Width }} × {{ $result.Height }}</div>
    <div class="details">
        <span class="img_title clickable">{{ $result.Title }}</span>
        <a href="{{ $result.Source }}" target="_blank" class="img_source">{{ translate "source" }}</a>
    </div>
</div>
{{ end }}