jsbeckr/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

stuff

Browse Source
This commit is contained in:
Jens
2026-02-13 13:41:18 +01:00
parent d241feb0e9
commit af9ed8d9df
13 changed files with 2022 additions and 190 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/Footer.ts
View File

@@ -2,10 +2,12 @@ import { html } from "@mastrojs/mastro";
export const Footer = () => html`
<footer>
<div>
<div class="bg-stone-950 rounded p-2 mb-4">
Made with
<a href="https://github.com/mastrojs/mastro">Mastro</a> ©
${new Date().getFullYear()}
<a href="https://github.com/mastrojs/mastro" class="font-bold font-mono"
>Mastro</a
>
© ${new Date().getFullYear()}
</div>
</footer>
`;

8
components/Header.ts
View File

@@ -1,7 +1,11 @@
import { html } from "@mastrojs/mastro";
export const Header = () => html`
<header>
<div><a href="/">jens.pub</a></div>
<header class="py-8">
<a
class="text-5xl font-bold font-fancy rounded bg-stone-950 px-4 py-1"
href="/"
>jens.pub</a
>
</header>
`;

38
components/Layout.ts
View File

@@ -9,23 +9,25 @@ interface Props {
children: Html;
}
export const Layout = (props: Props) =>
html`
<!doctype html>
<html lang="en">
<head>
<title>${props.title}</title>
<link rel="stylesheet" href=${basePath + "/styles.css"}>
<meta name="viewport" content="width=device-width">
</head>
<body>
${Header()}
export const Layout = (props: Props) => html`
<!doctype html>
<html lang="en">
<head>
<title>${props.title}</title>
<meta charset="UTF-8" />
<link rel="stylesheet" href=${basePath + "/styles.css"} />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body
class="bg-stone-900 text-stone-200 max-w-2xl flex flex-col mx-auto h-screen border-l-8 border-dashed pl-4"
>
${Header()}
<main>
${props.children}
</main>
<main class="flex-1 prose prose-stone prose-invert">
${props.children}
</main>
${Footer()}
</body>
</html>
`;
${Footer()}
</body>
</html>
`;