Update general style

- Smaller width of page
- Center navbar
- Fonts
- Catppuccin Mocha colours
- TODO.md
- Show all uses at the same time
- and more...
This commit is contained in:
2025-02-15 18:01:17 +01:00
parent cb00252364
commit 023c8b7c85
20 changed files with 168 additions and 100 deletions

View File

@ -1,13 +1,15 @@
---
import Navbar from "@/components/Navbar.astro"
import Footer from "@/components/Footer.astro"
import Header from "../components/header/Header.astro"
import { languageTag } from "@/paraglide/runtime"
import { resolvePathname } from "../utils/linking"
interface Props {
title: string
class?: string
}
const { title, class: clazz } = Astro.props
const mainClass = "grow max-w-[1000px] m-auto sm:min-w-[500px] mt-5"
---
<!doctype html>
@ -19,11 +21,12 @@ const { title, class: clazz } = Astro.props
<link rel="sitemap" href="/sitemap-index.xml" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="generator" content={Astro.generator} />
<title>{title}</title>
<title>{title} | Martin Berg Alstad</title>
</head>
<body class="flex flex-col h-screen">
<Navbar />
<main class:list={["grow", clazz]}>
<body class="flex flex-col min-h-screen bg-cat-base text-cat-text">
<Header />
<main class:list={[mainClass, clazz]}>
<h1>~{resolvePathname(Astro.routePattern)}</h1>
<slot />
</main>
<Footer />