Skip to content

Commit d006255

Browse files
committed
feat: webring
1 parent 461680c commit d006255

File tree

2 files changed

+29
-2
lines changed

2 files changed

+29
-2
lines changed

src/components/Expand.astro

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
---
2+
interface Props {
3+
title: string
4+
}
5+
const { title } = Astro.props;
6+
7+
---
8+
<section>
9+
<label class="h-max">
10+
<input class="peer/showLabel absolute scale-0" type="checkbox" />
11+
<span class="block max-h-14 w-full overflow-hidden rounded-lg bg-light-100 px-4 dark:bg-palette-900 py-shadow-lg peer-checked/showLabel:max-h-fit">
12+
<h3 class="flex h-14 cursor-pointer items-center font-bold">{title}</h3>
13+
<slot class = "mb-2 overflow-auto" name="content" />
14+
</span>
15+
</label>
16+
</section>

src/pages/about.astro

Lines changed: 13 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,13 +2,14 @@
22
import Layout from "../layouts/Layout.astro";
33
import Columns from "../components/Columns.astro";
44
import PreviewImage from "../components/PreviewImage.astro";
5+
import Expand from "../components/Expand.astro";
56
---
67

78
<Layout title="about">
89
<main>
910
<p>
10-
hello! i'm a current year 12 student from <b>adelaide, australia</b>, graduating in november 2024. i was introduced to programming in my digital technologies class back in 2021 and have loved it ever since. since then, it's taken me to
11-
melbourne, sydney and around the globe to vancouver, canada.
11+
hello! i'm a current year 12 student from <b>adelaide, australia</b>, graduating in november 2024. i was introduced to programming in my digital technologies class back in 2021 and have loved it ever since.
12+
since then, it's taken me to melbourne, sydney, and across the globe to los angeles and vancouver. it's something that i find incredibly fulfilling.
1213
</p>
1314
<PreviewImage src = "/src/assets/etc/nitw.jpg" altText = "Mae from the video game Night in the Woods standing in a street"></PreviewImage>
1415
<p>
@@ -26,5 +27,15 @@ import PreviewImage from "../components/PreviewImage.astro";
2627
</p>
2728
<p>one of my dreams is to travel the world someday, because this earth is a vast and brilliant place and we're only alive for so long. but for now, you can find me in several online spaces, listed at the top of this page.</p>
2829
<p>if you want to chat, don't be afraid to get in touch.</p>
30+
<div>
31+
<Expand title = "webrings and buttons!">
32+
<div slot = "content">
33+
<p class = "mt-0"><a href = "https://ring.nullp.tr">nullring</a></p>
34+
<iframe class="w-full md:h-16 h-max" style="color-scheme: normal;" src = "https://ring.nullp.tr/api/sites?type=html&style=display:flex;gap:12px;justify-content:normal;"></iframe>
35+
<p>go check them out :)</p>
36+
</div>
37+
</Expand>
38+
</div>
39+
2940
</main>
3041
</Layout>

0 commit comments

Comments
 (0)