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
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:
parent
031d057811
commit
4cb0f2db10
7 changed files with 11 additions and 8 deletions
|
@ -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",
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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 />
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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']
|
||||
---
|
||||
|
|
|
@ -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 />
|
||||
|
|
|
@ -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">
|
||||
|
|
Loading…
Reference in a new issue