diff --git a/src/routes/style.css b/src/routes/style.css index e3a9e04..86fd027 100644 --- a/src/routes/style.css +++ b/src/routes/style.css @@ -8,108 +8,108 @@ /* This is going to be quite long */ @font-face { font-family: "FiraGO"; - src: url("/assets/fonts/FiraGO/FiraGO-ExtraLight.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-ExtraLight.woff") format("woff"); + src: url("/assets/fonts/FiraGO/FiraGO-ExtraLight.woff2") format("woff2"); font-weight: 200; font-style: normal; } @font-face { font-family: "FiraGO"; - src: url("/assets/fonts/FiraGO/FiraGO-ExtraLightItalic.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-ExtraLightItalic.woff") format("woff"); + src: url("/assets/fonts/FiraGO/FiraGO-ExtraLightItalic.woff2") format("woff2"); font-weight: 200; font-style: italic; } @font-face { font-family: "FiraGO"; - src: url("/assets/fonts/FiraGO/FiraGO-Light.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-Light.woff") format("woff"); + src: url("/assets/fonts/FiraGO/FiraGO-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; } @font-face { font-family: "FiraGO"; - src: url("/assets/fonts/FiraGO/FiraGO-LightItalic.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-LightItalic.woff") format("woff"); + src: url("/assets/fonts/FiraGO/FiraGO-LightItalic.woff2") format("woff2"); font-weight: 300; font-style: italic; } @font-face { font-family: "FiraGO"; - src: url("/assets/fonts/FiraGO/FiraGO-Regular.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-Regular.woff") format("woff"); + src: url("/assets/fonts/FiraGO/FiraGO-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; } @font-face { font-family: "FiraGO"; - src: url("/assets/fonts/FiraGO/FiraGO-Italic.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-Italic.woff") format("woff"); + src: url("/assets/fonts/FiraGO/FiraGO-Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; } @font-face { font-family: "FiraGO"; - src: url("/assets/fonts/FiraGO/FiraGO-Medium.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-Medium.woff") format("woff"); + src: url("/assets/fonts/FiraGO/FiraGO-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; } @font-face { font-family: "FiraGO"; - src: url("/assets/fonts/FiraGO/FiraGO-MediumItalic.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-MediumItalic.woff") format("woff"); + src: url("/assets/fonts/FiraGO/FiraGO-MediumItalic.woff2") format("woff2"); font-weight: 500; font-style: italic; } @font-face { font-family: "FiraGO"; - src: url("/assets/fonts/FiraGO/FiraGO-SemiBold.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-SemiBold.woff") format("woff"); + src: url("/assets/fonts/FiraGO/FiraGO-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; } @font-face { font-family: "FiraGO"; - src: url("/assets/fonts/FiraGO/FiraGO-SemiBoldItalic.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-SemiBoldItalic.woff") format("woff"); + src: url("/assets/fonts/FiraGO/FiraGO-SemiBoldItalic.woff2") format("woff2"); font-weight: 600; font-style: italic; } @font-face { font-family: "FiraGO"; - src: url("/assets/fonts/FiraGO/FiraGO-Bold.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-Bold.woff") format("woff"); + src: url("/assets/fonts/FiraGO/FiraGO-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; } @font-face { font-family: "FiraGO"; - src: url("/assets/fonts/FiraGO/FiraGO-BoldItalic.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-BoldItalic.woff") format("woff"); + src: url("/assets/fonts/FiraGO/FiraGO-BoldItalic.woff2") format("woff2"); font-weight: 700; font-style: italic; } @font-face { font-family: "FiraGO"; - src: url("/assets/fonts/FiraGO/FiraGO-ExtraBold.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-ExtraBold.woff") format("woff"); + src: url("/assets/fonts/FiraGO/FiraGO-ExtraBold.woff2") format("woff2"); font-weight: 800; font-style: normal; } @font-face { font-family: "FiraGO"; - src: url("/assets/fonts/FiraGO/FiraGO-ExtraBoldItalic.woff2") format("woff2"), url("/assets/fonts/FiraGO/FiraGO-ExtraBoldItalic.woff") format("woff"); + src: url("/assets/fonts/FiraGO/FiraGO-ExtraBoldItalic.woff2") format("woff2"); font-weight: 800; font-style: italic; } :root { --accent: hsl(287, 50%, 59%); - --accent-2: hsl(287, 50%, 39%); - --background: hsl(302, 69%, 95%); - --background-2: hsl(302, 69%, 90%); - --foreground: hsl(302, 69%, 10%); + --accent-2: light-dark(hsl(287, 50%, 39%), hsl(287, 50%, 79%)); + --background: light-dark(hsl(302, 69%, 95%), hsl(302, 69%, 10%)); + --background-2: light-dark(hsl(302, 69%, 90%), hsl(302, 69%, 5%)); + --foreground: light-dark(hsl(302, 69%, 10%), hsl(302, 69%, 95%)); --success: hsl(110, 50%, 59%); --warn: hsl(30, 50%, 59%); --error: hsl(0, 50%, 59%); @@ -118,6 +118,8 @@ } body { + color-scheme: light dark; + /* Display */ margin: 0; padding: 0; @@ -148,13 +150,11 @@ nav .links { } h1 { - border-bottom: 2px solid var(--accent-2); font-size: xx-large; font-weight: bolder; } h2 { - border-bottom: 1px solid var(--accent-2); font-size: x-large; font-weight: bold; } @@ -183,49 +183,49 @@ article { counter-reset: h2 0; } -article h2 { - counter-increment: h2 1; - counter-reset: h3 0; -} +/*article h2 {*/ +/* counter-increment: h2 1;*/ +/* counter-reset: h3 0;*/ +/*}*/ -article h2::before { - content: counter(h2) ". "; -} +/*article h2::before {*/ +/* content: counter(h2) ". ";*/ +/*}*/ -article h3 { - counter-increment: h3 1; - counter-reset: h4 0; -} +/*article h3 {*/ +/* counter-increment: h3 1;*/ +/* counter-reset: h4 0;*/ +/*}*/ -article h3::before { - content: counter(h2) "." counter(h3) ". "; -} +/*article h3::before {*/ +/* content: counter(h2) "." counter(h3) ". ";*/ +/*}*/ -article h4 { - counter-increment: h4 1; - counter-reset: h5 0; -} +/*article h4 {*/ +/* counter-increment: h4 1;*/ +/* counter-reset: h5 0;*/ +/*}*/ -article h4::before { - content: counter(h2) "." counter(h3) "." counter(h4) ". "; -} +/*article h4::before {*/ +/* content: counter(h2) "." counter(h3) "." counter(h4) ". ";*/ +/*}*/ -article h5 { - counter-increment: h5 1; - counter-reset: h6 0; -} +/*article h5 {*/ +/* counter-increment: h5 1;*/ +/* counter-reset: h6 0;*/ +/*}*/ -article h5::before { - content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". "; -} +/*article h5::before {*/ +/* content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". ";*/ +/*}*/ -article h6 { - counter-increment: h6 1; -} +/*article h6 {*/ +/* counter-increment: h6 1;*/ +/*}*/ -article h6::before { - content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ". "; -} +/*article h6::before {*/ +/* content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ". ";*/ +/*}*/ a { padding-left: 0.15em; @@ -503,13 +503,6 @@ table.rows tbody tr:nth-child(2n) { } @media (prefers-color-scheme: dark) { - :root { - --accent-2: hsl(287, 50%, 79%); - --background: hsl(302, 69%, 10%); - --background-2: hsl(302, 69%, 5%); - --foreground: hsl(302, 69%, 95%); - } - .icon-link>img.invert { filter: hue-rotate(180deg) invert(); } diff --git a/static/assets/fonts/FiraGO/FiraGO-Bold.woff b/static/assets/fonts/FiraGO/FiraGO-Bold.woff deleted file mode 100644 index 0d21cdf..0000000 Binary files a/static/assets/fonts/FiraGO/FiraGO-Bold.woff and /dev/null differ diff --git a/static/assets/fonts/FiraGO/FiraGO-BoldItalic.woff b/static/assets/fonts/FiraGO/FiraGO-BoldItalic.woff deleted file mode 100644 index bfabf36..0000000 Binary files a/static/assets/fonts/FiraGO/FiraGO-BoldItalic.woff and /dev/null differ diff --git a/static/assets/fonts/FiraGO/FiraGO-ExtraBold.woff b/static/assets/fonts/FiraGO/FiraGO-ExtraBold.woff deleted file mode 100644 index f77ac60..0000000 Binary files a/static/assets/fonts/FiraGO/FiraGO-ExtraBold.woff and /dev/null differ diff --git a/static/assets/fonts/FiraGO/FiraGO-ExtraBoldItalic.woff b/static/assets/fonts/FiraGO/FiraGO-ExtraBoldItalic.woff deleted file mode 100644 index b3e1ff3..0000000 Binary files a/static/assets/fonts/FiraGO/FiraGO-ExtraBoldItalic.woff and /dev/null differ diff --git a/static/assets/fonts/FiraGO/FiraGO-ExtraLight.woff b/static/assets/fonts/FiraGO/FiraGO-ExtraLight.woff deleted file mode 100644 index d8974ed..0000000 Binary files a/static/assets/fonts/FiraGO/FiraGO-ExtraLight.woff and /dev/null differ diff --git a/static/assets/fonts/FiraGO/FiraGO-ExtraLightItalic.woff b/static/assets/fonts/FiraGO/FiraGO-ExtraLightItalic.woff deleted file mode 100644 index 70803d1..0000000 Binary files a/static/assets/fonts/FiraGO/FiraGO-ExtraLightItalic.woff and /dev/null differ diff --git a/static/assets/fonts/FiraGO/FiraGO-Italic.woff b/static/assets/fonts/FiraGO/FiraGO-Italic.woff deleted file mode 100644 index c85a0c7..0000000 Binary files a/static/assets/fonts/FiraGO/FiraGO-Italic.woff and /dev/null differ diff --git a/static/assets/fonts/FiraGO/FiraGO-Light.woff b/static/assets/fonts/FiraGO/FiraGO-Light.woff deleted file mode 100644 index f182ade..0000000 Binary files a/static/assets/fonts/FiraGO/FiraGO-Light.woff and /dev/null differ diff --git a/static/assets/fonts/FiraGO/FiraGO-LightItalic.woff b/static/assets/fonts/FiraGO/FiraGO-LightItalic.woff deleted file mode 100644 index 6883bbf..0000000 Binary files a/static/assets/fonts/FiraGO/FiraGO-LightItalic.woff and /dev/null differ diff --git a/static/assets/fonts/FiraGO/FiraGO-Medium.woff b/static/assets/fonts/FiraGO/FiraGO-Medium.woff deleted file mode 100644 index 089f038..0000000 Binary files a/static/assets/fonts/FiraGO/FiraGO-Medium.woff and /dev/null differ diff --git a/static/assets/fonts/FiraGO/FiraGO-MediumItalic.woff b/static/assets/fonts/FiraGO/FiraGO-MediumItalic.woff deleted file mode 100644 index 957eed6..0000000 Binary files a/static/assets/fonts/FiraGO/FiraGO-MediumItalic.woff and /dev/null differ diff --git a/static/assets/fonts/FiraGO/FiraGO-Regular.woff b/static/assets/fonts/FiraGO/FiraGO-Regular.woff deleted file mode 100644 index a281950..0000000 Binary files a/static/assets/fonts/FiraGO/FiraGO-Regular.woff and /dev/null differ diff --git a/static/assets/fonts/FiraGO/FiraGO-SemiBold.woff b/static/assets/fonts/FiraGO/FiraGO-SemiBold.woff deleted file mode 100644 index 10955b2..0000000 Binary files a/static/assets/fonts/FiraGO/FiraGO-SemiBold.woff and /dev/null differ diff --git a/static/assets/fonts/FiraGO/FiraGO-SemiBoldItalic.woff b/static/assets/fonts/FiraGO/FiraGO-SemiBoldItalic.woff deleted file mode 100644 index 1b80809..0000000 Binary files a/static/assets/fonts/FiraGO/FiraGO-SemiBoldItalic.woff and /dev/null differ