diff options
Diffstat (limited to 'src/layouts')
| -rw-r--r-- | src/layouts/Base.astro | 18 | ||||
| -rw-r--r-- | src/layouts/Blogpost.astro | 8 | ||||
| -rw-r--r-- | src/layouts/Index.astro | 206 | ||||
| -rw-r--r-- | src/layouts/Page.astro | 12 |
4 files changed, 244 insertions, 0 deletions
diff --git a/src/layouts/Base.astro b/src/layouts/Base.astro new file mode 100644 index 0000000..2e5b480 --- /dev/null +++ b/src/layouts/Base.astro @@ -0,0 +1,18 @@ +--- +import Head from "@components/Head.astro"; +import Nav from "@components/Nav.astro"; +// import Footer from "@components/Footer.astro"; +import "@styles/global.sass"; +const { title, description } = Astro.props; +--- + +<!DOCTYPE html> +<html lang="en"> + <Head title={title} description={description} /> + + <body class="bg-base"> + <Nav /> + <slot /> + <!-- <Footer /> --> + </body> +</html> diff --git a/src/layouts/Blogpost.astro b/src/layouts/Blogpost.astro new file mode 100644 index 0000000..a52a7d5 --- /dev/null +++ b/src/layouts/Blogpost.astro @@ -0,0 +1,8 @@ +--- +import Page from "@layouts/Page.astro"; +const { title, description } = Astro.props.frontmatter; +--- + +<Page title={title} description={description}> + <slot /> +</Page> 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> diff --git a/src/layouts/Page.astro b/src/layouts/Page.astro new file mode 100644 index 0000000..03569a0 --- /dev/null +++ b/src/layouts/Page.astro @@ -0,0 +1,12 @@ +--- +import Base from "@layouts/Base.astro"; +const { title, description } = Astro.props; +--- + +<Base title={title} description={description}> + <div class="container"> + <div class="content" id="blogpost"> + <slot /> + </div> + </div> +</Base> |