added lazy loading and async decode to all images and 2 more buttons

This commit is contained in:
Heli-o 2024-10-14 20:43:56 +02:00
parent 92804b90e8
commit fa106e66e5
8 changed files with 39 additions and 9 deletions

View file

@ -5,4 +5,4 @@ tags: character, protogen
Tho here is his image ^fde6d9 Tho here is his image ^fde6d9
<a href="https://assets.nexie.net/characters/flow/headshot.webp"><img style="max-height:250px;" src="https://assets.nexie.net/characters/flow/headshot.webp"></a> <a href="https://assets.nexie.net/characters/flow/headshot.webp"><img style="max-height:250px;" src="https://assets.nexie.net/characters/flow/headshot.webp" loading="lazy" decoding="async"/></a>

View file

@ -4,6 +4,6 @@ tags: character, dragon
Helio is a western dragon with plasma running inside of him ^63d074 Helio is a western dragon with plasma running inside of him ^63d074
### Ref Sheet ### Ref Sheet
<a href="https://assets.nexie.net/characters/helio/refsheet.webp"><img style="max-height:250px;" src="https://assets.nexie.net/characters/helio/refsheet.webp"></a> <a href="https://assets.nexie.net/characters/helio/refsheet.webp"><img style="max-height:250px;" src="https://assets.nexie.net/characters/helio/refsheet.webp" loading="lazy" decoding="async"></a>
- Artist is [@starlyscies](https://www.deviantart.com/starlyscies) on DeviantArt - Artist is [@starlyscies](https://www.deviantart.com/starlyscies) on DeviantArt

View file

@ -1,10 +1,10 @@
Ulysia is a female silkwing ^30ce5f Ulysia is a female silkwing ^30ce5f
### Headshot ### Headshot
<a href="https://assets.nexie.net/characters/ulysia/iter1/headshot.webp"><img style="max-height:250px;" src="https://assets.nexie.net/characters/ulysia/iter1/headshot.webp"></a> <a href="https://assets.nexie.net/characters/ulysia/iter1/headshot.webp"><img style="max-height:250px;" src="https://assets.nexie.net/characters/ulysia/iter1/headshot.webp" loading="lazy" decoding="async"></a>
- Artist is [Amoadragon](https://twitter.com/aomadragon) on Twitter - Artist is [Amoadragon](https://twitter.com/aomadragon) on Twitter
### Ref Sheet ### Ref Sheet
<a href="https://assets.nexie.net/characters/ulysia/iter1/refsheet.webp"><img style="max-height:250px;" src="https://assets.nexie.net/characters/ulysia/iter1/refsheet.webp"></a> <a href="https://assets.nexie.net/characters/ulysia/iter1/refsheet.webp"><img style="max-height:250px;" src="https://assets.nexie.net/characters/ulysia/iter1/refsheet.webp" loading="lazy" decoding="async"></a>
- Artist of the bases used is [K9Pestilence](https://sta.sh/2rpe0f28aat) - Artist of the bases used is [K9Pestilence](https://sta.sh/2rpe0f28aat)

View file

@ -4,6 +4,6 @@ tags: character, kobold
An adorable kobold bought as an adopt from [AzuralCobaltros](https://www.deviantart.com/azuralcobaltros) An adorable kobold bought as an adopt from [AzuralCobaltros](https://www.deviantart.com/azuralcobaltros)
*(name might change)* ^7d6790 *(name might change)* ^7d6790
<a href="https://assets.nexie.net/characters/scarlet/refsheet.webp"><img style="max-height:250px;" src="https://assets.nexie.net/characters/scarlet/refsheet.webp"></a> <a href="https://assets.nexie.net/characters/scarlet/refsheet.webp"><img style="max-height:250px;" src="https://assets.nexie.net/characters/scarlet/refsheet.webp" loading="lazy" decoding="async"></a>
- Artist is [AzuralCbaltros](https://www.deviantart.com/azuralcobaltros) on DeviantArt - Artist is [AzuralCbaltros](https://www.deviantart.com/azuralcobaltros) on DeviantArt

View file

@ -9,12 +9,12 @@ Ulysia is a moth-dragon hybrid. She can squeak like a deathhead hawkmoth and ret
Her [Twitter](https://x.com/Helga_Dragon "https://x.com/Helga_Dragon") and [FurAffinity](https://www.furaffinity.net/user/mydrawnworld/ "https://www.furaffinity.net/user/mydrawnworld/") Her [Twitter](https://x.com/Helga_Dragon "https://x.com/Helga_Dragon") and [FurAffinity](https://www.furaffinity.net/user/mydrawnworld/ "https://www.furaffinity.net/user/mydrawnworld/")
### Ref Sheet ### Ref Sheet
<a href="https://assets.nexie.net/characters/ulysia/refsheet.png"><img style="max-height:250px;" src="https://assets.nexie.net/characters/ulysia/refsheet.webp"></a> <a href="https://assets.nexie.net/characters/ulysia/refsheet.png"><img style="max-height:250px;" src="https://assets.nexie.net/characters/ulysia/refsheet.webp" loading="lazy" decoding="async"></a>
### Plushified version by Clodinator ### Plushified version by Clodinator
[Clodinator's youtube](https://www.youtube.com/@Clodinator) [Clodinator's youtube](https://www.youtube.com/@Clodinator)
<a href="https://assets.derg.cz/characters/ulysia/uly-plush-by-clodinator.png"><img style="max-height:250px;" src="https://assets.derg.cz/characters/ulysia/uly-plush-by-clodinator.png"></a> <a href="https://assets.derg.cz/characters/ulysia/uly-plush-by-clodinator.png"><img style="max-height:250px;" src="https://assets.derg.cz/characters/ulysia/uly-plush-by-clodinator.png" loading="lazy" decoding="async"></a>
# History # History
Date = last used `(dd/mm/yyyy format)` Date = last used `(dd/mm/yyyy format)`

View file

@ -15,4 +15,4 @@ Some characters (currently only Ulysia) have a history section which holds past
# Size Chart for the dragons # Size Chart for the dragons
> [!note] Ulysias appearance has changed. See her current appearance in [[Ulysia]] > [!note] Ulysias appearance has changed. See her current appearance in [[Ulysia]]
<a href="https://assets.nexie.net/characters/sizeref.png"><img style="max-width:100%;" src="https://assets.nexie.net/characters/sizeref.webp"></a> <a href="https://assets.nexie.net/characters/sizeref.png"><img style="max-width:100%;" src="https://assets.nexie.net/characters/sizeref.webp" loading="lazy" decoding="async"></a>

View file

@ -62,7 +62,13 @@ export default (() => {
if (contentType === "image") { if (contentType === "image") {
return ( return (
<a href={button.url}> <a href={button.url}>
<img src={button.image} alt={button.alt} title={button.title} /> <img
src={button.image}
alt={button.alt}
title={button.title}
loading="lazy"
decoding="async"
/>
</a> </a>
) )
} else if (contentType === "iframe") { } else if (contentType === "iframe") {

View file

@ -28,6 +28,14 @@
"type": "friend", "type": "friend",
"contentType": "image" "contentType": "image"
}, },
{
"image": "https://assets.derg.cz/buttons/queerpride.gif",
"url": "https://assets.derg.cz/buttons/queerpride.gif",
"alt": "Queer pride!",
"title": "Queer pride!",
"type": "misc",
"contentType": "image"
},
{ {
"image": "https://assets.derg.cz/buttons/dragons-now.jpg", "image": "https://assets.derg.cz/buttons/dragons-now.jpg",
"url": "https://assets.derg.cz/buttons/dragons-now.jpg", "url": "https://assets.derg.cz/buttons/dragons-now.jpg",
@ -59,5 +67,21 @@
"title": "HL:New Lambda research facility", "title": "HL:New Lambda research facility",
"type": "misc", "type": "misc",
"contentType": "image" "contentType": "image"
},
{
"image": "https://assets.derg.cz/buttons/phonechump.gif",
"url": "https://assets.derg.cz/buttons/phonechump.gif",
"alt": "Don't be a phone chump! Get a computer!",
"title": "Don't be a phone chump! Get a computer!",
"type": "misc",
"contentType": "image"
},
{
"image": "https://assets.derg.cz/buttons/narrow-head.gif",
"url": "https://assets.derg.cz/buttons/narrow-head.gif",
"alt": "Coming soon.",
"title": "C̴̼͗ǫ̶̒m̷͓͒ī̴̲ṇ̷̐g̶̹͛ ̶̣͗s̸̻͠ō̷̠o̵̝͐n̴̡̚.̷̼̆",
"type": "misc",
"contentType": "image"
} }
] ]