samantha's personal website!~ ✨
samanthanguyen.me
semantics + favicons
+21
-14
+6
-1
src/app.html
+6
-1
src/app.html
···
2
2
<html lang="en">
3
3
<head>
4
4
<meta charset="utf-8" />
5
-
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
5
+
<link rel="icon" href="%sveltekit.assets%/favicon.ico" />
6
+
<link rel="icon" type="image/png" sizes="16x16" href="%sveltekit.assets%/favicon-16x16.png">
7
+
<link rel="icon" type="image/png" sizes="32x32" href="%sveltekit.assets%/favicon-32x32.png">
8
+
<link rel="icon" type="image/png" sizes="192x192" href="%sveltekit.assets%/android-chrome-192x192.png">
9
+
<link rel="icon" type="image/png" sizes="512x512" href="%sveltekit.assets%/android-chrome-512x512.png">
10
+
<link rel="apple-touch-icon" sizes="180x180" href="%sveltekit.assets%/apple-touch-icon.png">
6
11
<meta name="viewport" content="width=device-width, initial-scale=1" />
7
12
<meta name="theme-color" content="#EDE3E9" media="(prefers-color-scheme: light)">
8
13
<meta name="theme-color" content="#070707" media="(prefers-color-scheme: dark)">
+15
-13
src/lib/Header.svelte
+15
-13
src/lib/Header.svelte
···
2
2
import { twJoin } from 'tailwind-merge'
3
3
</script>
4
4
5
-
<header class="flex flex-col gap-1 lg:gap-2">
6
-
<h1 class={twJoin(
7
-
"pt-12 flex items-end",
8
-
"text-2xl lg:text-4xl font-domine font-bold lg:font-medium",
9
-
)}>
10
-
samanthanguyen.me
11
-
</h1>
12
-
<span class={twJoin(
13
-
"text-sm lg:text-base dark:text-zinc-500",
14
-
"font-domine",
15
-
)}>
16
-
she / her. artist, software engineer, aspiring computer scientist
17
-
</span>
5
+
<header>
6
+
<hgroup class="flex flex-col gap-1 lg: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",
10
+
)}>
11
+
samanthanguyen.me
12
+
</h1>
13
+
<p 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
+
</p>
19
+
</hgroup>
18
20
</header>
static/android-chrome-192x192.png
static/android-chrome-192x192.png
This is a binary file and will not be displayed.
static/android-chrome-512x512.png
static/android-chrome-512x512.png
This is a binary file and will not be displayed.
static/apple-touch-icon.png
static/apple-touch-icon.png
This is a binary file and will not be displayed.
static/favicon-16x16.png
static/favicon-16x16.png
This is a binary file and will not be displayed.
static/favicon-32x32.png
static/favicon-32x32.png
This is a binary file and will not be displayed.
static/favicon.ico
static/favicon.ico
This is a binary file and will not be displayed.
static/favicon.png
static/favicon.png
This is a binary file and will not be displayed.