diff --git a/src/app.html b/src/app.html index 77a5ff5..5166361 100644 --- a/src/app.html +++ b/src/app.html @@ -2,7 +2,7 @@
- + %sveltekit.head% diff --git a/src/lib/header.svelte b/src/lib/header.svelte index f8c3e89..b64cff4 100644 --- a/src/lib/header.svelte +++ b/src/lib/header.svelte @@ -1,7 +1,7 @@ @@ -21,7 +21,9 @@ margin-right: auto; } .banner-image { - width: fit-content; + width: 64px; + margin-top: 16px; + margin-bottom: 16px; } .banner-text { width: fit-content; diff --git a/src/lib/link-list.svelte b/src/lib/link-list.svelte index 943cf39..1eff358 100644 --- a/src/lib/link-list.svelte +++ b/src/lib/link-list.svelte @@ -62,5 +62,9 @@ filter: var(--color-text-img); margin-top: 4px; margin-bottom: -4px; + width: fit-content !important; + margin-left: 0; + margin-right: 0; + display: inline; } \ No newline at end of file diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index a9126af..4c935bb 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -33,6 +33,10 @@ --notch-size: 32px; --notch-size-small: 16px; --notch-size-link: 10px; + + --color-link-unvisited: #c2e8ff; + --color-link-visited: #ffd7f0; + --color-link-hovered: #ffdad5; } html { @@ -96,6 +100,44 @@ width: fit-content; } + code, .code-block { + font-family: 'Reddit Mono', monospace; + font-size: 0.9em; + background-color: var(--color-background-highlight); + /* color: var(--color-background); */ + border-radius: 8px; + padding-left: 6px; + padding-right: 6px; + } + + img, video { + width: 80%; + margin-left: auto; + margin-right: auto; + display: flex; + } + + .horizontally-centre-aligned { + width: 80%; + display: flex; + justify-content: center; + align-items: center; + margin-left: auto; + margin-right: auto; + } + + a:link { + color: var(--color-link-unvisited); + } + /* visited link */ + a:visited { + color: var(--color-link-visited); + } + /* mouse over link */ + a:hover { + color: var(--color-link-hovered); + } + .notched { clip-path: polygon( 0% var(--notch-size), diff --git a/src/routes/projects/projectn5/devlog/+page.svelte b/src/routes/projects/projectn5/devlog/+page.svelte index e82c034..9d71f0c 100644 --- a/src/routes/projects/projectn5/devlog/+page.svelte +++ b/src/routes/projects/projectn5/devlog/+page.svelte @@ -8,7 +8,7 @@This is the development log for my game Project N5! It's an action-adventure jump-and-run game heavily inspired by games such as Ratchet & Clank. Development started on 2023-09-16.
@@ -22,7 +22,7 @@ {#snippet devlogPost({post}: {post: DevlogPost})} - + {#if post.banner}