Convert avatar and header images to AVIF format
|
@ -2,8 +2,8 @@
|
||||||
|
|
||||||
{% block heroImg %}
|
{% block heroImg %}
|
||||||
<picture>
|
<picture>
|
||||||
<source srcset="/assets/shrines/asummersend/images/asummersend-header-320.png" media="(orientation: landscape)" />
|
<source srcset="/assets/shrines/asummersend/images/asummersend-header-320.avif" media="(orientation: landscape)" />
|
||||||
<img src="/assets/shrines/asummersend/images/asummersend-header.png" alt="Banner of A Summer’s End — Hong Kong 1986 Shrine" />
|
<img src="/assets/shrines/asummersend/images/asummersend-header.avif" alt="Banner of A Summer’s End — Hong Kong 1986 Shrine" />
|
||||||
</picture>
|
</picture>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
|
|
||||||
{% block heroImg %}
|
{% block heroImg %}
|
||||||
<picture>
|
<picture>
|
||||||
<source srcset="/assets/shrines/cassettebeasts/images/cassettebeasts-header-320.png" media="(orientation: landscape)" />
|
<source srcset="/assets/shrines/cassettebeasts/images/cassettebeasts-header-320.avif" media="(orientation: landscape)" />
|
||||||
<img src="/assets/shrines/cassettebeasts/images/cassettebeasts-header-640.png" alt="Banner of Cassette Beasts Shrine" />
|
<img src="/assets/shrines/cassettebeasts/images/cassettebeasts-header-640.avif" alt="Banner of Cassette Beasts Shrine" />
|
||||||
</picture>
|
</picture>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
{% extends "global/hero.njk" %}
|
{% extends "global/hero.njk" %}
|
||||||
|
|
||||||
{% block heroImg %}
|
{% block heroImg %}
|
||||||
<img fetchpriority="high" src="/assets/leilukin/Leilukins-Hub-website-banner.png" alt="Banner of Leilukin's Hub">
|
<img fetchpriority="high" src="/assets/leilukin/Leilukins-Hub-website-banner.avif" alt="Banner of Leilukin's Hub">
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block heroDropShadowStyle %}
|
{% block heroDropShadowStyle %}
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
|
|
||||||
{% block heroImg %}
|
{% block heroImg %}
|
||||||
<picture>
|
<picture>
|
||||||
<source srcset="/assets/shrines/starwarskotor/images/swkotor-header-320.png" media="(orientation: landscape)" />
|
<source srcset="/assets/shrines/starwarskotor/images/swkotor-header-320.avif" media="(orientation: landscape)" />
|
||||||
<img src="/assets/shrines/starwarskotor/images/swkotor-header.jpg" alt="anner of Star Wars: Knights of the Old Republic Shrine" />
|
<img src="/assets/shrines/starwarskotor/images/swkotor-header.avif" alt="anner of Star Wars: Knights of the Old Republic Shrine" />
|
||||||
</picture>
|
</picture>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
|
|
Before Width: | Height: | Size: 34 KiB |
Before Width: | Height: | Size: 40 KiB |
Before Width: | Height: | Size: 98 KiB |
Before Width: | Height: | Size: 441 KiB |
Before Width: | Height: | Size: 529 KiB |
Before Width: | Height: | Size: 671 KiB |
Before Width: | Height: | Size: 1.4 MiB |
Before Width: | Height: | Size: 835 KiB |
Before Width: | Height: | Size: 604 KiB |
|
@ -38,7 +38,7 @@ This site is deployed to [Netlify](https://www.netlify.com/) from its GitHub rep
|
||||||
{% container "article", "content__section" %}
|
{% container "article", "content__section" %}
|
||||||
## The Webmaster
|
## The Webmaster
|
||||||
|
|
||||||
![Avatar of a drawing of Leilukin bee](/assets/leilukin/leilukin-bee.png){style="border-radius: 50%; width: 15rem; margin: 0.5em auto;"}
|
![Avatar of a drawing of Leilukin bee](/assets/leilukin/leilukin-bee.avif){loading="lazy"}{style="border-radius: 50%; width: 15rem; margin: 0.5em auto;"}
|
||||||
|
|
||||||
You can call me {{ sitemeta.siteAuthor.name }}. I am a Malaysian Chinese, queer, non-binary lesbian born in the early 90s. My pronouns are they/them and she/her in English, [他]{lang="zh"} and [她]{lang="zh"} in Chinese.
|
You can call me {{ sitemeta.siteAuthor.name }}. I am a Malaysian Chinese, queer, non-binary lesbian born in the early 90s. My pronouns are they/them and she/her in English, [他]{lang="zh"} and [她]{lang="zh"} in Chinese.
|
||||||
|
|
||||||
|
|
|
@ -16,7 +16,7 @@ Here is a list of shrines I have made for my own website.
|
||||||
|
|
||||||
## [{% cite "Star Wars: Knights of the Old Republic" %}](./starwarskotor/)
|
## [{% cite "Star Wars: Knights of the Old Republic" %}](./starwarskotor/)
|
||||||
|
|
||||||
![Key art of the Star Wars: Knights of the Old Republic series](/assets/shrines/starwarskotor/images/swkotor-header.jpg)
|
![Key art of the Star Wars: Knights of the Old Republic series](/assets/shrines/starwarskotor/images/swkotor-header.avif)
|
||||||
|
|
||||||
## [{% cite "Cassette Beasts" %}](./cassettebeasts/)
|
## [{% cite "Cassette Beasts" %}](./cassettebeasts/)
|
||||||
|
|
||||||
|
|