add a friends page for my friends

i love my friends and im shouting out their websites :3

src/components/Navigation.astro

@@ -2,6 +2,7 @@
 	<a href="/">Home</a>
 	<a href="/blog">Blog</a>
 	<a href="/projects">Projects</a>
+	<a href="/friends">Friends</a>
 </nav>
 
 <style>

src/content/config.ts

@@ -1,7 +1,9 @@
 import { defineCollection } from "astro:content";
 
 const homepageCollection = defineCollection({});
+const friendsCollection = defineCollection({});
 
 export const collections = {
-	'homepage': homepageCollection
+	'homepage': homepageCollection,
+	'friends': friendsCollection
 }

src/content/friends/friends.md

@@ -0,0 +1,7 @@
+# my friends cool websites
+
+## [Mossfet!](https://mossfet.xyz) 
+this cool robot is cool and i love it :3. check out its website here :3!
+
+## [TakeV / Lambda System](https://ta-kev.digital)
+cool robot system whos nice and has a cool website :3! it beeps and boops!

src/pages/friends.astro

@@ -0,0 +1,13 @@
+---
+import Layout from "../layouts/Layout.astro";
+import { getEntryBySlug } from "astro:content";
+
+const shoutouts = await getEntryBySlug("friends", "friends");
+const { Content } = await shoutouts.render();
+---
+
+<Layout title="fries gay friends">
+	<main aria-label="a place where i shoutout my friends sites.">
+		<Content />
+	</main>
+</Layout>

src/styles/global.css

@@ -29,11 +29,22 @@ p {
 	font-size: 22px;
 }
 
+
 a {
 	font-size: 22px;
 	color: var(--link-color);
 }
 
+/* don't ask why i'm doing this cursed workaround, but i am. */
+h1>a,
+h2>a,
+h3>a,
+h4>a,
+h5>a,
+h6>a {
+	font-size: inherit;
+}
+
 body {
 	background-color: var(--background-color);
 	color: var(--text-color)