src/pages/index.astro (view raw)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 |
---
import { Layout } from "@/layouts";
const links = [
{
label: "on bluesky",
href: "https://bsky.app/profile/did:web:vt3e.cat",
},
{
label: "on tangled (git)",
href: "https://tangled.org/did:web:vt3e.cat",
},
{
label: "on listenbrainz",
href: "https://listenbrainz.org/user/aprvi",
},
];
---
<Layout>
<Fragment slot="left">
<img
src="/kittens.jpg"
alt="two small orange & white kittens huddled together on a white surface. there is white text overlay over each of the kittens, the first reads 'you are made of stardust', the last reads 'and i am made of dirt'. there is a date stamp in the bottom right corner, it says '04.04.2008'."
/>
</Fragment>
<Fragment slot="right">
<header class="page-head">
<div class="title">
<h1 class="title">apirl or whatever idk!!</h1>
<p class="pronouns">fae/faer</p>
</div>
<p class="subtitle">
stupid {"{rat,cat}"}girl frontend developer thing!
</p>
</header>
<section>
<header>
<h2>links</h2>
<p>find me . locate me .</p>
</header>
<div class="content">
<div class="links">
{
links.map((link) => (
<a href={link.href} data-text={link.label}>
{link.label}
</a>
))
}
</div>
</div>
</section>
</Fragment>
</Layout>
|