feat: rewrite with astro

author: seth <[email protected]> 2023-05-16 03:53:24 -0400
committer: seth <[email protected]> 2023-05-16 04:08:37 -0400
commit: 681cd8c1cc2904c562f9a58db3cbb657d58fb552 (patch)
tree: 9255f71e577fc82f079c16ff493f432ca5557284 /src
parent: bf4df962be338c08ae41bed94b1d60b2930fca9f (diff)
66 files changed, 412 insertions, 610 deletions
diff --git a/src/_includes/components/footer.njk b/src/_includes/components/footer.njk
deleted file mode 100644
index 2d88e70..0000000
--- a/src/_includes/components/footer.njk
+++ /dev/null
@@ -1,6 +0,0 @@
-<footer>
-	<div id="commitText">
-		<a href="https://github.com/getchoo/getchoo.github.io">source</a>
-		commit: {{ gitRevision }}
-	</div>
-</footer>
diff --git a/src/_includes/components/headerbar.njk b/src/_includes/components/headerbar.njk
deleted file mode 100644
index 0edc922..0000000
--- a/src/_includes/components/headerbar.njk
+++ /dev/null
@@ -1,9 +0,0 @@
-<div class="headerbar">
-	<div id="links" class="flex gap-3">
-		<button onclick="window.location.href='/'">home</button>
-		<button onclick="window.location.href='/blog'">blog</button>
-		<button onclick="window.location.href='https://github.com/getchoo'">
-			github
-		</button>
-	</div>
-</div>
diff --git a/src/_includes/components/postlist.njk b/src/_includes/components/postlist.njk
deleted file mode 100644
index f7d2b95..0000000
--- a/src/_includes/components/postlist.njk
+++ /dev/null
@@ -1,17 +0,0 @@
-<div>
-	<ul class="postList">
-		{% for post in postList %}
-		<li>
-			<a href="{{ post.data.url }}">{{ post.data.title }}</a>
-			<time
-				class="post-date"
-				datetime="{{ post.data.date | date('DATETIME') }}"
-			>
-				{{ post.data.date | date('HUMAN_DATE') }}
-			</time>
-		</li>
-		{% else %}
-		<p>no posts yet! 🥸</p>
-		{% endfor %}
-	</ul>
-</div>
diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk
deleted file mode 100644
index 51f160b..0000000
--- a/src/_includes/layouts/base.njk
+++ /dev/null
@@ -1,17 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
-		<title>{{ title }}</title>
-		<meta name="description" content="{{ description }}" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<link rel="stylesheet" href="/guzzle.css" />
-	</head>
-
-	<body>
-		{% block headerbar %} {% include "components/headerbar.njk" %} {%
-		endblock %} {{ content | safe }} {% block footer %} {% include
-		"components/footer.njk" %} {% endblock %}
-	</body>
-</html>
diff --git a/src/_includes/layouts/index.njk b/src/_includes/layouts/index.njk
deleted file mode 100644
index b2373e4..0000000
--- a/src/_includes/layouts/index.njk
+++ /dev/null
@@ -1,193 +0,0 @@
----
-layout: "layouts/base.njk"
----
-
-<div class="container">
-	<div class="content">{{ content | safe }}</div>
-	<div id="gifs">
-		<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>
diff --git a/src/_includes/layouts/page.njk b/src/_includes/layouts/page.njk
deleted file mode 100644
index d355024..0000000
--- a/src/_includes/layouts/page.njk
+++ /dev/null
@@ -1,7 +0,0 @@
----
-layout: layouts/base.njk
----
-
-<div class="container">
-	<div class="content" id="blogpost">{{ content | safe }}</div>
-</div>
diff --git a/src/blog/index.njk b/src/blog/index.njk
deleted file mode 100644
index 7922a48..0000000
--- a/src/blog/index.njk
+++ /dev/null
@@ -1,8 +0,0 @@
----
-layout: "layouts/page.njk"
-title: "getchoo's blog"
-description: "getchoo's blog posts"
----
-
-{% set postList = search.pages("type=posts", "date=desc", 3) %} {% include
-"components/postlist.njk" %}
diff --git a/src/blog/posts/2023-03-17_test.md b/src/blog/posts/2023-03-17_test.md
deleted file mode 100644
index 7d0a029..0000000
--- a/src/blog/posts/2023-03-17_test.md
+++ /dev/null
@@ -1,9 +0,0 @@
----
-title: test post
-description: test test
-draft: true
----
-
-# uwu
-
-hello
diff --git a/src/blog/posts/_data.yaml b/src/blog/posts/_data.yaml
deleted file mode 100644
index 9287093..0000000
--- a/src/blog/posts/_data.yaml
+++ /dev/null
@@ -1,2 +0,0 @@
-type: posts
-layout: layouts/page.njk
diff --git a/src/components/Head.astro b/src/components/Head.astro
new file mode 100644
index 0000000..6f96984
--- /dev/null
+++ b/src/components/Head.astro
@@ -0,0 +1,11 @@
+---
+const { title, description } = Astro.props.title;
+---
+
+<head>
+	<meta charset="utf-8" />
+	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+	<title>{title}</title>
+	<meta name="description" content={description} />
+	<meta name="viewport" content="width=device-width, initial-scale=1" />
+</head>
diff --git a/src/components/Nav.astro b/src/components/Nav.astro
new file mode 100644
index 0000000..d25b180
--- /dev/null
+++ b/src/components/Nav.astro
@@ -0,0 +1,29 @@
+---
+const links = {
+	home: "/",
+	blog: "/blog",
+	github: "https://github.com/getchoo",
+};
+---
+
+<nav>
+	<div
+		class="flex flex-column align-center justify-center mx-auto p-5"
+		<ul
+		class="inline"
+	>
+		{
+			Object.entries(links).map(([link, url]) => (
+				<li class="inline text-base p-2">
+					<a href={url}>{link}</a>
+				</li>
+			))
+		}
+	</div>
+</nav>
+
+<style>
+	a {
+		@apply rounded-xl bg-yellow p-2;
+	}
+</style>
diff --git a/src/components/PostList.astro b/src/components/PostList.astro
new file mode 100644
index 0000000..a537e43
--- /dev/null
+++ b/src/components/PostList.astro
@@ -0,0 +1,15 @@
+---
+const posts = await Astro.glob("../pages/blog/posts/*.md");
+---
+
+<div>
+	<ul class="postList">
+		{
+			posts.map((post) => (
+				<li>
+					<a href={post.url}>{post.frontmatter.title}</a>
+				</li>
+			))
+		}
+	</ul>
+</div>
diff --git a/src/env.d.ts b/src/env.d.ts
new file mode 100644
index 0000000..f964fe0
--- /dev/null
+++ b/src/env.d.ts
@@ -0,0 +1 @@
+/// <reference types="astro/client" />
diff --git a/src/favicon.ico b/src/favicon.ico
deleted file mode 100644
index 4880f14..0000000
--- a/src/favicon.ico
+++ /dev/null
diff --git a/src/files/chris.webp b/src/files/chris.webp
deleted file mode 100644
index d313814..0000000
--- a/src/files/chris.webp
+++ /dev/null
diff --git a/src/files/getchoo-modpack.zip b/src/files/getchoo-modpack.zip
deleted file mode 100644
index e5a3839..0000000
--- a/src/files/getchoo-modpack.zip
+++ /dev/null
diff --git a/src/files/rickroll.mp4 b/src/files/rickroll.mp4
deleted file mode 100644
index b988dc4..0000000
--- a/src/files/rickroll.mp4
+++ /dev/null
diff --git a/src/files/server-icon.png b/src/files/server-icon.png
deleted file mode 100644
index 81bd6b7..0000000
--- a/src/files/server-icon.png
+++ /dev/null
diff --git a/src/guzzle.sass b/src/guzzle.sass
deleted file mode 100644
index 47aece9..0000000
--- a/src/guzzle.sass
+++ /dev/null
@@ -1,96 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;700&display=swap')
-@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500&display=swap')
-@import "css/highlight.css"
-
-@tailwind base
-@tailwind components
-@tailwind utilities
-@tailwind variants
-
-html
-	font-family: "Noto Sans", sans-serif
-
-h1
-	@apply text-2xl
-
-h2
-	@apply text-xl 
-
-h3
-	@apply text-lg
-
-p,li
-	@apply text-base
-
-a
-	@apply underline
-
-button
-	@apply rounded-xl bg-yellow p-2 text-center
-
-blockquote
-	@apply bg-surface2 p-2 rounded-xl
-	p
-		@apply bg-surface2 text-text
-
-	code
-		@apply bg-surface2 text-text p-0
-
-code 
-	@apply bg-base text-text p-[0.1em]
-
-body
-	@apply bg-base p-10
-
-footer
-	@apply text-xs flex items-center justify-center
-
-.container
-	@apply bg-lavender
-	@apply flex flex-auto flex-col
-	@apply items-center justify-center
-	@apply w-fit mx-auto
-	@apply rounded-lg
-
-.content
-	@apply inline-block text-center p-5
-	img
-		// this is dumb
-		@apply mx-auto
-
-.headerbar
-	@apply flex flex-col
-	@apply items-center justify-center
-	@apply mx-auto rounded p-3
-
-#blogpost
-	h1 
-		@apply bg-base text-4xl mx-auto p-5 mb-5 mt-5 text-text text-center w-fit
-	h2
-		@apply bg-base text-xl mx-auto p-3 mb-5 mt-5 text-text text-center w-fit
-	h3
-		@apply bg-base text-lg mx-auto p-1 mb-5 mt-5 text-text text-center w-fit
-
-	@apply lg:max-w-6xl text-left items-center
-
-#blogText
-	@apply bg-blue rounded-xl p-5
-
-#commitText
-	@apply text-subtext1 p-2
-
-#indexHeader
-	@apply bg-base w-fit h-fit mx-auto rounded p-5 text-text
-
-#gifs
-	@apply bg-base
-	@apply hidden min-[1280px]:flex flex-col gap-2
-	@apply text-center items-center justify-center
-	@apply m-20 mt-0 mb-5 p-10
-	@apply rounded-lg drop-shadow-2xl
-
-#gif
-	@apply flex gap-2
-
-#vidya
-	@apply flex justify-center p-5
diff --git a/src/imgs/chris/bkender_bauob.jpg b/src/imgs/chris/bkender_bauob.jpg
deleted file mode 100644
index aa32641..0000000
--- a/src/imgs/chris/bkender_bauob.jpg
+++ /dev/null
diff --git a/src/imgs/chris/blurry_chris.jpg b/src/imgs/chris/blurry_chris.jpg
deleted file mode 100644
index 331ab3e..0000000
--- a/src/imgs/chris/blurry_chris.jpg
+++ /dev/null
diff --git a/src/imgs/chris/chis_very_fried.jpg b/src/imgs/chris/chis_very_fried.jpg
deleted file mode 100644
index e5ee71b..0000000
--- a/src/imgs/chris/chis_very_fried.jpg
+++ /dev/null
diff --git a/src/imgs/chris/chris_medium_fried.jpg b/src/imgs/chris/chris_medium_fried.jpg
deleted file mode 100644
index b11f978..0000000
--- a/src/imgs/chris/chris_medium_fried.jpg
+++ /dev/null
diff --git a/src/imgs/chris/chris_moshed.jpg b/src/imgs/chris/chris_moshed.jpg
deleted file mode 100644
index 6d1c3de..0000000
--- a/src/imgs/chris/chris_moshed.jpg
+++ /dev/null
diff --git a/src/imgs/chris/fried_publisher.jpg b/src/imgs/chris/fried_publisher.jpg
deleted file mode 100644
index 0ac6e38..0000000
--- a/src/imgs/chris/fried_publisher.jpg
+++ /dev/null
diff --git a/src/imgs/chris/help_me.png b/src/imgs/chris/help_me.png
deleted file mode 100644
index 3ac2f67..0000000
--- a/src/imgs/chris/help_me.png
+++ /dev/null
diff --git a/src/imgs/chris/nice_chris.png b/src/imgs/chris/nice_chris.png
deleted file mode 100644
index af64d6a..0000000
--- a/src/imgs/chris/nice_chris.png
+++ /dev/null
diff --git a/src/imgs/chris/nice_publisher.png b/src/imgs/chris/nice_publisher.png
deleted file mode 100644
index 759ef51..0000000
--- a/src/imgs/chris/nice_publisher.png
+++ /dev/null
diff --git a/src/imgs/construction.png b/src/imgs/construction.png
deleted file mode 100644
index 1c038b0..0000000
--- a/src/imgs/construction.png
+++ /dev/null
diff --git a/src/imgs/gifs/acab.gif b/src/imgs/gifs/acab.gif
deleted file mode 100644
index 6f8ccef..0000000
--- a/src/imgs/gifs/acab.gif
+++ /dev/null
diff --git a/src/imgs/gifs/anybrowser.gif b/src/imgs/gifs/anybrowser.gif
deleted file mode 100644
index d7c0e0e..0000000
--- a/src/imgs/gifs/anybrowser.gif
+++ /dev/null
diff --git a/src/imgs/gifs/arnold.gif b/src/imgs/gifs/arnold.gif
deleted file mode 100644
index 0035988..0000000
--- a/src/imgs/gifs/arnold.gif
+++ /dev/null
diff --git a/src/imgs/gifs/bob.gif b/src/imgs/gifs/bob.gif
deleted file mode 100644
index 90b6dd5..0000000
--- a/src/imgs/gifs/bob.gif
+++ /dev/null
diff --git a/src/imgs/gifs/capitalism.gif b/src/imgs/gifs/capitalism.gif
deleted file mode 100644
index c4abb60..0000000
--- a/src/imgs/gifs/capitalism.gif
+++ /dev/null
diff --git a/src/imgs/gifs/chris.gif b/src/imgs/gifs/chris.gif
deleted file mode 100644
index a2ddbd5..0000000
--- a/src/imgs/gifs/chris.gif
+++ /dev/null
diff --git a/src/imgs/gifs/counterstrike.gif b/src/imgs/gifs/counterstrike.gif
deleted file mode 100644
index 612e116..0000000
--- a/src/imgs/gifs/counterstrike.gif
+++ /dev/null
diff --git a/src/imgs/gifs/explorer.gif b/src/imgs/gifs/explorer.gif
deleted file mode 100644
index 676ef7d..0000000
--- a/src/imgs/gifs/explorer.gif
+++ /dev/null
diff --git a/src/imgs/gifs/free.gif b/src/imgs/gifs/free.gif
deleted file mode 100644
index 6ed18d1..0000000
--- a/src/imgs/gifs/free.gif
+++ /dev/null
diff --git a/src/imgs/gifs/gimp.gif b/src/imgs/gifs/gimp.gif
deleted file mode 100644
index 382315e..0000000
--- a/src/imgs/gifs/gimp.gif
+++ /dev/null
diff --git a/src/imgs/gifs/gnu-linux.gif b/src/imgs/gifs/gnu-linux.gif
deleted file mode 100644
index 89e3562..0000000
--- a/src/imgs/gifs/gnu-linux.gif
+++ /dev/null
diff --git a/src/imgs/gifs/imagine.gif b/src/imgs/gifs/imagine.gif
deleted file mode 100644
index fc9f559..0000000
--- a/src/imgs/gifs/imagine.gif
+++ /dev/null
diff --git a/src/imgs/gifs/jsfree.gif b/src/imgs/gifs/jsfree.gif
deleted file mode 100644
index b83040c..0000000
--- a/src/imgs/gifs/jsfree.gif
+++ /dev/null
diff --git a/src/imgs/gifs/kmelon.gif b/src/imgs/gifs/kmelon.gif
deleted file mode 100644
index bc95862..0000000
--- a/src/imgs/gifs/kmelon.gif
+++ /dev/null
diff --git a/src/imgs/gifs/legalize.gif b/src/imgs/gifs/legalize.gif
deleted file mode 100644
index 071d4d4..0000000
--- a/src/imgs/gifs/legalize.gif
+++ /dev/null
diff --git a/src/imgs/gifs/moz.gif b/src/imgs/gifs/moz.gif
deleted file mode 100644
index ad0653a..0000000
--- a/src/imgs/gifs/moz.gif
+++ /dev/null
diff --git a/src/imgs/gifs/obras.gif b/src/imgs/gifs/obras.gif
deleted file mode 100644
index 3c8443e..0000000
--- a/src/imgs/gifs/obras.gif
+++ /dev/null
diff --git a/src/imgs/gifs/poweredbyfedora.gif b/src/imgs/gifs/poweredbyfedora.gif
deleted file mode 100644
index a632810..0000000
--- a/src/imgs/gifs/poweredbyfedora.gif
+++ /dev/null
diff --git a/src/imgs/gifs/poweredbynix.svg b/src/imgs/gifs/poweredbynix.svg
deleted file mode 100755
index 0bc8c80..0000000
--- a/src/imgs/gifs/poweredbynix.svg
+++ /dev/null
@@ -1,187 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!--
-    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/
-    
-    It uses the following works, unmodified:
-    NixOS Logo by Tim Cuthbertson(@timbertson) is licensed under (CC BY 4.0)
-    To view a copy of this license, visit https://creativecommons.org/licenses/by/4.0/
-    
-    It uses the following fonts:
-    The Vegur font, provided graciously under (CC0 1.0)
-    To view a copy of this license, visit https://creativecommons.org/publicdomain/zero/1.0/
-    Get the font at:
-    http://dotcolon.net/font/vegur/
--->
-<svg id="b" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 88 31">
-  <defs>
-    <style>
-      .bi {
-        fill: url(#ad);
-      }
-
-      .bj {
-        fill: url(#ah);
-      }
-
-      .bk {
-        fill: url(#ab);
-      }
-
-      .bl {
-        fill: url(#aj);
-      }
-
-      .bm {
-        fill: url(#af);
-      }
-
-      .bn {
-        fill: url(#al);
-      }
-
-      .bo {
-        fill: url(#x);
-      }
-
-      .bp {
-        fill: url(#z);
-      }
-
-      .bq {
-        fill: url(#m);
-      }
-
-      .br {
-        fill: url(#v);
-      }
-
-      .bs {
-        fill: url(#bd);
-      }
-
-      .bs, .bt, .bu, .bv, .bw, .bx, .by {
-        fill-rule: evenodd;
-      }
-
-      .bt {
-        fill: url(#bg);
-      }
-
-      .bu {
-        fill: url(#ba);
-      }
-
-      .bv {
-        fill: url(#av);
-      }
-
-      .bw {
-        fill: url(#ay);
-      }
-
-      .bx {
-        fill: url(#ap);
-      }
-
-      .by {
-        fill: url(#as);
-      }
-
-      .bz {
-        fill: url(#e);
-        stroke: url(#f);
-        stroke-width: .5px;
-      }
-    </style>
-    <linearGradient id="e" x1="388.21" y1="-732.57" x2="388.35" y2="-764.02" gradientTransform="translate(-339.91 -720.15) scale(.99 -.98)" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#fff"/>
-      <stop offset="1" stop-color="#ebebeb"/>
-    </linearGradient>
-    <linearGradient id="f" x1="385.07" y1="-732.7" x2="385.37" y2="-763.21" gradientTransform="translate(-339.04 -720.24) scale(.99 -.98)" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#c8c8c8"/>
-      <stop offset="1" stop-color="#787878"/>
-    </linearGradient>
-    <linearGradient id="m" x1="49.52" y1="15.87" x2="51.1" y2="15.87" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#415e9a"/>
-      <stop offset=".23" stop-color="#4a6baf"/>
-      <stop offset="1" stop-color="#5277c3"/>
-    </linearGradient>
-    <linearGradient id="v" x1="65.23" y1="10.9" x2="68.78" y2="10.9" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#699ad7"/>
-      <stop offset=".24" stop-color="#7eb1dd"/>
-      <stop offset="1" stop-color="#7ebae4"/>
-    </linearGradient>
-    <linearGradient id="x" x1="61.38" y1="9.05" x2="64.86" y2="9.05" xlink:href="#v"/>
-    <linearGradient id="z" x1="54.94" y1="9.05" x2="58.42" y2="9.05" xlink:href="#v"/>
-    <linearGradient id="ab" x1="51.18" y1="10.04" x2="54.29" y2="10.04" xlink:href="#v"/>
-    <linearGradient id="ad" x1="48.88" y1="10" x2="50.72" y2="10" xlink:href="#v"/>
-    <linearGradient id="af" x1="44.87" y1="10.04" x2="47.98" y2="10.04" xlink:href="#v"/>
-    <linearGradient id="ah" x1="39.39" y1="10.04" x2="44.54" y2="10.04" xlink:href="#v"/>
-    <linearGradient id="aj" x1="35.47" y1="10.04" x2="39.02" y2="10.04" xlink:href="#v"/>
-    <linearGradient id="al" x1="32.02" y1="9.16" x2="35.22" y2="9.16" xlink:href="#v"/>
-    <linearGradient id="ap" x1="224.31" y1="-241.85" x2="229.46" y2="-250.76" gradientTransform="translate(-167.55 -176.77) scale(.8 -.8)" xlink:href="#v"/>
-    <linearGradient id="as" x1="424.01" y1="326.19" x2="429.17" y2="317.28" gradientTransform="translate(-381.06 -153.58) rotate(60) scale(.8 -.8)" xlink:href="#v"/>
-    <linearGradient id="av" x1="-367.32" y1="-352.79" x2="-362.16" y2="-361.71" gradientTransform="translate(-80.86 -373.09) rotate(-60) scale(.8 -.8)" xlink:href="#v"/>
-    <linearGradient id="ay" x1="-559.28" y1="672.04" x2="-554.13" y2="663.12" gradientTransform="translate(-420.72 -523.34) rotate(-180) scale(.8 -.8)" xlink:href="#v"/>
-    <linearGradient id="ba" x1="-569.65" y1="-677.97" x2="-564.59" y2="-686.91" gradientTransform="translate(467.69 -525.72) scale(.8 -.8)" xlink:href="#m"/>
-    <linearGradient id="bd" x1="-761.47" y1="347.27" x2="-756.41" y2="338.33" gradientTransform="translate(-523.24 397.2) rotate(120) scale(.8 -.8)" xlink:href="#m"/>
-    <linearGradient id="bg" x1="-1553.35" y1="-331.81" x2="-1548.28" y2="-340.75" gradientTransform="translate(-827.26 -922.2) rotate(-120) scale(.8 -.8)" xlink:href="#m"/>
-  </defs>
-  <g id="c" data-name="Badge-Layer">
-    <g id="d" data-name="Badge">
-      <path id="g" data-name="rect5035" class="bz" d="m5.03.25h77.94c2.64,0,4.78,1.85,4.78,4.13v22.24c0,2.28-2.14,4.13-4.78,4.13H5.03c-2.64,0-4.78-1.85-4.78-4.13V4.38C.25,2.1,2.39.25,5.03.25Z"/>
-    </g>
-  </g>
-  <g id="h" data-name="Text">
-    <g id="i" data-name="NixOS">
-      <g id="j" data-name="Nix">
-        <path id="k" data-name="X" d="m58.95,17.75h-1.47l-1.8,2.72h-.05l-1.74-2.72h-1.59l2.64,3.6v.05l-2.73,3.74h1.47l1.92-2.93h.05l1.92,2.93h1.59l-2.8-3.8v-.05l2.58-3.54Z"/>
-        <rect id="l" data-name="I" x="49.67" y="17.75" width="1.28" height="7.39"/>
-        <circle id="n" data-name="Dot" class="bq" cx="50.31" cy="15.87" r=".79"/>
-        <path id="o" data-name="N" d="m47.4,14.78h-1.19v5.41c0,.76.03,1.97.08,3.31h-.05c-.6-1.12-1.27-2.18-1.74-2.92l-3.74-5.8h-1.63v10.36h1.19v-5.41c0-.76-.03-2.2-.08-3.53h.05c.89,1.54,1.41,2.4,1.89,3.13l3.74,5.8h1.48v-10.36Z"/>
-      </g>
-      <g id="p" data-name="OS">
-        <g id="q" data-name="S">
-          <path id="r" data-name="path4677" d="m68.84,17.54c0,1.43.75,2.21,2.48,2.91,1.33.54,1.87,1.02,1.87,2,0,1.2-.97,1.79-2.26,1.79-.67,0-1.43-.1-2.27-.39l-.13,1.03c.73.27,1.54.37,2.35.37,2,0,3.68-1.02,3.68-3.06,0-1.42-.87-2.11-2.62-2.81-1.17-.46-1.73-.96-1.73-1.99s.87-1.55,1.96-1.55c.64,0,1.34.16,1.84.36l.13-1.02c-.57-.24-1.27-.36-2.05-.36-1.84,0-3.24,1.06-3.24,2.7h0Z"/>
-        </g>
-        <g id="s" data-name="O">
-          <path id="t" data-name="path4680" d="m63.91,14.89c-2.43,0-4.43,1.96-4.43,5.22s2,5.22,4.43,5.22,4.43-1.96,4.43-5.22-2-5.22-4.43-5.22Zm0,1.02c1.81,0,3.19,1.49,3.19,4.2s-1.38,4.2-3.19,4.2-3.19-1.49-3.19-4.2,1.38-4.2,3.19-4.2Z"/>
-        </g>
-      </g>
-    </g>
-    <g id="u" data-name="PoweredBy">
-      <path id="w" data-name="Y" class="br" d="m67.36,11.95c-.32.87-.92,1.5-1.68,1.72l-.23-.56c.58-.21,1.02-.55,1.21-1.1l-1.43-3.89h.75l1.04,3.2,1.05-3.2h.71l-1.42,3.82Z"/>
-      <path id="y" data-name="B" class="bo" d="m62.03,8.79c.23-.45.65-.74,1.18-.74.98,0,1.64.78,1.64,1.94s-.73,2.04-1.74,2.04c-.54,0-.98-.32-1.1-.73l-.04.65h-.59v-5.88h.66v2.72Zm0,1.42c0,.72.45,1.27,1.02,1.27.62,0,1.08-.56,1.08-1.46,0-.77-.37-1.41-1.06-1.41-.53,0-1.05.51-1.05,1.18v.42Z"/>
-      <path id="aa" data-name="D" class="bp" d="m58.42,11.95h-.59l-.05-.7c-.23.46-.65.78-1.2.78-.98,0-1.64-.78-1.64-1.94s.73-2.04,1.74-2.04c.52,0,.94.29,1.08.67v-2.65h.66v5.88Zm-.66-2.08c0-.72-.45-1.27-1.02-1.27-.62,0-1.08.56-1.08,1.46,0,.77.37,1.41,1.06,1.41.53,0,1.05-.51,1.05-1.18v-.42Z"/>
-      <path id="ac" data-name="E" class="bk" d="m54.07,11.76c-.29.16-.71.26-1.16.26-1.06,0-1.74-.64-1.74-1.89s.68-2.09,1.71-2.09,1.4.85,1.4,1.89c0,.12,0,.2-.03.33h-2.39c.04.86.44,1.24,1.21,1.24.33,0,.7-.11.97-.28l.03.54Zm-.45-2.04c0-.62-.22-1.12-.81-1.12-.53,0-.88.45-.94,1.12h1.74Z"/>
-      <path id="ae" data-name="R" class="bi" d="m49.52,8.7c.11-.37.43-.64.82-.64.14,0,.27.02.38.04l-.03.59c-.12-.03-.23-.05-.38-.05-.47,0-.78.42-.78,1.16v2.14h-.66v-3.82h.59l.04.58Z"/>
-      <path id="ag" data-name="E" class="bm" d="m47.76,11.76c-.29.16-.71.26-1.16.26-1.06,0-1.74-.64-1.74-1.89s.68-2.09,1.71-2.09,1.4.85,1.4,1.89c0,.12,0,.2-.03.33h-2.39c.04.86.44,1.24,1.21,1.24.33,0,.7-.11.97-.28l.03.54Zm-.45-2.04c0-.62-.22-1.12-.81-1.12-.53,0-.88.45-.94,1.12h1.74Z"/>
-      <path id="ai" data-name="W" class="bj" d="m42.68,11.95l-.37-1.42c-.13-.48-.25-.96-.35-1.58-.09.62-.21,1.1-.34,1.58l-.38,1.42h-.74l-1.12-3.82h.74l.46,1.76c.13.48.22.96.3,1.5.07-.54.18-1.02.31-1.5l.46-1.73h.67l.45,1.73c.13.48.23.96.3,1.5.07-.54.18-1.02.31-1.5l.46-1.76h.69l-1.12,3.82h-.74Z"/>
-      <path id="ak" data-name="O" class="bl" d="m39.02,10.04c0,1.19-.69,1.99-1.77,1.99s-1.78-.8-1.78-1.99.69-1.99,1.78-1.99,1.77.8,1.77,1.99Zm-2.83,0c0,.82.36,1.46,1.06,1.46s1.05-.64,1.05-1.46-.36-1.46-1.05-1.46-1.06.64-1.06,1.46Z"/>
-      <path id="am" data-name="P" class="bn" d="m32.02,6.49c.46-.09.85-.12,1.2-.12,1.32,0,2,.7,2,1.61,0,1.18-1.02,1.76-2.18,1.76-.13,0-.22,0-.36-.02v2.24h-.66v-5.46Zm.66,2.66c.12.02.29.02.38.02.82,0,1.45-.38,1.45-1.12,0-.67-.46-1.11-1.27-1.11-.18,0-.3,0-.56.04v2.17Z"/>
-    </g>
-  </g>
-  <g id="an" data-name="Nix Logo">
-    <g id="ao" data-name="Snowflake">
-      <path id="aq" data-name="path3336-6" class="bx" d="m14.79,15.75l5.63,9.75-2.59.02-1.5-2.62-1.51,2.61h-1.29s-.66-1.14-.66-1.14l2.16-3.71-1.53-2.66,1.29-2.25Z"/>
-      <g id="ar" data-name="use3439-6">
-        <path id="at" data-name="path3336-6" class="by" d="m16.82,11.73l-5.63,9.75-1.31-2.23,1.52-2.61h-3.01s-.64-1.12-.64-1.12l.66-1.14h4.29s1.54-2.64,1.54-2.64h2.6Z"/>
-      </g>
-      <g id="au" data-name="use3445-0">
-        <path id="aw" data-name="path3336-6" class="bv" d="m17.25,19.53h11.26s-1.27,2.25-1.27,2.25h-3.02s1.5,2.61,1.5,2.61l-.64,1.11h-1.31s-2.13-3.72-2.13-3.72h-3.07s-1.3-2.25-1.3-2.25Z"/>
-      </g>
-      <g id="ax" data-name="use3449-5">
-        <path id="az" data-name="path3336-6" class="bw" d="m23.81,15.25l-5.63-9.75,2.59-.02,1.5,2.62,1.51-2.61h1.29s.66,1.14.66,1.14l-2.16,3.71,1.53,2.66-1.29,2.25Z"/>
-      </g>
-      <path id="bb" data-name="path4260-0" class="bu" d="m14.79,15.75l5.63,9.75-2.59.02-1.5-2.62-1.51,2.61h-1.29s-.66-1.14-.66-1.14l2.16-3.71-1.53-2.66,1.29-2.25Z"/>
-      <g id="bc" data-name="use4354-5">
-        <path id="be" data-name="path4260-0" class="bs" d="m21.32,11.45h-11.26s1.27-2.25,1.27-2.25h3.02s-1.5-2.61-1.5-2.61l.64-1.11h1.31s2.13,3.72,2.13,3.72h3.07s1.3,2.25,1.3,2.25Z"/>
-      </g>
-      <g id="bf" data-name="use4362-2">
-        <path id="bh" data-name="path4260-0" class="bt" d="m21.76,19.27l5.63-9.75,1.31,2.23-1.52,2.61h3.01s.64,1.12.64,1.12l-.66,1.14h-4.29s-1.54,2.64-1.54,2.64h-2.6Z"/>
-      </g>
-    </g>
-  </g>
-</svg>
-\ No newline at end of file
diff --git a/src/imgs/gifs/pride.gif b/src/imgs/gifs/pride.gif
deleted file mode 100644
index 9a48896..0000000
--- a/src/imgs/gifs/pride.gif
+++ /dev/null
diff --git a/src/imgs/gifs/steam.gif b/src/imgs/gifs/steam.gif
deleted file mode 100644
index 1f4fe29..0000000
--- a/src/imgs/gifs/steam.gif
+++ /dev/null
diff --git a/src/imgs/gifs/tired.gif b/src/imgs/gifs/tired.gif
deleted file mode 100644
index bf53872..0000000
--- a/src/imgs/gifs/tired.gif
+++ /dev/null
diff --git a/src/imgs/gifs/vi.gif b/src/imgs/gifs/vi.gif
deleted file mode 100644
index 9aa8301..0000000
--- a/src/imgs/gifs/vi.gif
+++ /dev/null
diff --git a/src/imgs/gifs/web3.gif b/src/imgs/gifs/web3.gif
deleted file mode 100644
index 4f5a2f1..0000000
--- a/src/imgs/gifs/web3.gif
+++ /dev/null
diff --git a/src/imgs/gifs/weezer.gif b/src/imgs/gifs/weezer.gif
deleted file mode 100644
index d7fa9d1..0000000
--- a/src/imgs/gifs/weezer.gif
+++ /dev/null
diff --git a/src/index.md b/src/index.md
deleted file mode 100644
index 9432d07..0000000
--- a/src/index.md
+++ /dev/null
@@ -1,16 +0,0 @@
----
-layout: layouts/index.njk
-title: guzzle guzzle
-description: getchoo's website
----
-
-<script type="module" src="/js/chrisApp.js"></script>
-<h1 id="indexHeader"><b>getchoo's website 🦕</b></h1>
-
-<br />
-
-this is under construction. i'm experimenting with lume
-
-![construction](/imgs/gifs/obras.gif)
-
-[click here](/lul/)
diff --git a/src/js/chrisApp.js b/src/js/chrisApp.js
deleted file mode 100644
index 133b16d..0000000
--- a/src/js/chrisApp.js
+++ /dev/null
@@ -1,23 +0,0 @@
-const chrisURL = "/imgs/chris/";
-
-function randomChris() {
-	const files = [
-		"chis_very_fried.jpg",
-		"chris_medium_fried.jpg",
-		"chris_moshed.jpg",
-		"fried_publisher.jpg",
-		"help_me.png",
-		"nice_chris.png",
-		"nice_publisher.png",
-		"bkender_bauob.jpg",
-		"blurry_chris.jpg",
-	];
-
-	// this chooses a random file from the array
-	const url = chrisURL + files[Math.floor(Math.random() * files.length)];
-
-	window.location.href = url;
-}
-
-const chris = document.getElementById("chris_gif");
-chris.addEventListener("click", randomChris);
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>
diff --git a/src/lul.njk b/src/lul.njk
deleted file mode 100644
index c7c70e2..0000000
--- a/src/lul.njk
+++ /dev/null
@@ -1,11 +0,0 @@
----
-title: fard
-description: xd
-layout: layouts/base.njk
----
-
-<div id="vidya">
-	<video width="1280" height="720" controls autoplay muted>
-		<source src="/files/rickroll.mp4" type="video/mp4" />
-	</video>
-</div>
diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
new file mode 100644
index 0000000..939c470
--- /dev/null
+++ b/src/pages/blog/index.astro
@@ -0,0 +1,10 @@
+---
+import Page from "@layouts/Page.astro";
+import PostList from "@components/PostList.astro";
+const title = "getchoo's blog";
+const description = "getchoo's blogposts";
+---
+
+<Page title={title} description={description}>
+	<PostList />
+</Page>
diff --git a/src/blog/posts/2023-04-21_nix-lib.md b/src/pages/blog/posts/nix-lib.md
index fcff599..5b6e25d 100644
--- a/src/blog/posts/2023-04-21_nix-lib.md
+++ b/src/pages/blog/posts/nix-lib.md
@@ -1,15 +1,16 @@
 ---
+layout: "../../../layouts/Blogpost.astro"
 title: making an intuitive, modular nix flake configuration
 description: an explanation of my journey through making a modular nix flake configuration
 ---
 
-<h1 id="title">making an intuitive, modular nix flake configuration</h1>
+# making an intuitive, modular nix flake configuration
 
 <div id="blogText">
 as some of my friends may know, recently i've gone off the nixos "deep end" so to speak, moving almost all of my systems and projects to it. i have a lot of reasons for this, but i think all of them might be better told in a different post. for this one, i'm going to go over my approach to making nix flake configurations that scale across multiple systems and users
 </div>
 
-<h2 id="first-things-first">first things first</h2>
+## first things first
 
 <div id="blogText">
 i started out with [nixos on wsl](https://github.com/nix-community/NixOS-WSL) (heresy i know), mainly because i was on my windows partition when i first thought about it, but also because i wasn't really sure if i liked it yet. similar to a lot of nix beginners, i quickly got a bit overwhelmed by options.
@@ -20,7 +21,7 @@ i kept hearing about custom modules, overlays, and this thing called a "flake."
 
 </div>
 
-<h2 id="dipping-my-toe-in">dipping my toe in</h2>
+## dipping my toe in
 
 <div id="blogText">
 at the time, in order to use native systemd support i needed to follow the `main` branch of nixos-wsl. since i had been interested in flakes, with some friends using them and the name itself being cool, i decided this might be a good time to learn how to use them!
@@ -39,7 +40,7 @@ now another issue: i wasn't really sure how modules worked here. some ideas went
 
 </div>
 
-<h2 id="enter-pain">enter: pain</h2>
+## enter: pain
 
 <div id="blogText">
 i felt pretty good now. throughout this, i had been moving a lot of the configs for programs to nix -- which was a much better time than gluing things together -- and started considering it as a replacement to my bare git repo of traditional dotfiles. i had also heard of something called home-manager, and with [great instructions](https://nix-community.github.io/home-manager/index.html#sec-flakes-nixos-module) and not a lot of effort, i was able to get that setup and move even more configurations to nix.
@@ -70,7 +71,7 @@ i was really proud of myself for pulling this off, and i even made some small im
 
 </div>
 
-<h2 id="diving-deeper">diving deeper...</h2>
+## diving deeper...
 
 <div id="blogText">
 
@@ -105,7 +106,7 @@ this, when combined with `mkHost` and `mkHMUser` (i had dropped `mkUser` at this
 
 </div>
 
-<h2 id="enter-hapiness">enter: happiness and a near completed product</h2>
+## enter: happiness and a near completed product
 
 <div id="blogText">
 this is the most recent part of the story, where i started thinking of making these expressions a bit more generalized, as some people i know have shown a bit of interest in nix (hi sake and hisashi). my first idea was to expand everything i had by a lot, maybe even going full `digga` with a `mkFlake` function! quickly though, i realized even that would be a lot of work; but more interestingly, i also realized that it's not what i needed anyways. i looked back at my old attempt at digga and found it was pretty close to what i'm doing now, except my own solutions fit my needs a lot better. sure, i haven't gotten to the level of hlissner's dotfiles yet, but i think what i have right now is good, so why not go after my original goal of only generalizing everything?
@@ -116,7 +117,7 @@ so that's what i did: i planned out exactly what i want, and what others may wan
 
 </div>
 
-<h3 id="quick-explanation">quick explanation</h3>
+### quick explanation
 
 <div id="blogText">
 the idea i had for these expressions might be a little bit complicated, so i feel a need to explain it here. given a directory structure like so:
@@ -159,11 +160,11 @@ in layman's terms: you can declare what actually matters for your system instead
 
 </div>
 
-<h2 id="leaping-from-the-depths">leaping from the depths of `nix repl`</h2>
+## leaping from the depths of `nix repl`
 
 <div id="blogText">
 
-surprisingly, very little changes needed to be made to make everything non-specific to my configuration (thanks past me!). by the time i was done, all i really did was add my previous defaults in `mkHost` and `mkUser` to a [common](https://github.com/getchoo/flake/blob/3066f766ece62acd9b9897082dba28be87889dc1/hosts/default.nix#L3) attrset i use for all hosts in `hosts/default.nix`. there are still some [issues](https://github.com/getchoo/nix-exprs/issues/2), but i think i'm on a good path to having a fully complete "product".
+surprisingly, very little changes needed to be made to make everything non-specific to my configuration (thanks past me!). by the time i was done, all i really did was add my previous defaults in `mkHost` and `mkUser` to a [common](https://github.com/getchoo/flake/blob/3066f766ece62acd9b9897082dba28be87889dc1/hosts/default.nix#L3) attrset i use for all hosts in `hosts/default.nix`. there are still some [issues](https://github.com/getchoo/nix-exprs/issues/2), but i think i'm on a good path to having a fully complete "product."
 
 <br />
 
diff --git a/src/pages/index.astro b/src/pages/index.astro
new file mode 100644
index 0000000..c127916
--- /dev/null
+++ b/src/pages/index.astro
@@ -0,0 +1,27 @@
+---
+import Index from "@layouts/Index.astro";
+import "@styles/global.sass";
+const title = "guzzle guzzle";
+const description = title;
+---
+
+<Index title={title} description={description}>
+	<script type="module" src="/js/chrisApp.js"></script>
+	<h1 class="bg-base w-fit h-fit mx-auto rounded p-5 text-text">
+		<b>getchoo's website 🚀</b>
+	</h1>
+
+	<br />
+
+	<p>this is under construction. i'm experimenting with astro</p>
+
+	<img
+		src="/imgs/gifs/obras.gif"
+		class="mx-auto"
+		loading="lazy"
+		decoding="async"
+		alt="construction"
+	/>
+
+	<a href="/lul">click here</a>
+</Index>
diff --git a/src/pages/lul.astro b/src/pages/lul.astro
new file mode 100644
index 0000000..44ec1dc
--- /dev/null
+++ b/src/pages/lul.astro
@@ -0,0 +1,13 @@
+---
+import Base from "@layouts/Base.astro";
+const title = "fard";
+const description = "xd";
+---
+
+<Base title={title} description={description}>
+	<div class="flex justify-center p-5">
+		<video width="1280" height="720" controls autoplay muted>
+			<source src="/files/rickroll.mp4" type="video/mp4" />
+		</video>
+	</div>
+</Base>
diff --git a/src/styles/global.sass b/src/styles/global.sass
new file mode 100644
index 0000000..5ee88cc
--- /dev/null
+++ b/src/styles/global.sass
@@ -0,0 +1,52 @@
+@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;700&display=swap')
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500&display=swap')
+
+@tailwind base
+@tailwind components
+@tailwind utilities
+@tailwind variants
+
+html
+	font-family: "Noto Sans", sans-serif
+
+h1
+	@apply text-2xl
+
+h2
+	@apply text-xl
+
+h3
+	@apply text-lg
+
+p,li
+	@apply text-base
+
+	code
+		@apply bg-base text-text p-[0.2em] text-sm rounded
+
+a
+	@apply underline decoration-inherit
+
+body
+	@apply bg-base p-10
+
+.astro-code
+	@apply p-3 rounded-xl
+
+.container
+	@apply bg-lavender flex flex-auto flex-col items-center justify-center w-fit mx-auto rounded-lg
+
+.content
+	@apply inline-block text-center p-5
+
+#blogpost
+	h1
+		@apply bg-base text-4xl mx-auto p-5 mb-5 mt-5 text-text text-center w-fit
+
+	h2
+		@apply bg-base text-xl mx-auto p-3 mb-5 mt-5 text-text text-center w-fit
+
+	h3
+		@apply bg-base text-lg mx-auto p-1 mb-5 mt-5 text-text text-center w-fit
+
+	@apply lg:max-w-6xl text-left items-center
author	seth <[email protected]>	2023-05-16 03:53:24 -0400
committer	seth <[email protected]>	2023-05-16 04:08:37 -0400
commit	681cd8c1cc2904c562f9a58db3cbb657d58fb552 (patch)
tree	9255f71e577fc82f079c16ff493f432ca5557284 /src
parent	bf4df962be338c08ae41bed94b1d60b2930fca9f (diff)