encie22/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Declare some image heights for better responsiveness

Browse Source
This commit is contained in:
Nathan Cummins
2025-09-05 11:24:58 +09:30
parent b3064609cf
commit e629567d32
3 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ProjectCard.astro
View File

@@ -229,7 +229,7 @@ const link = `/projects/${slugify(project.data.type)}/${slugify(project.data.slu
loading="lazy" loading="lazy"
layout="constrained" layout="constrained"
fit="cover" fit="cover"
height={192} height={250}
style={`animation-delay: -${Math.floor(Math.random() * (12 - 4) + 4)}s; animation-direction: ${Math.random() < 0.5 ? "normal" : "reverse"};`} style={`animation-delay: -${Math.floor(Math.random() * (12 - 4) + 4)}s; animation-direction: ${Math.random() < 0.5 ? "normal" : "reverse"};`}
quality={quality} quality={quality}
/> />

1
src/pages/about.astro
View File

@@ -20,6 +20,7 @@ import { Image } from "astro:assets";
alt="A photo of Nathan conducting the Woodville Concert Band" alt="A photo of Nathan conducting the Woodville Concert Band"
class="mx-auto mb-8 size-96 rounded-full object-cover drop-shadow-lg/75 transition ease-in-out md:hover:scale-150 md:hover:shadow-xl/50" class="mx-auto mb-8 size-96 rounded-full object-cover drop-shadow-lg/75 transition ease-in-out md:hover:scale-150 md:hover:shadow-xl/50"
transition:name="aboutImage" transition:name="aboutImage"
height={576}
/> />
<SectionTitle class="py-8">Dr Nathan Cummins</SectionTitle> <SectionTitle class="py-8">Dr Nathan Cummins</SectionTitle>
<H2>{site.tagline}</H2> <H2>{site.tagline}</H2>

1
src/pages/index.astro
View File

@@ -94,6 +94,7 @@ const tracks = (
alt="Nathan conducting the Woodville Concert Band" alt="Nathan conducting the Woodville Concert Band"
class="mx-auto mt-8 size-96 rounded-full object-cover drop-shadow-lg/75 transition ease-in-out md:hover:scale-150 md:hover:shadow-xl/50" class="mx-auto mt-8 size-96 rounded-full object-cover drop-shadow-lg/75 transition ease-in-out md:hover:scale-150 md:hover:shadow-xl/50"
transition:name="aboutImage" transition:name="aboutImage"
height={576}
/> />
<span class="block w-full text-center" <span class="block w-full text-center"
><a ><a