refactor; use plain css

1 files changed, 20 insertions, 0 deletions

diff --git a/src/components/Gifs.astro b/src/components/Gifs.astro
new file mode 100644
index 0000000..b82230e
--- /dev/null
+++ b/src/components/Gifs.astro
@@ -0,0 +1,20 @@
+---
+import Picture from "astro/components/Picture.astro";
+import gifs from "@assets/gifs";
+---
+
+<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>