trying this
This commit is contained in:
parent
e142e6b38f
commit
a20dc1ee0b
18 changed files with 170 additions and 81 deletions
|
@ -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>
|
||||
|
|
39
src/pages/blog/tags/[id].astro
Normal file
39
src/pages/blog/tags/[id].astro
Normal 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>
|
18
src/pages/blog/tags/index.astro
Normal file
18
src/pages/blog/tags/index.astro
Normal 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>
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue