Bring over minor changes from website

src/components/icons/SVGIcon.astro

@@ -6,11 +6,20 @@ type Props = {
   class?: string;
   fill?: string;
   children: any;
+  "aria-label"?: string;
 };
 
-const { width, height, class: className, fill = "currentColor", viewBox } = Astro.props;
+const { width, height, class: className, fill = "currentColor", viewBox, "aria-label": ariaLabel } = Astro.props;
 ---
 
-<svg style={{ width, height, fill }} class={className} viewBox={viewBox} aria-hidden="true">
+<svg
+  style={{ width, height, fill }}
+  class={className}
+  viewBox={viewBox}
+  aria-hidden={ariaLabel ? undefined : "true"}
+  role={ariaLabel ? "img" : undefined}
+  aria-label={ariaLabel}
+  focusable="false"
+>
   <slot />
 </svg>

src/content/games/crossing-over.md

@@ -46,9 +46,9 @@ relatedBlogPosts:
 
 <iframe
   class="mx-auto mb-5 mt-3 h-[169px] w-full max-w-[554px]"
-  frameborder="0"
   src="https://itch.io/embed/2547066?linkback=true&amp;border_width=2&amp;bg_color=351a1a&amp;fg_color=ffffff&amp;link_color=cd70c5&amp;border_color=473660"
   title="Crossing Over on itch.io"
-  loading="lazy"
-  ><a href="https://bad-manners.itch.io/crossing-over">Crossing Over by Bad Manners</a></iframe
+  loading="eager"
 >
+  Crossing Over by Bad Manners
+</iframe>

src/pages/feed.xml.ts

@@ -31,7 +31,7 @@ export const GET: APIRoute = async ({ site }) => {
   return rss({
     title: "Gallery | Bad Manners",
     description: "Stories, games, and more by Bad Manners.",
-    site: site,
+    site,
     xmlns: { atom: "http://www.w3.org/2005/Atom" },
     customData: `<link href="${site}" rel="alternate" type="text/html" /><atom:link href="${new URL("feed.xml", site)}" rel="self" type="application/rss+xml" />`,
     items: await Promise.all(