Update credits and download info

src/components/Home/CreditsSection.astro

@@ -15,11 +15,13 @@ import cheezitImage from "$assets/images/credits/cheezit.png";
 import credit9021007Image from "$assets/images/credits/9021007.gif";
 import starcenturionImage from "$assets/images/credits/starcenturion.gif";
 import gabethefirstImage from "$assets/images/credits/gabethefirst.png";
+import toastamiboImage from "$assets/images/credits/toastamibo.png";
 import happyvrImage from "$assets/images/credits/happyvr.png";
 import magolorImage from "$assets/images/credits/magolor.png";
 import tagcomputingImage from "$assets/images/credits/tagcomputing.png";
 import miaImage from "$assets/images/credits/mia.png";
 import andryImage from "$assets/images/credits/andry.png";
+import zombiebImage from "$assets/images/credits/zombieb.png";
 
 const credits = [
 	{
@@ -95,7 +97,12 @@ const credits = [
 		image: gabethefirstImage,
 	},
 	{
-		name: "HappyVR",
+		name: "toast amibo",
+		role: "Artist",
+		image: toastamiboImage,
+	},
+	{
+		name: "HappyVr",
 		role: "Leaf Shader",
 		image: happyvrImage,
 	},
@@ -114,11 +121,16 @@ const credits = [
 		role: "Test Squad",
 		image: miaImage,
 	},
-		{
+	{
 		name: "andry6702",
 		role: 'Coined the term "First EA"',
 		image: andryImage,
 	},
+	{
+		name: "ZombieB",
+		role: 'ZombieB',
+		image: zombiebImage,
+	},
 ];
 ---
 
@@ -131,25 +143,23 @@ const credits = [
 			credits.map((credit) => (
 				<div class="span4">
 					<div class="credit-entry">
-						{
+						{credit.animated ? (
-							credit.animated ? (
+							<img
-								<img
+								src={credit.image.src}
-									src={credit.image.src}
+								alt={`${credit.name} pfp`}
-									alt={`${credit.name} pfp`}
+								class="credit-avatar"
-									class="credit-avatar"
+								loading="lazy"
-									loading="lazy"
+								width="72"
-									width="72"
+								height="72"
-									height="72"
+							/>
-								/>
+						) : (
-							) : (
+							<Image
-								<Image
+								src={credit.image}
-									src={credit.image}
+								alt={`${credit.name} pfp`}
-									alt={`${credit.name} pfp`}
+								class="credit-avatar"
-									class="credit-avatar"
+								loading="lazy"
-									loading="lazy"
+							/>
-								/>
+						)}
-							)
-						}
 						<div>
 							<h3>{credit.name}</h3>
 							<p>{credit.role}</p>

src/components/Home/DownloadButton.astro

@@ -15,7 +15,7 @@ const defaultDownload = downloads[0];
 				data-download-button
 				aria-label={`Download TenWholeYears for ${defaultDownload.label}`}
 			>
-				Download for {defaultDownload.label}
+				Download for {defaultDownload.label} ({defaultDownload.version})
 			</a>
 		) : (
 			<a href="/downloads/" class="btn btn-primary btn-large">

src/pages/downloads.astro

@@ -17,9 +17,15 @@ const patchNotes = await api.builds.v1.getPatchNotes();
 			<p><a href="/">&larr; Back to home</a></p>
 			<h1>Downloads</h1>
 		</div>
-		<p class="lead">
+		<p class="lead">Choose the build for your platform.</p>
-			Choose the build for your platform.
+
-		</p>
+		<div class="alert alert-info">
+			<strong>First-time setup:</strong> Before running TenWholeYears on Windows
+			or Linux, install <b>Codename Gordon</b> through Steam by opening <a
+				href="steam://install/92">steam://install/92</a
+			> in your browser. Accept the Steam prompt and let it finish installing
+			first.
+		</div>
 
 		{
 			downloads.length > 0 ? (

src/pages/index.astro

@@ -45,7 +45,8 @@ import cardRecroomImage from "$assets/images/home/card-recroom.png";
 					</p>
 					<p class="lead">
 						Read about the inspiration behind TenWholeYears <a
-							href="#">here</a
+							href="https://blog.recroomarchive.org/ten-whole-years/"
+							>here</a
 						>.
 					</p>
 				</div>