From e49618ee8ee2cdadb2708d6d22a8bc9cf08a0cf4 Mon Sep 17 00:00:00 2001 From: Bad Manners <me@badmanners.xyz> Date: Mon, 16 Sep 2024 09:04:05 -0300 Subject: [PATCH] Bring over minor changes from website --- src/components/icons/SVGIcon.astro | 13 +++++++++++-- src/content/games/crossing-over.md | 6 +++--- src/pages/feed.xml.ts | 2 +- 3 files changed, 15 insertions(+), 6 deletions(-) diff --git a/src/components/icons/SVGIcon.astro b/src/components/icons/SVGIcon.astro index 2bcef24..ffa9e94 100644 --- a/src/components/icons/SVGIcon.astro +++ b/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> diff --git a/src/content/games/crossing-over.md b/src/content/games/crossing-over.md index 36ae153..a8f7a70 100644 --- a/src/content/games/crossing-over.md +++ b/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&border_width=2&bg_color=351a1a&fg_color=ffffff&link_color=cd70c5&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> diff --git a/src/pages/feed.xml.ts b/src/pages/feed.xml.ts index d552561..b7d03ac 100644 --- a/src/pages/feed.xml.ts +++ b/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(