Skip to content

Commit 4ee2e22

Browse files
notkaramelnotkaramel
committed
Artsy stuff
1 parent a6fb353 commit 4ee2e22

6 files changed

Lines changed: 94 additions & 22 deletions

File tree

‎src/lib/components/MuseScore.svelte‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<script lang="ts">
2+
let { scoreTitle, scoreUrl } = $props();
3+
</script>
4+
5+
<div class="rounded-2xl w-full ring-2 ring-secondary my-4 shadow-md">
6+
<iframe
7+
class="w-full h-[70vh] rounded-2xl"
8+
title={scoreTitle}
9+
src={scoreUrl + "/embed"}
10+
allowfullscreen
11+
allow="autoplay; fullscreen"
12+
>
13+
</iframe>
14+
15+
<a href={scoreUrl} target="_blank" class="w-full">
16+
<p
17+
class="text-center italic text-primary-content place-content-center my-3"
18+
>
19+
{scoreTitle}
20+
</p>
21+
</a>
22+
</div>

‎src/lib/content/music.ts‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
type Transcript = {
2+
title: string;
3+
url: string;
4+
};
5+
6+
export const transcripts: Transcript[] = [
7+
{
8+
title: "Closer – Oh My Girl",
9+
url: "https://musescore.com/user/29658671/scores/7340753",
10+
},
11+
{
12+
title: "Fallin' Light – GFRIEND",
13+
url: "https://musescore.com/user/29658671/scores/9363754",
14+
},
15+
{
16+
title: "어린이름 (The Little Name) – ADORA (Piano Cover)",
17+
url: "https://musescore.com/user/29658671/scores/9208821",
18+
},
19+
];

‎src/lib/content/photography.ts‎

Whitespace-only changes.

‎src/lib/index.ts‎

Lines changed: 9 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -7,29 +7,23 @@ type Route = {
77

88
export const routes: Route[] = [
99
{
10-
title: "Home",
11-
url: "/",
12-
icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M575.8 255.5c0 18-15 32.1-32 32.1l-32 0 .7 160.2c0 2.7-.2 5.4-.5 8.1l0 16.2c0 22.1-17.9 40-40 40l-16 0c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1L416 512l-24 0c-22.1 0-40-17.9-40-40l0-24 0-64c0-17.7-14.3-32-32-32l-64 0c-17.7 0-32 14.3-32 32l0 64 0 24c0 22.1-17.9 40-40 40l-24 0-31.9 0c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2l-16 0c-22.1 0-40-17.9-40-40l0-112c0-.9 0-1.9 .1-2.8l0-69.7-32 0c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z"/></svg>`,
13-
},
14-
{
15-
title: "My Resume",
10+
title: "Résumé",
1611
url: "/resume",
1712
icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M96 96c0-35.3 28.7-64 64-64l288 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L80 480c-44.2 0-80-35.8-80-80L0 128c0-17.7 14.3-32 32-32s32 14.3 32 32l0 272c0 8.8 7.2 16 16 16s16-7.2 16-16L96 96zm64 24l0 80c0 13.3 10.7 24 24 24l112 0c13.3 0 24-10.7 24-24l0-80c0-13.3-10.7-24-24-24L184 96c-13.3 0-24 10.7-24 24zm208-8c0 8.8 7.2 16 16 16l48 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-48 0c-8.8 0-16 7.2-16 16zm0 96c0 8.8 7.2 16 16 16l48 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-48 0c-8.8 0-16 7.2-16 16zM160 304c0 8.8 7.2 16 16 16l256 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-256 0c-8.8 0-16 7.2-16 16zm0 96c0 8.8 7.2 16 16 16l256 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-256 0c-8.8 0-16 7.2-16 16z"/></svg>`,
1813
},
1914
{
20-
title: "My Blogs",
15+
title: "Writings",
2116
url: "/blogs",
2217
icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M278.5 215.6L23 471c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l74.8-74.8c7.4 4.6 15.3 8.2 23.8 10.5C200.3 452.8 270 454.5 338 409.4c12.2-8.1 5.8-25.4-8.8-25.4l-16.1 0c-5.1 0-9.2-4.1-9.2-9.2c0-4.1 2.7-7.6 6.5-8.8l97.7-29.3c3.4-1 6.4-3.1 8.4-6.1c4.4-6.4 8.6-12.9 12.6-19.6c6.2-10.3-1.5-23-13.5-23l-38.6 0c-5.1 0-9.2-4.1-9.2-9.2c0-4.1 2.7-7.6 6.5-8.8l80.9-24.3c4.6-1.4 8.4-4.8 10.2-9.3C494.5 163 507.8 86.1 511.9 36.8c.8-9.9-3-19.6-10-26.6s-16.7-10.8-26.6-10C391.5 7 228.5 40.5 137.4 131.6C57.3 211.7 56.7 302.3 71.3 356.4c2.1 7.9 12 9.6 17.8 3.8L253.6 195.8c6.2-6.2 16.4-6.2 22.6 0c5.4 5.4 6.1 13.6 2.2 19.8z"/></svg>`,
2318
},
2419
{
25-
title: "My Projects",
20+
title: "Projects",
2621
url: "/projects",
2722
icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M78.6 5C69.1-2.4 55.6-1.5 47 7L7 47c-8.5 8.5-9.4 22-2.1 31.6l80 104c4.5 5.9 11.6 9.4 19 9.4l54.1 0 109 109c-14.7 29-10 65.4 14.3 89.6l112 112c12.5 12.5 32.8 12.5 45.3 0l64-64c12.5-12.5 12.5-32.8 0-45.3l-112-112c-24.2-24.2-60.6-29-89.6-14.3l-109-109 0-54.1c0-7.5-3.5-14.5-9.4-19L78.6 5zM19.9 396.1C7.2 408.8 0 426.1 0 444.1C0 481.6 30.4 512 67.9 512c18 0 35.3-7.2 48-19.9L233.7 374.3c-7.8-20.9-9-43.6-3.6-65.1l-61.7-61.7L19.9 396.1zM512 144c0-10.5-1.1-20.7-3.2-30.5c-2.4-11.2-16.1-14.1-24.2-6l-63.9 63.9c-3 3-7.1 4.7-11.3 4.7L352 176c-8.8 0-16-7.2-16-16l0-57.4c0-4.2 1.7-8.3 4.7-11.3l63.9-63.9c8.1-8.1 5.2-21.8-6-24.2C388.7 1.1 378.5 0 368 0C288.5 0 224 64.5 224 144l0 .8 85.3 85.3c36-9.1 75.8 .5 104 28.7L429 274.5c49-23 83-72.8 83-130.5zM56 432a24 24 0 1 1 48 0 24 24 0 1 1 -48 0z"/></svg>`,
2823
},
29-
];
30-
31-
type Blog = {
32-
title: string;
33-
slug: string;
34-
contentMarkdown: string;
35-
};
24+
{
25+
title: "Creative",
26+
url: "/arts",
27+
icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M500.3 7.3C507.7 13.3 512 22.4 512 32l0 144c0 26.5-28.7 48-64 48s-64-21.5-64-48s28.7-48 64-48l0-57L352 90.2 352 208c0 26.5-28.7 48-64 48s-64-21.5-64-48s28.7-48 64-48l0-96c0-15.3 10.8-28.4 25.7-31.4l160-32c9.4-1.9 19.1 .6 26.6 6.6zM74.7 304l11.8-17.8c5.9-8.9 15.9-14.2 26.6-14.2l61.7 0c10.7 0 20.7 5.3 26.6 14.2L213.3 304l26.7 0c26.5 0 48 21.5 48 48l0 112c0 26.5-21.5 48-48 48L48 512c-26.5 0-48-21.5-48-48L0 352c0-26.5 21.5-48 48-48l26.7 0zM192 408a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM478.7 278.3L440.3 368l55.7 0c6.7 0 12.6 4.1 15 10.4s.6 13.3-4.4 17.7l-128 112c-5.6 4.9-13.9 5.3-19.9 .9s-8.2-12.4-5.3-19.2L391.7 400 336 400c-6.7 0-12.6-4.1-15-10.4s-.6-13.3 4.4-17.7l128-112c5.6-4.9 13.9-5.3 19.9-.9s8.2 12.4 5.3 19.2zm-339-59.2c-6.5 6.5-17 6.5-23 0L19.9 119.2c-28-29-26.5-76.9 5-103.9c27-23.5 68.4-19 93.4 6.5l10 10.5 9.5-10.5c25-25.5 65.9-30 93.9-6.5c31 27 32.5 74.9 4.5 103.9l-96.4 99.9z"/></svg>`,
28+
},
29+
];

