samantha's personal website!~ ✨
samanthanguyen.me
layout work + footer icon updates
+84
-64
+6
eslint.config.js
+6
eslint.config.js
+6
src/routes/+layout.svelte
+6
src/routes/+layout.svelte
···
15
15
"mx-8 max-w-lg",
16
16
"lg:mx-auto lg:max-w-xl",
17
17
)}>
18
+
<section class={twJoin(
19
+
"flex flex-col gap-6 lg:gap-8",
20
+
"selection:bg-pink-200 selection:text-pink-700",
21
+
"dark:selection:bg-yellow-400 selection:text-zinc-950"
22
+
)}>
18
23
{@render children()}
24
+
</section>
19
25
</div>
+42
-64
src/routes/+page.svelte
+42
-64
src/routes/+page.svelte
···
1
1
<script>
2
-
import { IconBrandBluesky, IconBrandGithub } from '@tabler/icons-svelte'
3
-
import { twJoin, twMerge } from 'tailwind-merge'
2
+
import Footer from '$lib/Footer.svelte'
3
+
import { twJoin } from 'tailwind-merge'
4
4
</script>
5
5
6
-
<section class={twJoin(
7
-
"flex flex-col gap-6 lg:gap-8",
8
-
"selection:bg-pink-200 selection:text-pink-700",
9
-
"dark:selection:bg-yellow-400 selection:text-zinc-950"
10
-
)}>
11
-
<header class="flex flex-col gap-2">
12
-
<h1 class={twMerge(
13
-
"pt-12 flex items-end",
14
-
"text-2xl lg:text-4xl font-domine font-bold lg:font-medium",
15
-
)}>
16
-
samanthanguyen.me
17
-
</h1>
18
-
<span class={twJoin(
19
-
"text-sm lg:text-base dark:text-zinc-500",
20
-
"font-domine",
21
-
)}>
22
-
she / her. artist, software engineer, aspiring computer scientist
23
-
</span>
24
-
</header>
25
-
<main class="flex flex-col gap-8 lg:gap-12">
26
-
<span class="flex flex-col gap-6 lg:gap-8 font-domine text-sm lg:text-base text-left lg:text-balance">
27
-
<p>
28
-
I've most recently worked as a Research Assistant
29
-
at the Security & Privacy Research Lab
30
-
of UT Arlington, from May 2024 to December 2024.
31
-
My main interests mainly revolve in low-level programming,
32
-
including compiler design, programming languages, operating
33
-
systems, and graphics programming.
34
-
</p>
35
-
<p>
36
-
Besides programming, I've enjoyed fine arts since I was a child,
37
-
and hope to one day work in a field where I can combine both,
38
-
such as a developer for a video game and/or video game engine.
39
-
{`:-)`}
40
-
</p>
41
-
</span>
42
-
<blockquote class="flex flex-col gap-2 italic font-sans text-sm">
43
-
<p>
44
-
"We adventure together, explore together, and capture wonderful memories together.
45
-
In the journeys to come, we will "trailblaze" more beautiful moments, preserving
46
-
them with our camera, our eyes, and our hearts."
47
-
</p>
48
-
<cite class="text-right">—Honkai Star Rail</cite>
49
-
</blockquote>
50
-
</main>
51
-
<footer class={twJoin(
52
-
"mt-[-1rem] lg:mt-0 pt-4 flex flex-row gap-4 justify-end",
53
-
"border-0 lg:border-t border-[#CFB4C5] dark:border-zinc-800",
6
+
<header class="flex flex-col gap-2">
7
+
<h1 class={twJoin(
8
+
"pt-12 flex items-end",
9
+
"text-2xl lg:text-4xl font-domine font-bold lg:font-medium",
54
10
)}>
55
-
<a href="https://bsky.app/profile/samanthanguyen.me" title="@samanthanguyen.me on Bluesky">
56
-
<IconBrandBluesky
57
-
size={32}
58
-
stroke={1}
59
-
class={twJoin("text-zinc-950 hover:fill-zinc-950", "dark:text-gray-50 hover:fill-gray-50")} />
60
-
</a>
61
-
<a href="https://github.com/neoncitylights" title="@neoncitylights on GitHub">
62
-
<IconBrandGithub
63
-
size={32}
64
-
stroke={1}
65
-
class={twJoin("text-zinc-950 hover:fill-zinc-950", "dark:text-gray-50 hover:fill-gray-50")} />
66
-
</a>
67
-
</footer>
68
-
</section>
11
+
samanthanguyen.me
12
+
</h1>
13
+
<span class={twJoin(
14
+
"text-sm lg:text-base dark:text-zinc-500",
15
+
"font-domine",
16
+
)}>
17
+
she / her. artist, software engineer, aspiring computer scientist
18
+
</span>
19
+
</header>
20
+
<main class="flex flex-col gap-8 lg:gap-12">
21
+
<span class="flex flex-col gap-6 lg:gap-8 font-domine text-sm lg:text-base text-left lg: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">
38
+
<p>
39
+
"We adventure together, explore together, and capture wonderful memories together.
40
+
In the journeys to come, we will "trailblaze" more beautiful moments, preserving
41
+
them with our camera, our eyes, and our hearts."
42
+
</p>
43
+
<cite class="text-right">—Honkai Star Rail</cite>
44
+
</blockquote>
45
+
</main>
46
+
<Footer />