Make hero image of A Summer's End sheine responsive

2024-04-20 12:18:54 +08:00 · 2024-04-20 12:18:54 +08:00 · 71008a4382
parent 76f590b5bb
commit 71008a4382
3 changed files with 4 additions and 1 deletions
--- a/src/_includes/asummersend/hero.njk
+++ b/src/_includes/asummersend/hero.njk
@ -1,7 +1,10 @@
 {% extends "global/hero.njk" %}

 {% block heroImg %}
-    <img src="/assets/asummersend/images/asummersend_header.png" alt="Banner of A Summer's End — Hong Kong 1986 Shrine">
+    <picture>
+        <source srcset="/assets/asummersend/images/asummersend-header-320.png" media="(orientation: landscape)" />
+        <img src="/assets/asummersend/images/asummersend-header.png" alt="Banner of A Summer's End — Hong Kong 1986 Shrine" />
+    </picture>
 {% endblock %}

 {% block eventScript %}
--- a/src/assets/asummersend/images/asummersend-header-320.png
+++ b/src/assets/asummersend/images/asummersend-header-320.png
--- a/src/assets/asummersend/images/asummersend-header.png
+++ b/src/assets/asummersend/images/asummersend-header.png