added more alt text

This commit is contained in:
2025-08-18 20:13:07 +02:00
parent 4b095e80c0
commit aeade6e167
3 changed files with 7 additions and 3 deletions

View File

@@ -17,7 +17,7 @@
<li>
<a href={entry.link}>
{#if entry.icon}
<img height="24px" src={entry.icon}>
<img height="24px" src={entry.icon} alt="Icon">
{/if}
{@html entry.text}
</a>

View File

@@ -4,6 +4,7 @@
subtitle: string;
fullWidth: boolean;
img: string;
imgAlt: string;
link: string;
}
@@ -30,7 +31,7 @@
{#snippet galleryEntry({entry}: {entry: GalleryEntry})}
<a class="entry" href="{entry.link}">
<img src="{entry.img}">
<img src="{entry.img}" alt="{entry.imgAlt}">
<p class="wide-font">{entry.title}</p>
<p>{@html entry.subtitle}</p>
</a>

View File

@@ -45,6 +45,7 @@
subtitle: "my active Godot game project about finding yourself in an unfamiliar future.\n<i>latest update: " + latestDevlogDate + "</i>",
fullWidth: true,
img: "projects/projectn5/devlog/2025/0523/birds_eye.webp",
imgAlt: "Project N5 screenshot of Laura looking down at two cuboids",
link: "projects/projectn5/devlog",
},
{
@@ -52,6 +53,7 @@
subtitle: "an overview of what I do and have done",
fullWidth: false,
img: "projects/project-mix.webp",
imgAlt: "A collage of multiple projects: the Unity default third-person character and CJ from GTA San Andreas in the top left; purple protagonist from Project N5 holding a massive rocket launcher in the top right; two wizards in the bottom left; a breadboard with a microcontroller and input components in the bottom right",
link: "projects",
},
{
@@ -59,12 +61,13 @@
subtitle: "find things I've put for download on my <a href='https://github.com/9001/copyparty'>copyparty</a> instance",
fullWidth: false,
img: "common/hypertext.webp",
imgAlt: "Screenshot of Hypertext Unity level. Crates are strewn across the floor, Waluigi is flying in front of the camera, and text such as 'COME AND TRY OUR ALL-NEW BLENDER' and 'omg! it's the brandenburg er tor!' is displayed",
link: "//files.denizk0461.dev/",
},
]}/>
</div>
<div class="subcontainer">
<h3>about ↬<img id="me-img" class="me-img" title="hi there" src={meImg} alt="A mini picture of me">↫ me </h3>
<h3>about ↬<img id="me-img" class="me-img" title="hi there" src={meImg} alt="Deniz, the website developer, small and pixelated">↫ me </h3>
<p>Hi! I'm Deniz. I'm a programmer, sometimes a music producer, and rarely a hard-working student in Northern Germany. Welcome to my webpage!</p>