add a friends page for my friends

i love my friends and im shouting out their websites :3
This commit is contained in:
Fries 2023-06-11 14:54:21 -07:00
parent 54488e1e87
commit 41da6f615b
5 changed files with 35 additions and 1 deletions

View file

@ -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>

View file

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

View file

@ -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!

13
src/pages/friends.astro Normal file
View file

@ -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>

View file

@ -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)