I LOVE HTML

templates/images_only.html

@@ -1,21 +1,28 @@
 {{ range $index, $result := .Results }}
 <div class="image">
-    <img
-        {{if $.HardCacheEnabled}}
+    {{ 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 }}"
-        {{else}}
-            src="{{ $result.ProxyFull }}"
-        {{end}}
-        alt="{{ $result.Title }}"
-        class="clickable"
-    />
+            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 }}
+{{ end }}