diff --git a/netlify.toml b/netlify.toml index aeaf567..9e1c984 100644 --- a/netlify.toml +++ b/netlify.toml @@ -62,8 +62,23 @@ from = "/discord" to = "https://discord.com/users/297930621760831488" status = 301 -# Redirect unknown paths to home +# 404 redirects [[redirects]] -from = "/*" -to = "/index.html" -status = 200 +from = "/:path" +to = "/" +status = 301 + +[[redirects]] +from = "/:path/" +to = "/" +status = 301 + +[[redirects]] +from = "/:path/*" +to = "/" +status = 301 + +[[redirects]] +from = "/index.html" +to = "/" +status = 301 diff --git a/src/components/Header/header.module.scss b/src/components/Header/header.module.scss index 1d493e4..72647b6 100644 --- a/src/components/Header/header.module.scss +++ b/src/components/Header/header.module.scss @@ -8,6 +8,9 @@ background-color: var(--header-color); padding: 0.5rem 1rem; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); + position: sticky; + top: 0; + z-index: 10; a h1 { text-decoration: none; } diff --git a/src/root.tsx b/src/root.tsx index 768cf35..732ea8a 100644 --- a/src/root.tsx +++ b/src/root.tsx @@ -34,6 +34,7 @@ export const Layout = ({ name="viewport" /> + diff --git a/src/styles/global.scss b/src/styles/global.scss index 8fdc42a..3fa9150 100644 --- a/src/styles/global.scss +++ b/src/styles/global.scss @@ -3,6 +3,7 @@ html, #root, body { + color-scheme: dark; font-size: 1rem; background-color: var(--background-color); color: var(--text-color);