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

Compare commits

base: Leilukin:27d39ffc0c5ef0b422368dd9f024ed08d51fbcfa
Branches Tags
Leilukin:main
Leilukin:build
..
compare: Leilukin:aae7b8476aa8fd4cc25744e9708adf524a7bfacb
Branches Tags
Leilukin:build
Leilukin:main

4 Commits
27d39ffc0c ... aae7b8476a

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
Show Stats Expand all files Collapse all files

2
src/_includes/global/h-card.njk
View File

@ -1,7 +1,7 @@
<div class="h-card hidden">
<span class="p-name p-nickname">Leilukin</span>
<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-note">They/she. A proudly queer and autistic <span class="p-gender-identity">non-binary</span> lesbian from Malaysia.</span>
</div>

8
src/_includes/main/hero.njk
View File

@ -1,10 +1,14 @@
{% extends "global/hero.njk" %}
{% 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 %}
{%- 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 %}
const todayEvent = getTodayEvent();

2
src/_includes/main/support-me.njk
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>
<div class="support-me">
<!-- 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>
{%- css %}