Specify SVG format, remove crt image prefetch

evadecker · evadecker · commit 7567756e6f06 · 2025-04-14T13:49:24.000-04:00
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -2,14 +2,14 @@
 import "../styles/index.css";
 
 interface Props {
-	title: string;
+  title: string;
 }
 
 const { title } = Astro.props;
 
 const canonicalURL = new URL(Astro.url.pathname, Astro.site);
 const pageTitle =
-	Astro.url.pathname === "/" ? title : `${title} | Hypertext TV`;
+  Astro.url.pathname === "/" ? title : `${title} | Hypertext TV`;
 ---
 
 <!doctype html>
diff --git a/src/pages/credits/_sections/BuiltWith.astro b/src/pages/credits/_sections/BuiltWith.astro
@@ -14,28 +14,33 @@ import three from "../_images/three.svg";
   <h2>Built With</h2>
   <div class="thanks">
     <a href="https://astro.build/">
-      <Image src={astro} alt="Astro" height={64} />
+      <Image src={astro} alt="Astro" height={64} format="svg" />
     </a>
     <a href="https://biomejs.dev/">
-      <Image src={biome} alt="Biome" height={48} />
+      <Image src={biome} alt="Biome" height={48} format="svg" />
     </a>
     <a href="https://codepen.io/">
-      <Image src={codepen} alt="Codepen" height={44} />
+      <Image src={codepen} alt="Codepen" height={44} format="svg" />
     </a>
     <a href="https://www.figma.com/">
-      <Image src={figma} alt="Figma" height={48} />
+      <Image src={figma} alt="Figma" height={48} format="svg" />
     </a>
     <a href="https://threejs.org/">
-      <Image src={three} alt="Three.js" height={68} />
+      <Image src={three} alt="Three.js" height={68} format="svg" />
     </a>
     <a href="https://are.na/">
-      <Image src={arena} alt="Are.na" height={48} />
+      <Image src={arena} alt="Are.na" height={48} format="svg" />
     </a>
     <a href="https://frontend.horse/">
-      <Image src={frontendHorse} alt="Frontend Horse" height={80} />
+      <Image
+        src={frontendHorse}
+        alt="Frontend Horse"
+        height={80}
+        format="svg"
+      />
     </a>
     <a href="https://sfpc.study/">
-      <Image src={sfpc} alt="SFPC" height={68} />
+      <Image src={sfpc} alt="SFPC" height={68} format="svg" />
     </a>
   </div>
 </section>
diff --git a/src/pages/credits/index.astro b/src/pages/credits/index.astro
@@ -2,11 +2,11 @@
 import Television from "src/components/Television.astro";
 import Layout from "src/layouts/Layout.astro";
 import { GET } from "../api/contributors.json";
+import BuiltWith from "./_sections/BuiltWith.astro";
 import Featuring from "./_sections/Featuring.astro";
 import Fonts from "./_sections/Fonts.astro";
 import Intro from "./_sections/Intro.astro";
 import Rainbow from "./_sections/Rainbow.astro";
-import Thanks from "./_sections/Thanks.astro";
 
 const response = await GET(Astro);
 const contributors: string[] = await response.json();
@@ -25,7 +25,7 @@ const contributors: string[] = await response.json();
         <Intro />
         <Featuring contributors={contributors} />
         <Fonts />
-        <Thanks />
+        <BuiltWith />
       </div>
     </div>
     <Rainbow />
