Leilukin/leilukin-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make hero image of KotOR shrine responsive

Browse Source
This commit is contained in:
Leilukin 2024-04-20 12:48:53 +08:00 committed by Helen Chong
parent 17fa139b64
commit 521c8a1589
2 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/starwarskotor/hero.njk
View File

@ -1,7 +1,10 @@
{% extends "global/hero.njk" %} {% extends "global/hero.njk" %}
{% block heroImg %} {% block heroImg %}
<img src="/assets/starwarskotor/images/swkotor-header.jpg" alt="Banner of Star Wars: Knights of the Old Republic Shrine"> <picture>
<source srcset="/assets/starwarskotor/images/swkotor-header-320.png" media="(orientation: landscape)" />
<img src="/assets/starwarskotor/images/swkotor-header.jpg" alt="anner of Star Wars: Knights of the Old Republic Shrine" />
</picture>
{% endblock %} {% endblock %}
{% block eventScript %} {% block eventScript %}

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 835 KiB