Leilukin/leilukin-site
1
0
Fork 0
mirror of https://github.com/helenclx/leilukin-site.git synced 2025-04-11 14:32:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make hero image of A Summer's End sheine responsive

Browse Source
This commit is contained in:
Helen Chong 2024-04-20 12:18:54 +08:00
parent 76f590b5bb
commit 71008a4382
3 changed files with 4 additions and 1 deletions
src
_includes/asummersend
hero.njk
assets/asummersend/images
asummersend-header-320.pngasummersend-header.png

5
src/_includes/asummersend/hero.njk

@ -1,7 +1,10 @@
{% extends "global/hero.njk" %} {% extends "global/hero.njk" %}
{% block heroImg %} {% 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 %} {% endblock %}
{% block eventScript %} {% block eventScript %}

BIN
src/assets/asummersend/images/asummersend-header-320.png Normal file

Binary file not shown.
Side by Side

After

(image error) Size: 423 KiB

0
src/assets/asummersend/images/asummersend_header.png → src/assets/asummersend/images/asummersend-header.png

Side by Side Swipe Overlay

Before

(image error) Size: 529 KiB

After

(image error) Size: 529 KiB