samantha's personal website!~ ✨
samanthanguyen.me
more responsive goodness
+30
-20
+30
-20
src/routes/+page.svelte
+30
-20
src/routes/+page.svelte
···
1
1
<script>
2
2
import { IconBrandBluesky, IconBrandGithub } from '@tabler/icons-svelte'
3
-
import { twMerge } from 'tailwind-merge'
3
+
import { twJoin, twMerge } from 'tailwind-merge'
4
4
</script>
5
5
<section class="flex flex-col gap-8">
6
6
<header class="flex flex-col gap-2">
7
7
<h1 class={twMerge(
8
8
"pt-12 flex items-end",
9
-
"text-2xl lg:text-4xl font-domine",
9
+
"text-2xl lg:text-4xl font-domine font-bold lg:font-medium",
10
10
)}>
11
11
samanthanguyen.me
12
12
</h1>
13
-
<span class="font-domine">she/her. artist, software engineer, aspiring computer scientist</span>
13
+
<span class={twJoin(
14
+
"text-sm lg:text-base",
15
+
"font-domine",
16
+
)}>
17
+
she / her. artist, software engineer, aspiring computer scientist
18
+
</span>
14
19
</header>
15
-
<main class="flex flex-col gap-4">
16
-
<p class="font-domine">
17
-
I've most recently worked as a Research Assistant
18
-
at the Security & Privacy Research Lab
19
-
of UT Arlington, from May 2024 to December 2024.
20
-
My main interests mainly revolve in low-level programming,
21
-
including compiler design, programming languages, operating
22
-
systems, and graphics programming.
23
-
</p>
24
-
<p class="font-domine">
25
-
Besides programming, I've enjoyed fine arts since I was a child,
26
-
and hope to one day work in a field where I can combine both,
27
-
such as a developer for a video game and/or video game engine.
28
-
{`:-)`}
29
-
</p>
30
-
<blockquote class="italic font-sans text-sm mt-8">
20
+
<main class="flex flex-col gap-0 lg:gap-4">
21
+
<span class="flex flex-col gap-8 font-domine text-sm lg:text-base font-medium text-balance">
22
+
<p>
23
+
I've most recently worked as a Research Assistant
24
+
at the Security & Privacy Research Lab
25
+
of UT Arlington, from May 2024 to December 2024.
26
+
My main interests mainly revolve in low-level programming,
27
+
including compiler design, programming languages, operating
28
+
systems, and graphics programming.
29
+
</p>
30
+
<p>
31
+
Besides programming, I've enjoyed fine arts since I was a child,
32
+
and hope to one day work in a field where I can combine both,
33
+
such as a developer for a video game and/or video game engine.
34
+
{`:-)`}
35
+
</p>
36
+
</span>
37
+
<blockquote class="flex flex-col gap-2 italic font-sans text-sm mt-8">
31
38
<p>
32
39
"We adventure together, explore together, and capture wonderful memories together.
33
40
In the journeys to come, we will "trailblaze" more beautiful moments, preserving
···
36
43
<cite class="text-right">—Honkai Star Rail</cite>
37
44
</blockquote>
38
45
</main>
39
-
<footer class="border-t-2 border-zinc-300 pt-4 flex flex-row gap-4 justify-end">
46
+
<footer class={twJoin(
47
+
"pt-4 flex flex-row gap-4 justify-end",
48
+
"border-t-2 border-zinc-300",
49
+
)}>
40
50
<a href="https://bsky.app/profile/samanthanguyen.me" title="@samanthanguyen.me on Bluesky">
41
51
<IconBrandBluesky size={32} stroke={1} class="text-zinc-950" />
42
52
</a>