added notches and footer

This commit is contained in:
2025-04-04 19:00:47 +02:00
parent 060b66a1be
commit 6a1a184b7b
11 changed files with 75 additions and 16 deletions

View File

@@ -15,9 +15,9 @@
<Footer />
<style>
:global {
@import url('https://fonts.upset.dev/css2?family=Reddit+Mono:wght@200..900&family=Reddit+Sans+Condensed:wght@200..900&family=Reddit+Sans:ital,wght@0,200..900;1,200..900&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.upset.dev/css2?family=Reddit+Mono:wght@200..900&family=Reddit+Sans+Condensed:wght@200..900&family=Reddit+Sans:ital,wght@0,200..900;1,200..900&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
:global {
:root {
--color-text: #e0e0e0;
--color-text-img: invert(98%) sepia(1%) saturate(4643%) hue-rotate(297deg) brightness(115%) contrast(76%);
@@ -32,11 +32,13 @@
--notch-size: 32px;
--notch-size-small: 16px;
--notch-size-link: 10px;
--color-link-unvisited: #c2e8ff;
--color-link-visited: #ffd7f0;
--color-link-hovered: #ffdad5;
--font-sans-serif: 'Reddit Sans', 'Lato', sans-serif;
--font-mono: 'Reddit Mono', monospace;
}
html {
@@ -49,7 +51,7 @@
margin: 0 auto 228px;
max-width: 1200px;
font-family: 'Reddit Sans', 'Lato', sans-serif;
font-family: var(--font-sans-serif);
font-size: 1.1rem;
color: var(--color-text); /* text colour */
@@ -101,7 +103,7 @@
}
code, .code-block {
font-family: 'Reddit Mono', monospace;
font-family: var(--font-mono);
font-size: 0.9em;
background-color: var(--color-background-highlight);
/* color: var(--color-background); */