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

Make the Cassette Beasts shrine hero image responsive

Browse Source
This commit is contained in:
Helen Chong 2024-04-20 11:57:56 +08:00
parent 6162aca256
commit 8482b45dbe
4 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/_includes/cassettebeasts/hero.njk
View File

@ -1,7 +1,10 @@
{% extends "global/hero.njk" %}
{% block heroImg %}
<img src="/assets/cassettebeasts/images/cassettebeasts-header.png" alt="Banner of Cassette Beasts Shrine">
<picture>
<source srcset="/assets/cassettebeasts/images/cassettebeasts-header-640.png" media="(orientation: portrait)" />
<img src="/assets/cassettebeasts/images/cassettebeasts-header-320.png" alt="Banner of Cassette Beasts Shrine" />
</picture>
{% endblock %}
{% block eventScript %}

BIN
src/assets/cassettebeasts/images/cassettebeasts-header-320.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 649 KiB

BIN
src/assets/cassettebeasts/images/cassettebeasts-header-640.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 MiB

BIN
src/assets/cassettebeasts/images/cassettebeasts-header.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.8 MiB