denizk0461/pages
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added alt text to almost all images

Browse Source
This commit is contained in:
denizk0461
2025-08-18 19:44:53 +02:00
parent a03d71fe77
commit a335155927
28 changed files with 325 additions and 183 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/lib/banner-title-alt.svelte
View File

@@ -6,12 +6,14 @@
date = "",
subtitle = "",
banner = "",
bannerAlt = "",
pixelated,
}: {
title: string;
date?: string;
subtitle?: string;
banner?: string;
bannerAlt?: string;
pixelated?: boolean;
} = $props();
@@ -21,9 +23,9 @@
<div class="subcontainer">
<div class="img-container">
{#if pixelated}
<img class="pixelated-img" src="{banner}">
<img class="pixelated-img" src="{banner}" alt="{bannerAlt}">
{:else}
<img src="{banner}">
<img src="{banner}" alt="{bannerAlt}">
{/if}
</div>
<div class="text-container">

4
src/lib/banner-title.svelte
View File

@@ -5,16 +5,18 @@
title,
subtitle = "",
banner = "",
bannerAlt = "",
}: {
title: string;
subtitle?: string;
banner?: string;
bannerAlt?: string;
} = $props();
</script>
<div class="container notched">
<img src="{banner}">
<img src="{banner}" alt="{bannerAlt}">
<h1 class="title">{title}</h1>
</div>
{#if subtitle}

21
src/lib/devlog-posts.ts
View File

@@ -2,6 +2,7 @@ export interface DevlogPost {
title: string;
subtitle: string;
date: string;
previewAlt: string;
};
export const posts: DevlogPost[] = [
@@ -9,100 +10,120 @@ export const posts: DevlogPost[] = [
title: "Freeing the Past",
subtitle: "2025-08-16",
date: "2025/0816",
previewAlt: "Bottom-up view at Laura v1 in front of a blue sky",
},
{
title: "Remeshing and Recolouring",
subtitle: "2025-07-13",
date: "2025/0713",
previewAlt: "Close-up of Laura at face height",
},
{
title: "Reboot",
subtitle: "2025-05-23",
date: "2025/0523",
previewAlt: "Untextured Laura in a new purple level looking at two cubes",
},
{
title: "The Making of a Protagonist, Part IV",
subtitle: "2025-04-27",
date: "2025/0427",
previewAlt: "Sketches of Laura's new clothes",
},
{
title: "Refactoring",
subtitle: "2025-03-16",
date: "2025/0316",
previewAlt: "Laura t-posing in front of a smiling water tower",
},
{
title: "The Making of a Protagonist, Part III",
subtitle: "2025-02-03",
date: "2025/0203",
previewAlt: "Three t-posing untextured Lauras",
},
{
title: "The Making of a Protagonist, Part II",
subtitle: "2024-12-22",
date: "2024/1222",
previewAlt: "Laura a-posing and wearing green and brown clothes",
},
{
title: "The Making of a Protagonist, Part I",
subtitle: "2024-11-27",
date: "2024/1127",
previewAlt: "Multiple iterations of untextured hand 3D models",
},
{
title: "Visual Update",
subtitle: "2024-11-03",
date: "2024/1103",
previewAlt: "Two N5 Blaster side-to-side",
},
{
title: "Returnal Update",
subtitle: "2024-10-12",
date: "2024/1012",
previewAlt: "Protagonist aiming at two monkeys",
},
{
title: "WHERE HAVE I BEEN?? Update",
subtitle: "2024-07-13",
date: "2024/0713",
previewAlt: "Protagonist staring longingly into the distance, pointing the N5 Blaster thereto",
},
{
title: "Behind-The-Scenes Update",
subtitle: "2024-04-01",
date: "2024/0401",
previewAlt: "N5 Blaster with its lights turned off",
},
{
title: "Arena Update",
subtitle: "2024-03-24",
date: "2024/0324",
previewAlt: "Protagonist being swamped by many monkey enemies",
},
{
title: "2024-03-23",
subtitle: "",
date: "2024/0323",
previewAlt: "A red enemy being blown up by an incoming rocket",
},
{
title: "2024-03-12",
subtitle: "",
date: "2024/0312",
previewAlt: "Protagonist pointing the N5 Blaster into the sky",
},
{
title: "2024-02-10",
subtitle: "",
date: "2024/0210",
previewAlt: "Panorama of the environment",
},
{
title: "December 2023",
subtitle: "",
date: "2023/12",
previewAlt: "White protagonist holding the N5 Blaster",
},
{
title: "November 2023",
subtitle: "",
date: "2023/11",
previewAlt: "A side view of the N5 Blaster",
},
{
title: "October 2023",
subtitle: "",
date: "2023/10",
previewAlt: "Red protagonist lying on the floor, holding a purple blaster",
},
{
title: "September 2023",
subtitle: "",
date: "2023/09",
previewAlt: "Ratchet from Ratchet: Gladiator and Sans from Undertale t-posing",
},
];

9
src/lib/footer.svelte
View File

@@ -13,7 +13,13 @@
<div class="text-container">
<p>〔 2023–2025 〕<i>denizk0461</i></p>
</div>
<img onclick={playSound} title="the bottom rat" class="bottom-rat clickable" src="/common/rat/spookyrat.webp">
<input
type="image"
on:click={playSound}
title="the bottom rat"
alt="the bottom rat"
class="bottom-rat"
src="/common/rat/spookyrat.webp">
</footer>
<style>
@@ -24,7 +30,6 @@
bottom: 0;
height: 120px;
width: 100%;
/* overflow: hidden; */
backdrop-filter: blur(6px);
}

12
src/lib/table-of-contents.svelte
View File

@@ -54,14 +54,18 @@
{#if disableStickyScrolling}
<div class="toc-container notched">
<ul class="toc-list" bind:this={container}></ul>
{@render tocList()}
</div>
{:else}
<div class="toc-container notched sticky-toc">
<ul class="toc-list" bind:this={container}></ul>
{@render tocList()}
</div>
{/if}
{#snippet tocList()}
<ul class="toc-list" bind:this={container}></ul>
{/snippet}
<style>
:global {
.toc-container {
@@ -87,8 +91,8 @@
}
.toc-list li a {
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 24px;
display: inline-block;
color: var(--color-text);