My amazing website
chore: cleanup
-166
-15
src/components/PageHeader.astro
-15
src/components/PageHeader.astro
-26
src/components/SectionHeader.astro
-26
src/components/SectionHeader.astro
···
1
-
---
2
-
interface Props {
3
-
title: string;
4
-
href?: string;
5
-
linkLabel?: string;
6
-
}
7
-
8
-
const { title, href, linkLabel = "view all →" } = Astro.props;
9
-
---
10
-
11
-
<div class="flex flex-row items-center gap-4">
12
-
<h2 class="text-base shrink-0 lowercase font-bold tracking-[0.12em] text-special">
13
-
{title}
14
-
</h2>
15
-
<span class="h-px flex-1 bg-card"></span>
16
-
{
17
-
href && (
18
-
<a
19
-
href={href}
20
-
class="shrink-0 text-fg-lighter hover-special text-sm"
21
-
>
22
-
{linkLabel}
23
-
</a>
24
-
)
25
-
}
26
-
</div>
-82
src/components/SocialLinks.astro
-82
src/components/SocialLinks.astro
···
1
-
---
2
-
import { Icon } from "astro-icon/components";
3
-
4
-
interface SocialLink {
5
-
href: string;
6
-
label: string;
7
-
icon?: string;
8
-
svg?: string;
9
-
}
10
-
11
-
interface Props {
12
-
links?: SocialLink[];
13
-
}
14
-
15
-
const defaultLinks: SocialLink[] = [
16
-
{ href: "/feed.xml", label: "rss feed", icon: "fa7-solid:rss" },
17
-
{
18
-
href: "https://github.com/isabelroses",
19
-
label: "GitHub",
20
-
icon: "fa7-brands:github",
21
-
},
22
-
{
23
-
href: "https://akko.isabelroses.com/isabel",
24
-
label: "mastodon",
25
-
icon: "fa7-brands:mastodon",
26
-
},
27
-
{
28
-
href: "https://bsky.app/profile/did:plc:qxichs7jsycphrsmbujwqbfb",
29
-
label: "bluesky",
30
-
icon: "fa7-brands:bluesky",
31
-
},
32
-
{
33
-
href: "https://x.com/isabelrosesss",
34
-
label: "X",
35
-
icon: "fa7-brands:x-twitter",
36
-
},
37
-
// {
38
-
// href: "https://www.linkedin.com/in/isabel-r-729a74273/",
39
-
// label: "LinkedIn",
40
-
// icon: "fa7-brands:linkedin",
41
-
// },
42
-
// { href: "/api/discord", label: "Discord", icon: "fa7-brands:discord" },
43
-
{
44
-
href: "mailto:isabel@isabelroses.com",
45
-
label: "email",
46
-
icon: "fa7-solid:envelope",
47
-
},
48
-
// {
49
-
// href: "https://www.twitch.tv/isabelrosess",
50
-
// label: "Twitch",
51
-
// icon: "fa7-brands:twitch",
52
-
// },
53
-
// { href: "https://ko-fi.com/isabelroses", label: "Ko-fi", svg: "kofi" },
54
-
];
55
-
56
-
const { links = defaultLinks } = Astro.props;
57
-
---
58
-
59
-
<div class="flex flex-row gap-4 flex-wrap justify-start">
60
-
{
61
-
links.map((link) => (
62
-
<a
63
-
target="_blank"
64
-
href={link.href}
65
-
aria-label={link.label}
66
-
class="text-fg-lighter hover-special"
67
-
>
68
-
{link.icon ? (
69
-
<Icon name={link.icon} class="w-6 h-6" />
70
-
) : link.svg === "kofi" ? (
71
-
<svg
72
-
viewBox="0 0 24 24"
73
-
xmlns="http://www.w3.org/2000/svg"
74
-
class="w-6 h-6 fill-current"
75
-
>
76
-
<path d="M23.881 8.948c-.773-4.085-4.859-4.593-4.859-4.593H.723c-.604 0-.679.798-.679.798s-.082 7.324-.022 11.822c.164 2.424 2.586 2.672 2.586 2.672s8.267-.023 11.966-.049c2.438-.426 2.683-2.566 2.658-3.734 4.352.24 7.422-2.831 6.649-6.916zm-11.062 3.511c-1.246 1.453-4.011 3.976-4.011 3.976s-.121.119-.31.023c-.076-.057-.108-.09-.108-.09-.443-.441-3.368-3.049-4.034-3.954-.709-.965-1.041-2.7-.091-3.71.951-1.01 3.005-1.086 4.363.407 0 0 1.565-1.782 3.468-.963 1.904.82 1.832 3.011.723 4.311zm6.173.478c-.928.116-1.682.028-1.682.028V7.284h1.77s1.971.551 1.971 2.638c0 1.913-.985 2.667-2.059 3.015z" />
77
-
</svg>
78
-
) : null}
79
-
</a>
80
-
))
81
-
}
82
-
</div>
-18
src/components/Spacer.astro
-18
src/components/Spacer.astro
···
1
-
---
2
-
interface Props {
3
-
glyph?: string;
4
-
}
5
-
6
-
const { glyph = "✦" } = Astro.props;
7
-
---
8
-
9
-
<div
10
-
class="flex items-center justify-center gap-4 text-fg-lighter select-none"
11
-
aria-hidden="true"
12
-
>
13
-
<span class="h-px flex-1 max-w-24 bg-gradient-to-r from-transparent to-card"
14
-
></span>
15
-
<span class="text-special text-sm leading-none">{glyph}</span>
16
-
<span class="h-px flex-1 max-w-24 bg-gradient-to-l from-transparent to-card"
17
-
></span>
18
-
</div>