diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index d1ce087..497b3a0 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -97,6 +97,13 @@ font-style: normal; } + @font-face { + font-family: "LIGHTYEARS"; + src: url("/fonts/lightyears.woff2"); + font-weight: 400; + font-style: normal; + } + /* OpenMoji */ @font-face { font-family: "OpenMoji"; @@ -154,6 +161,8 @@ --font-mono: 'Kode Mono', 'OpenMoji', monospace; --font-size-mono: 0.9em; + --font-lightyears: 'LIGHTYEARS', sans-serif; + --font-size-h1: 2.0rem; --font-size-h2: 1.5rem; --font-size-h3: 1.3rem; @@ -331,6 +340,10 @@ border: var(--border-dash-size) var(--border-style) var(--color-highlight); */ } + .lightyears-text { + font-family: var(--font-lightyears); + } + .horizontally-centre-aligned { width: var(--media-width); display: flex; diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 31e7af5..7ed68d3 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -71,10 +71,12 @@

Moin! ~ welcome to my website :)

+

you can change the world from your bedroom!


+ Pixelated mirror selfie of the website creator wearing a green shirt, fitting the website theme. The face is obscured.

Hi! I'm Deniz. Welcome to my website! I keep rewriting this introduction but I'm REALLY bad at this type of stuff.

@@ -243,6 +245,11 @@ background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; - padding-bottom: 12px; + } + + .page-subtitle { + /* padding-bottom: 12px; */ + width: fit-content; + margin: 4px 0 12px 0; } \ No newline at end of file diff --git a/static/fonts/lightyears.woff2 b/static/fonts/lightyears.woff2 new file mode 100644 index 0000000..7029eb3 Binary files /dev/null and b/static/fonts/lightyears.woff2 differ