Compare commits

...

4 Commits

Author SHA1 Message Date
Helen Chong aae7b8476a Improve drop shadow of main site hero image 2024-07-19 00:55:21 +08:00
Helen Chong f3bac7c8d9 Set width and height of main site hero image 2024-07-19 00:55:10 +08:00
Helen Chong 8710c04e98 Remove border attribute from support me badge 2024-07-19 00:39:11 +08:00
Helen Chong ccd3e46e63 Lazy load h-card profile image 2024-07-19 00:36:59 +08:00
3 changed files with 8 additions and 4 deletions

View File

@ -1,7 +1,7 @@
<div class="h-card hidden"> <div class="h-card hidden">
<span class="p-name p-nickname">Leilukin</span> <span class="p-name p-nickname">Leilukin</span>
<a href="/" class="u-url">Home page</a> <a href="/" class="u-url">Home page</a>
<img src="https://i.postimg.cc/RZJgS6tY/leilukin-bee.avif" alt="Leilukin" class="u-photo"> <img src="https://i.postimg.cc/RZJgS6tY/leilukin-bee.avif" alt="Leilukin" class="u-photo" loading="lazy">
<span class="p-country-name">Malaysia</span> <span class="p-country-name">Malaysia</span>
<span class="p-note">They/she. A proudly queer and autistic <span class="p-gender-identity">non-binary</span> lesbian from Malaysia.</span> <span class="p-note">They/she. A proudly queer and autistic <span class="p-gender-identity">non-binary</span> lesbian from Malaysia.</span>
</div> </div>

View File

@ -1,10 +1,14 @@
{% extends "global/hero.njk" %} {% extends "global/hero.njk" %}
{% block heroImg %} {% block heroImg %}
<img fetchpriority="high" src="/assets/leilukin/Leilukins-Hub-website-banner.avif" alt="Banner of Leilukin's Hub"> <img fetchpriority="high" src="/assets/leilukin/Leilukins-Hub-website-banner.avif" alt="Banner of Leilukin's Hub" width="900" height="300">
{% endblock %} {% endblock %}
{%- css %}.hero img { filter: drop-shadow(0.1rem 0.1rem 0.2rem black); }{% endcss %} {% set heroDropShadow %}
drop-shadow(0.1rem 0.1rem 0.2rem black)
drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
{% endset%}
{%- css %}.hero img { filter: {{ heroDropShadow }}; }{% endcss %}
{% block eventScript %} {% block eventScript %}
const todayEvent = getTodayEvent(); const todayEvent = getTodayEvent();

View File

@ -1,7 +1,7 @@
<p>If you enjoy my work, you can support me on <a href="https://ko-fi.com/leilukin">Ko-Fi</a>.</p> <p>If you enjoy my work, you can support me on <a href="https://ko-fi.com/leilukin">Ko-Fi</a>.</p>
<div class="support-me"> <div class="support-me">
<!-- Ko-Fi button --> <!-- Ko-Fi button -->
<a href="https://ko-fi.com/A1042UH4"><img height="36" style="border:0px;" src="/assets/buttons/misc/ko-fi.webp" border="0" alt="Buy Me a Coffee at ko-fi.com" loading="lazy"></a> <a href="https://ko-fi.com/A1042UH4"><img height="36" src="/assets/buttons/misc/ko-fi.webp" border="0" alt="Buy Me a Coffee at ko-fi.com" loading="lazy"></a>
</div> </div>
{%- css %} {%- css %}