Make the Cassette Beasts shrine hero image responsive

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

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 %}

Binary file not shown.

After

Width:  |  Height:  |  Size: 649 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.8 MiB