Leilukin
/
leilukin-site
mirror of https://github.com/helenclx/leilukin-site.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Make hero image of KotOR shrine responsive

This commit is contained in:
Helen Chong 2024-04-20 12:48:53 +08:00
parent 11223e8fc4
commit 306cf6fb05
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