factor out components

1 files changed, 17 insertions, 2 deletions

diff --git a/src/layouts/Index.astro b/src/layouts/Index.astro
index b8e1945..cd7be22 100644
--- a/src/layouts/Index.astro
+++ b/src/layouts/Index.astro
@@ -1,11 +1,26 @@
 ---
 import Base from "@layouts/Base.astro";
-import Gifs from "@components/Gifs.astro";
+import Picture from "astro/components/Picture.astro";
+import gifs from "@assets/gifs";
 
 const { title, description } = Astro.props.frontmatter;
 ---
 
 <Base title={title} description={description}>
 	<slot />
-	<Gifs slot="extra_footer" />
+	<div id="gifs">
+		{
+			gifs.map(({ image, alt }) => {
+	const img = <Picture src={image} alt={alt} formats={["gif"]} />;
+
+	if (image.src.includes("steam")) {
+		return <a href="https://dnsense.pub/">{img}</a>;
+	} else if (image.src.includes("poweredbynix")) {
+		return <a href="https://github.com/sakecode">{img}</a>;
+	} else {
+		return img;
+	}
+			})
+		}
+	</div>
 </Base>