---
import gifs from "@assets/gifs";
import Base from "@layouts/Base.astro";
import Picture from "astro/components/Picture.astro";

const { title, description } = Astro.props.frontmatter;
---

<Base title={title} description={description}>
	<slot />
	<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>