diff options
Diffstat (limited to 'src/layouts/Index.astro')
| -rw-r--r-- | src/layouts/Index.astro | 206 |
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> |