From c8e3fa3f70dc8902c52d0f56969fb9dfcfcae333 Mon Sep 17 00:00:00 2001 From: denizk0461 Date: Fri, 18 Apr 2025 16:15:00 +0200 Subject: [PATCH] edited fonts --- src/lib/banner-title-alt.svelte | 20 ++++++--- src/lib/banner-title.svelte | 4 ++ src/routes/+layout.svelte | 50 +++++++++++++++++----- src/routes/projects/+page.svelte | 8 +--- static/fonts/ppmonument/black.otf | Bin 0 -> 44556 bytes static/fonts/ppmonument/blackitalic.otf | Bin 0 -> 44076 bytes static/fonts/ppmonument/light.otf | Bin 0 -> 41584 bytes static/fonts/ppmonument/lightitalic.otf | Bin 0 -> 42396 bytes static/fonts/ppmonument/regular.otf | Bin 0 -> 42036 bytes static/fonts/ppmonument/regularitalic.otf | Bin 0 -> 42424 bytes 10 files changed, 59 insertions(+), 23 deletions(-) create mode 100644 static/fonts/ppmonument/black.otf create mode 100644 static/fonts/ppmonument/blackitalic.otf create mode 100644 static/fonts/ppmonument/light.otf create mode 100644 static/fonts/ppmonument/lightitalic.otf create mode 100644 static/fonts/ppmonument/regular.otf create mode 100644 static/fonts/ppmonument/regularitalic.otf diff --git a/src/lib/banner-title-alt.svelte b/src/lib/banner-title-alt.svelte index 0aba459..32a8286 100644 --- a/src/lib/banner-title-alt.svelte +++ b/src/lib/banner-title-alt.svelte @@ -3,10 +3,12 @@ let { title, + date = "", subtitle = "", banner = "", }: { title: string; + date?: string; subtitle?: string; banner?: string; } = $props(); @@ -20,6 +22,9 @@

{title}

+ {#if date} +

{date}

+ {/if} {#if subtitle}

{subtitle}

{/if} @@ -50,9 +55,7 @@ .text-container { width: 48%; - margin-top: auto; - margin-bottom: auto; - padding-left: 24px; + margin: auto 24px; } .container img { @@ -68,12 +71,15 @@ left: 0; right: 0; bottom: 0px; - font-style: italic; + font-weight: 900; + /* font-style: italic; */ + } + + .date { + } .subtitle { - font-size: 1.2rem; - line-height: 1.6rem; - font-style: italic; + /* font-style: italic; */ } \ No newline at end of file diff --git a/src/lib/banner-title.svelte b/src/lib/banner-title.svelte index 4d93e39..5f29818 100644 --- a/src/lib/banner-title.svelte +++ b/src/lib/banner-title.svelte @@ -39,6 +39,9 @@ } .title { + font-family: var(--font-title); + font-size: 2.4rem; + line-height: 2.7rem; position: absolute; width: 100%; box-sizing: border-box; @@ -47,6 +50,7 @@ left: 0; right: 0; bottom: 0px; + font-weight: 900; background-image: linear-gradient(to right, #00000088, #000000AA); } diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index be26edb..c9b2149 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -13,11 +13,38 @@