feat: rewrite with astro

1 files changed, 206 insertions, 0 deletions

diff --git a/src/layouts/Index.astro b/src/layouts/Index.astro
new file mode 100644
index 0000000..ea3cfb3
--- /dev/null
+++ b/src/layouts/Index.astro
@@ -0,0 +1,206 @@
+---
+import Base from "@layouts/Base.astro";
+const { title, description } = Astro.props;
+---
+
+<style>
+	#gif {
+		@apply flex gap-2;
+	}
+</style>
+
+<Base title={title} description={description}>
+	<div class="container">
+		<div class="content">
+			<slot />
+		</div>
+		<div
+			class="bg-base hidden min-[1280px]:flex flex-col gap-2 text-center items-center justify-center m-20 mt-0 mb-5 p-10 rounded-lg drop-shadow-2xl"
+		>
+			<div id="gif">
+				<img
+					src="/imgs/gifs/legalize.gif"
+					width="88"
+					height="31"
+					loading="lazy"
+					decoding="async"
+					alt="legalize now!"
+				/>
+				<img
+					src="/imgs/gifs/acab.gif"
+					width="88"
+					height="31"
+					loading="lazy"
+					decoding="async"
+					alt="acab"
+				/>
+				<a href="https://github.com/sakecode">
+					<!--
+						Powered by NixOS © 2023 by Sake is licensed under (CC BY-NC-SA 4.0)
+						To view the source visit: https://github.com/sakecode/Sake-s-SVGs 
+						To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/4.0/
+					-->
+					<img
+						src="/imgs/gifs/poweredbynix.svg"
+						width="88"
+						height="31"
+						loading="lazy"
+						decoding="async"
+						alt="powered by fedora"
+					/>
+				</a>
+				<img
+					src="/imgs/gifs/capitalism.gif"
+					width="88"
+					height="31"
+					loading="lazy"
+					decoding="async"
+					alt="let's crush capitalism!"
+				/>
+			</div>
+			<div id="gif">
+				<img
+					src="/imgs/gifs/anybrowser.gif"
+					width="88"
+					height="31"
+					loading="lazy"
+					decoding="async"
+					alt="best viewed with any browser"
+				/>
+				<img
+					src="/imgs/gifs/weezer.gif"
+					width="88"
+					height="31"
+					loading="lazy"
+					decoding="async"
+					alt="weezer fan"
+				/>
+				<a href="https://dnsense.pub/">
+					<img
+						src="/imgs/gifs/steam.gif"
+						width="88"
+						height="31"
+						loading="lazy"
+						decoding="async"
+						alt="play with steam"
+					/>
+				</a>
+				<img
+					src="/imgs/gifs/vi.gif"
+					width="88"
+					height="31"
+					loading="lazy"
+					decoding="async"
+					alt="made with vi"
+				/>
+				<img
+					src="/imgs/gifs/pride.gif"
+					width="88"
+					height="31"
+					loading="lazy"
+					decoding="async"
+					alt="pride"
+				/>
+				<img
+					src="/imgs/gifs/imagine.gif"
+					width="88"
+					height="31"
+					loading="lazy"
+					decoding="async"
+					alt="imagination"
+				/>
+			</div>
+			<div id="gif">
+				<img
+					src="/imgs/gifs/moz.gif"
+					width="88"
+					height="31"
+					loading="lazy"
+					decoding="async"
+					alt="mozilla is cool"
+				/>
+				<img
+					src="/imgs/gifs/free.gif"
+					width="88"
+					height="31"
+					loading="lazy"
+					decoding="async"
+					alt="completely free software"
+				/>
+				<img
+					src="/imgs/gifs/gimp.gif"
+					width="88"
+					height="31"
+					loading="lazy"
+					decoding="async"
+					alt="graphics by gimp"
+				/>
+				<img
+					src="/imgs/gifs/explorer.gif"
+					width="88"
+					height="31"
+					loading="lazy"
+					decoding="async"
+					alt="marijuana mind explorer"
+				/>
+				<img
+					src="/imgs/gifs/jsfree.gif"
+					width="88"
+					height="31"
+					loading="lazy"
+					decoding="async"
+					alt="javascript free"
+				/>
+				<img
+					src="/imgs/gifs/web3.gif"
+					width="88"
+					height="31"
+					loading="lazy"
+					decoding="async"
+					alt="keep the web free! say no to web3!"
+				/>
+				<img
+					src="/imgs/gifs/tired.gif"
+					width="88"
+					height="31"
+					loading="lazy"
+					decoding="async"
+					alt="tired"
+				/>
+				<img
+					src="/imgs/gifs/arnold.gif"
+					width="88"
+					height="31"
+					loading="lazy"
+					decoding="async"
+					alt="hey arnold!"
+				/>
+				<img
+					src="/imgs/gifs/bob.gif"
+					width="88"
+					height="31"
+					loading="lazy"
+					decoding="async"
+					alt="powered by bob"
+				/>
+				<img
+					src="/imgs/gifs/counterstrike.gif"
+					width="88"
+					height="31"
+					loading="lazy"
+					decoding="async"
+					alt="counter-strike player"
+				/>
+				<img
+					src="/imgs/gifs/chris.gif"
+					width="88"
+					height="31"
+					loading="lazy"
+					decoding="async"
+					alt="chris troll"
+					id="chris_gif"
+				/>
+			</div>
+		</div>
+	</div>
+</Base>