Image sizes 2
All checks were successful
/ astro-check (push) Successful in 13s
/ get-version (push) Successful in 2s
/ check-tag (push) Successful in 2s
/ build-site (push) Successful in 1m12s
/ run-unlighthouse (push) Successful in 0s
/ auto-deploy-dockge (push) Successful in 19s
/ checking (push) Successful in 13s
/ create-release (push) Successful in 56s

This commit is contained in:
Firq 2024-10-22 21:34:18 +02:00
parent 031d057811
commit 4cb0f2db10
Signed by: Firq
GPG key ID: 3ACC61C8CEC83C20
7 changed files with 11 additions and 8 deletions

View file

@ -1,7 +1,7 @@
{ {
"name": "@firq/fgosite", "name": "@firq/fgosite",
"type": "module", "type": "module",
"version": "0.2.0-pre.17", "version": "0.2.0-pre.18",
"private": true, "private": true,
"scripts": { "scripts": {
"dev": "astro dev", "dev": "astro dev",

View file

@ -25,7 +25,7 @@ const loadedImage = plsLoadImage(images, imagePath)
aria-label=`${name} - new window` aria-label=`${name} - new window`
> >
<div class="heading">{name}</div> <div class="heading">{name}</div>
<Image src={loadedImage} alt={name} loading={'eager'}/> <Image src={loadedImage} alt={name} loading={'eager'} width={256} height={256} quality={100}/>
<h2 class="subtext"> <h2 class="subtext">
{origin} {origin}
</h2> </h2>

View file

@ -12,9 +12,10 @@ export interface Props {
bondceImageFile: string bondceImageFile: string
ml: string ml: string
bond10: boolean bond10: boolean
index: number
} }
const { bond10, ml, bondceImageFile, servantImageFile, np, skills, level, name } = Astro.props const { bond10, ml, bondceImageFile, servantImageFile, np, skills, level, name, index } = Astro.props
const servantImagePath = `/src/assets/servant/${servantImageFile}` const servantImagePath = `/src/assets/servant/${servantImageFile}`
const bondceImagePath = `/src/assets/ce/bond-ce/${bondceImageFile}` const bondceImagePath = `/src/assets/ce/bond-ce/${bondceImageFile}`
const images_servants = import.meta.glob<GlobImage>('/src/assets/servant/*.{png,webp}') const images_servants = import.meta.glob<GlobImage>('/src/assets/servant/*.{png,webp}')
@ -27,10 +28,12 @@ let bondce_css: string = 'bond-ce'
if (bond10 === false) { if (bond10 === false) {
bondce_css += ' unobtained' bondce_css += ' unobtained'
} }
let loading: "eager" | "lazy" = index <= 5 ? "eager" : "lazy";
--- ---
<article> <article>
<Image src={loadedServantImage} width={128} height={128} alt={name} quality={100} /> <Image src={loadedServantImage} width={128} height={128} alt={name} quality={100} loading={loading}/>
<h2 class="subtext"> <h2 class="subtext">
Level {level}<br /> Level {level}<br />
{skills}<br /> {skills}<br />

View file

@ -19,7 +19,7 @@ const loadedImage = plsLoadImage(images_logos, imagePath)
<a href={link} target="_blank" rel="noopener noreferrer" aria-label={title}> <a href={link} target="_blank" rel="noopener noreferrer" aria-label={title}>
<article> <article>
<Image src={loadedImage} alt={title} loading={'eager'} width={100} height={100} quality={100}/> <Image src={loadedImage} alt="" loading={'eager'} width={150} height={150} quality={100}/>
<div> <div>
<h2>{title}</h2> <h2>{title}</h2>
</div> </div>

View file

@ -2,7 +2,7 @@
layout: ../../layouts/blogPost.astro layout: ../../layouts/blogPost.astro
title: 'FGO Mechanics: Instant Death' title: 'FGO Mechanics: Instant Death'
pubDate: 2023-08-19 pubDate: 2023-08-19
description: 'Blog post talking about instant death in FGO, how you can take advantage of it and what its limits are.' description: 'Blog post talking about instant death in FGO and how you can take advantage.'
author: 'Firq' author: 'Firq'
tags: ['fgo', 'games'] tags: ['fgo', 'games']
--- ---

View file

@ -75,7 +75,7 @@ const release = `https://forgejo.neshweb.net/Firq/firq-dev-website/releases/tag/
rel="noopener noreferrer">AnthonyJ</a rel="noopener noreferrer">AnthonyJ</a
> for providing me with the custom Shishou favicon. > for providing me with the custom Shishou favicon.
<div class="sticky-image-wrapper"> <div class="sticky-image-wrapper">
<Image src={padoru} alt="Hashire sori yo ..." /> <Image src={padoru} alt="Hashire sori yo ..." width={64} height={64} quality={100}/>
</div> </div>
</div> </div>
<br /> <br />

View file

@ -20,7 +20,7 @@ const description =
> >
<SmallTitle maintext='TA Offering' subtext='Servants and CEs I can offer for your TAs' fadeout={true}/> <SmallTitle maintext='TA Offering' subtext='Servants and CEs I can offer for your TAs' fadeout={true}/>
<ServantSection title="Servants"> <ServantSection title="Servants">
{servantdata.map((item) => <ServantCard {...item} />)} {servantdata.map((item, index) => <ServantCard {...item} index={index} />)}
</ServantSection> </ServantSection>
<div class="placeholder"></div> <div class="placeholder"></div>
<ServantSection title="CEs"> <ServantSection title="CEs">