trying this

This commit is contained in:
Laker Turner 2025-03-22 08:57:53 +00:00
parent e142e6b38f
commit a20dc1ee0b
No known key found for this signature in database
18 changed files with 170 additions and 81 deletions

View file

@ -1,7 +1,16 @@
---
import Page from "~/layouts/Page.astro";
import Prose from "~/components/ui/Prose.astro";
import { Content } from "~/content/about.md";
---
<Page title="About" description="do you wanna know?" icon="fa-solid fa-user" date="2025-03-13">
<h1>i kiss girls</h1>
</Page>
<Page
title="About"
description="do you wanna know?"
icon="fa-solid fa-user"
date="2025-03-13"
>
<Prose>
<Content />
</Prose>
</Page>

View file

@ -0,0 +1,39 @@
---
import Layout from "~/layouts/Page.astro";
import { getCollection } from "astro:content";
export async function getStaticPaths() {
const allPosts = await getCollection("blog");
const tags = [...new Set(allPosts.map((post) => post.data.tags).flat())];
return tags.map((tag) => ({
params: { id: tag },
props: { tag },
}));
}
const allPosts = await getCollection("blog");
const { tag } = Astro.props;
const filteredPosts = allPosts.filter(
(post) => post.data.tags && post.data.tags.includes(tag as string)
);
---
<Layout
title={`Posts tagged with "${tag}"`}
description={`A collection of posts tagged with "${tag}"`}
>
<ul class="fa-ul">
{
filteredPosts.length > 0 ? (
filteredPosts.map((post) => (
<li>
<i class="fa-li fa-solid fa-file-alt" />
<a href={`/blog/${post.id}`}>{post.data.title}</a>
</li>
))
) : (
<li>No posts found for this tag.</li>
)
}
</ul>
</Layout>

View file

@ -0,0 +1,18 @@
---
import Layout from "~/layouts/Page.astro";
import { getCollection } from "astro:content";
const allPosts = await getCollection("blog");
const tags = [...new Set(allPosts.map((post) => post.data.tags).flat())];
---
<Layout title="Tags" description="">
<ul class="fa-ul">
{
tags.map((tag) => <li>
<i class="fa-li fa-solid fa-hashtag"></i>
<a href={`/blog/tags/${tag}`}>{tag}</a>
</li>)
}
</ul>
</Layout>

View file

@ -3,33 +3,38 @@ import Layout from "~/layouts/Page.astro";
---
<Layout
title="Contact"
description="how to get a hold of me if you ever need to"
icon="fa-solid fa-envelope"
title="Contact"
description="where i am & where i'm not"
icon="fa-solid fa-envelope"
>
<p>
I'm not really active on social media, but you can contact me via email.
</p>
<p>
<a href="mailto:hello@ivyneeds.rest">hello@ivyneeds.rest</a>
</p>
<h3 class="text-lg font-bold my-2">where i am / where i'm not</h3>
<ul class="fa-ul">
<li>
<i class="fa-li fa-brands fa-mastodon"></i>
Fediverse: <a href="https://social.lol/ivy">@ivy@social.lol</a>
<ul class="fa-ul">
<li>
<i class="fa-li fa-solid fa-envelope text-light-gr dark:text-dark-gr"></i>
<a href="mailto:hello@ivyneeds.rest">ivy@omg.lol</a>
</li>
<br>
<li>
<i class="fa-li fa-brands fa-mastodon"></i>
Fediverse: <a href="https://social.lol/@ivy">@ivy@social.lol</a>
</li>
<br>
<li>
<i class="fa-li fa-brands fa-github"></i>
GitHub: <a href="https://github.com/ivyturner">@ivyturner</a>
</li>
<li>
<i class="fa-li fa-brands fa-github"></i>
GitHub: <a href="https://github.com/ivyturner">@ivyturner</a>
<i class="fa-li fa-solid fa-circle-notch"></i>
Sourcehut: <a href="https://sr.ht/~la">~la</a> ()
</li>
<li>
<i class="fa-li fa-brands fa-instagram"></i>
Instagram: <a href="https://www.instagram.com/ivyturner">@ivyturner</a>
</li>
<li>
<i class="fa-li fa-brands fa-twitter text-light-re dark:text-dark-re"></i>
Twitter: haha fuck right off, elon should get his arms broken
</li>
</ul>
<br>
<li>
<i class="fa-li fa-brands fa-instagram"></i>
Instagram: <a href="https://www.instagram.com/ivyturner">@ivyturner</a>
</li>
<br>
<li>
<i class="fa-li fa-brands fa-twitter text-light-re dark:text-dark-re"></i>
Twitter: haha fuck right off, elon should get his arms broken
</li>
</ul>
</Layout>

View file

@ -6,7 +6,9 @@ import Box from "~/components/ui/Box.astro";
import CollectionList from "~/components/lists/BlogPostList.astro";
import NoteList from "~/components/lists/NoteList.astro";
import StyledLink from "~/components/util/StyledLink.astro";
import {Content as Bio} from "~/content/bio.md"
import { Content as Bio } from "~/content/bio.md";
import Prose from "~/components/ui/Prose.astro";
import { getClacks } from "~/lib/fun";
---
<Layout>
@ -18,16 +20,20 @@ import {Content as Bio} from "~/content/bio.md"
>
Hi! I'm Ivy, welcome to my website!
</h1>
<Bio />
{getClacks()}
<Prose>
<Bio />
</Prose>
<div class="md:flex md:flex-column gap-2">
<Box title="latest blog posts" description="" icon="fa-solid fa-blog">
<Box title="latest blog posts" icon="fa-solid fa-blog">
<CollectionList collection="blog" limit={5} />
<hr class="h-px my-8 bg-light-pu dark:bg-dark-pu" />
<StyledLink href="/blog">see more</StyledLink>
</Box>
<Box title="latest notes" description="" icon="fa-solid fa-sticky-note">
<Box title="latest notes" icon="fa-solid fa-sticky-note">
<NoteList limit={5} />
<hr class="h-px my-8 bg-light-pu dark:bg-dark-pu border-0" />
<StyledLink href="/notes">see more</StyledLink>