‎src/routes/(main)/arts/+page.svelte‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
<script>
2+
import MuseScore from "$lib/components/MuseScore.svelte";
3+
import { transcripts } from "$lib/content/music";
4+
</script>
5+
6+
<title> Creative stuffs </title>
7+
8+
<div
9+
class="container place-self-center my-4 p-4 ring rounded-2xl ring-primary shadow-lg"
10+
>
11+
<div
12+
class="divider divider-accent divider-center text-center font-bold text-2xl text-accent-content"
13+
>
14+
Music 🎶
15+
</div>
16+
<div class="flex flex-wrap">
17+
{#each transcripts as piece}
18+
<MuseScore scoreTitle={piece.title} scoreUrl={piece.url} />
19+
{/each}
20+
</div>
21+
</div>
22+
23+
<div
24+
class="container place-self-center my-4 p-4 ring rounded-2xl ring-primary shadow-lg"
25+
>
26+
<div
27+
class="divider divider-accent divider-center text-center font-bold text-2xl text-accent-content"
28+
>
29+
Photography 📷
30+
</div>
31+
<div>
32+
<p class="text-center">Coming soon!</p>
33+
</div>
34+
</div>

‎src/routes/+page.svelte‎

Lines changed: 10 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -58,17 +58,18 @@
5858
</div>
5959
<!-- Buttons -->
6060
<div
61-
class="flex gap-3 flex-col md:flex-row items-center justify-center py-4"
61+
class="grid grid-cols-2 grid-rows-2 items-center justify-center py-2"
6262
>
63-
{#each routes.filter((e) => e.url != "/") as route}
63+
{#each routes as route}
6464
<a href={route.url}>
6565
<button
6666
class="btn btn-primary
67+
m-2
6768
w-[10rem] shadow-sm shadow-primary-content
6869
hover:shadow-md
6970
transition-all ease-in-out"
7071
>
71-
<div class="size-6 fill-primary-content mr-1">
72+
<div class="size-6 fill-primary-content">
7273
{@html route.icon}
7374
</div>
7475
<span class="font-bold">
@@ -78,11 +79,13 @@
7879
</a>
7980
{/each}
8081
</div>
82+
<hr />
8183
<div
82-
class="btn btn-ghost shadow-sm shadow-accent-content
83-
hover:shadow-md
84-
transition-all ease-in-out"
85-
id="themeswap"
84+
class="btn btn-ghost mt-4
85+
shadow-sm shadow-accent-content
86+
hover:shadow-md
87+
transition-all ease-in-out"
88+
id="themeswap"
8689
>
8790
<ThemeSwapper fill="fill-neutral-content" />
8891
</div>

0 commit comments

Comments
 (0)