ivy/ivy.rs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

nice

Browse source
This commit is contained in:
Laker Turner 2025-04-23 21:09:04 +01:00
parent 541afe60d9
commit ae64b5d76a
No known key found for this signature in database
8 changed files with 92 additions and 59 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/ui/Footer.astro
View file

@ -2,7 +2,7 @@
import { isBirthday } from "~/lib/fun";
---
<footer class="mt-12 text-sm text-light-tx-2 dark:text-dark-tx-2">
<footer class="mt-12 mb-4 text-sm text-light-tx-2 dark:text-dark-tx-2">
<p>© {new Date().getFullYear()} Ivy Turner</p>
<p>
<a class="underline" href="https://github.com/ivyturner/trellis">

11
src/components/ui/Navigation.astro
View file

@ -8,7 +8,7 @@ const headerLinks = [
{
label: "/now",
href: "/now",
icon: "fa-solid fa-calendar-days"
icon: "fa-solid fa-calendar-days",
},
{
label: "Projects",
@ -29,7 +29,12 @@ const headerLinks = [
label: "Contact",
href: "/contact",
icon: "fa-solid fa-envelope",
},
},
{
label: "More",
href: "/more",
icon: "fa-solid fa-arrow-right",
},
];
---
@ -40,9 +45,7 @@ const headerLinks = [
<i class={`${link.icon} mr-0.5 text-sm`} />
<a
href={link.href}
aria-current={Astro.url.pathname === link.href ? "page" : undefined}
class="underline decoration-wavy underline-offset-4 decoration-1.5
decoration-light-pu dark:decoration-dark-pu"
>

6
src/components/ui/Prose.astro
View file

@ -2,6 +2,8 @@
---
<div class="prose dark:prose-invert prose-p:text-light-tx dark:prose-p:text-dark-tx prose-h3:mt-1 prose-a:decoration-dotted prose-a:underline-offset-4 prose-a:decoration-2 prose-a:underline prose-a:decoration-light-pu dark:prose-a:decoration-dark-pu prose-ul:list-disc">
<slot />
<div
class="prose dark:prose-invert prose-p:text-light-tx dark:prose-p:text-dark-tx prose-h3:mt-1 prose-a:decoration-dotted prose-a:text-light-tx dark:prose-a:text-dark-tx prose-a:underline-offset-4 prose-a:decoration-2 prose-a:underline prose-a:decoration-light-pu dark:prose-a:decoration-dark-pu prose-ul:list-disc prose-strong:text-light-tx dark:prose-strong:text-dark-tx"
>
<slot />
</div>

8
src/components/ui/Strapline.astro
View file

@ -9,13 +9,17 @@ const { title, description, icon, date } = Astro.props;
<i class={`${icon} text-xl mr-2 text-light-pu dark:text-dark-pu`}></i>
{title}
</h2>
<p class="mt-2 text-sm text-light-tx-2 dark:text-dark-tx-2">{description}</p>
<p
class="text-sm text-light-tx-2 dark:text-dark-tx-2 border-l-2 border-light-pu dark:border-dark-pu pl-4 mt-2"
>
{description}
</p>
{
() => {
if (date) {
return (
<p class="mt-2 text-sm text-light-tx-2 dark:text-dark-tx-2">
<Date date={date} />
<Date date={date} />
</p>
);
}

2
src/content/notes/202504231431.md
View file

@ -4,4 +4,4 @@ icon: fa-solid fa-music
exturl: https://www.last.fm/music/Fontaines+D.C./_/Before+You+I+Just+Forget
---
Loved [Before You I Just Forget](https://www.last.fm/music/Fontaines+D.C./_/Before+You+I+Just+Forget) by [Fontaines D.C.](https://www.last.fm/music/Fontaines+D.C.) on [last.fm](https://last.fm/user/lxjv
Loved [Before You I Just Forget](https://www.last.fm/music/Fontaines+D.C./_/Before+You+I+Just+Forget) by [Fontaines D.C.](https://www.last.fm/music/Fontaines+D.C.) on [last.fm](https://last.fm/user/lxjv)

85
src/layouts/Note.astro
View file

@ -18,47 +18,50 @@ const { title, exturl, icon, date } = Astro.props;
<Base title={noteTitleConstructor(title, date)}>
<Header />
<h2 class="text-xl font-bold mt-6">
<i class={`${icon} mr-1`}></i>
{
() => {
if (title) {
return (
<span class="font-bold">
A note titled {title} (<Date showTime date={date} />)
</span>
);
} else {
return (
<span class="font-bold">
A note from
<Date showTime date={date} />
</span>
);
<div
class="bg-light-bg-2 dark:bg-dark-bg-2 w-fit p-4 pt-0.5 rounded-br-3xl rounded-tl-3xl"
>
<h2 class="text-xl font-bold mt-6">
<i class={`${icon} mr-1 tx-light-pu dark:text-dark-pu`}></i>
{
() => {
if (title) {
return (
<span class="font-bold">
A note titled {title} (<Date showTime date={date} />)
</span>
);
} else {
return (
<span class="font-bold">
A note from
<Date showTime date={date} />
</span>
);
}
}
}
}
</h2>
<>
<p class="ml-4 mt-3 mb-3">
{
exturl && (
<StyledLink
href={exturl}
icon="fa-solid fa-arrow-up-right-from-square"
>
{exturl}
</StyledLink>
)
}
</p>
<Prose>
<slot />
</Prose>
</>
<hr class="w-[500px]" />
<StyledLink href="/notes" icon="fa-solid fa-arrow-left">
See more notes
</StyledLink>
</h2>
<>
<p class="ml-4 mt-3 mb-3">
{
exturl && (
<StyledLink
href={exturl}
icon="fa-solid fa-arrow-up-right-from-square"
>
{exturl}
</StyledLink>
)
}
</p>
<Prose>
<slot />
</Prose>
</>
<hr class="w-[500px]" />
<StyledLink href="/notes" icon="fa-solid fa-arrow-left">
See more notes
</StyledLink>
</div>
</Base>

8
src/pages/blog/index.astro
View file

@ -4,13 +4,9 @@ import BlogPostList from "~/components/lists/BlogPostList.astro";
---
<Page
title="Blog thing yes yes"
description="A list of all my blog posts."
title="Blog"
description="writing"
icon="fa-solid fa-star"
>
<p class="mb-6">
My personal blog is <a class="link" href="https://concorde.blog">Concorde</a
>, but here's where the technical stuff goes.
</p>
<BlogPostList />
</Page>

29
src/pages/more.astro
View file

@ -1,7 +1,15 @@
---
import Page from "~/layouts/Page.astro";
const meta = [
{
title: "Colophon",
link: "colophon",
desc: "How the site gets made",
icon: "fa-solid fa-wrench",
colour: "bl", // currently unused, cause i can't be bothered
},
];
---
<Page
@ -10,5 +18,22 @@ import Page from "~/layouts/Page.astro";
icon="fa-solid fa-user"
date="2025-03-13"
>
<h3 class="text-lg font-bold mb-2">/meta</h3>
<ul>
<ul>
{
meta.map((item) => (
<li>
<h4 class="font-bold">
<i class={`${item.icon} mr-2 text-light-pu dark:text-dark-pu`} />
<a href={"/meta/" + item.link}>{item.title}</a>
</h4>
<blockquote class="border-l-2 border-light-pu dark:border-dark-pu pl-4 mt-2 text-light-tx-2 dark:text-dark-tx-2">
{item.desc}
</blockquote>
</li>
))
}
</ul>
</ul>
</Page>