From 4cb0f2db10ff1ad6c14918944df40f284b77181b Mon Sep 17 00:00:00 2001
From: Firq <firelp42@gmail.com>
Date: Tue, 22 Oct 2024 21:34:18 +0200
Subject: [PATCH] Image sizes 2

---
 package.json                              | 2 +-
 src/components/cards/favouriteCard.astro  | 2 +-
 src/components/cards/servantCard.astro    | 7 +++++--
 src/components/cards/technologyCard.astro | 2 +-
 src/content/blog/instant-death.mdx        | 2 +-
 src/layouts/customFooter.astro            | 2 +-
 src/pages/servants.astro                  | 2 +-
 7 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index 6b3f413..371d7f0 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "@firq/fgosite",
 	"type": "module",
-	"version": "0.2.0-pre.17",
+	"version": "0.2.0-pre.18",
 	"private": true,
 	"scripts": {
 		"dev": "astro dev",
diff --git a/src/components/cards/favouriteCard.astro b/src/components/cards/favouriteCard.astro
index 7d7ada7..91c7c35 100644
--- a/src/components/cards/favouriteCard.astro
+++ b/src/components/cards/favouriteCard.astro
@@ -25,7 +25,7 @@ const loadedImage = plsLoadImage(images, imagePath)
   aria-label=`${name} - new window`
 >
   <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">
     {origin}
   </h2>
diff --git a/src/components/cards/servantCard.astro b/src/components/cards/servantCard.astro
index 608cdd6..74d808c 100644
--- a/src/components/cards/servantCard.astro
+++ b/src/components/cards/servantCard.astro
@@ -12,9 +12,10 @@ export interface Props {
   bondceImageFile: string
   ml: string
   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 bondceImagePath = `/src/assets/ce/bond-ce/${bondceImageFile}`
 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) {
   bondce_css += ' unobtained'
 }
+
+let loading: "eager" | "lazy" = index <= 5 ? "eager" : "lazy";
 ---
 
 <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">
     Level {level}<br />
     {skills}<br />
diff --git a/src/components/cards/technologyCard.astro b/src/components/cards/technologyCard.astro
index a8ba49b..30bd9bc 100644
--- a/src/components/cards/technologyCard.astro
+++ b/src/components/cards/technologyCard.astro
@@ -19,7 +19,7 @@ const loadedImage = plsLoadImage(images_logos, imagePath)
 
 <a href={link} target="_blank" rel="noopener noreferrer" aria-label={title}>
   <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>
       <h2>{title}</h2>
     </div>
diff --git a/src/content/blog/instant-death.mdx b/src/content/blog/instant-death.mdx
index 43ee5b6..6b5a6c0 100644
--- a/src/content/blog/instant-death.mdx
+++ b/src/content/blog/instant-death.mdx
@@ -2,7 +2,7 @@
 layout: ../../layouts/blogPost.astro
 title: 'FGO Mechanics: Instant Death'
 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'
 tags: ['fgo', 'games']
 ---
diff --git a/src/layouts/customFooter.astro b/src/layouts/customFooter.astro
index d0732ec..dc1746b 100644
--- a/src/layouts/customFooter.astro
+++ b/src/layouts/customFooter.astro
@@ -75,7 +75,7 @@ const release = `https://forgejo.neshweb.net/Firq/firq-dev-website/releases/tag/
       rel="noopener noreferrer">AnthonyJ</a
     > for providing me with the custom Shishou favicon.
     <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>
   <br />
diff --git a/src/pages/servants.astro b/src/pages/servants.astro
index b7cd357..cc48644 100644
--- a/src/pages/servants.astro
+++ b/src/pages/servants.astro
@@ -20,7 +20,7 @@ const description =
 >
   <SmallTitle maintext='TA Offering' subtext='Servants and CEs I can offer for your TAs' fadeout={true}/>
   <ServantSection title="Servants">
-    {servantdata.map((item) => <ServantCard {...item} />)}
+    {servantdata.map((item, index) => <ServantCard {...item} index={index} />)}
   </ServantSection>
   <div class="placeholder"></div>
   <ServantSection title="CEs">