Scaffold basic page layout and site generation
Set up the basic layout of the site and greybox its content based on statically generated pages. Content pages uses general base layouts defined centrally to avoid duplicating code.
This commit is contained in:
parent
51b458103b
commit
8fb809fa95
10 changed files with 268 additions and 21 deletions
23
content/bases.tsx
Normal file
23
content/bases.tsx
Normal file
|
@ -0,0 +1,23 @@
|
|||
import type { Node } from "antihtml";
|
||||
|
||||
interface BaseProps {
|
||||
title: string;
|
||||
children: Node | Node[],
|
||||
}
|
||||
export function BasePage(props: BaseProps) {
|
||||
return <html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>{props.title}</title>
|
||||
<link rel="stylesheet" href="./style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<header class="header">
|
||||
<nav>
|
||||
<a href="./index.html">Home</a> <a href="./updates.html">Updates</a> <a href="./projects.html">Projects</a>
|
||||
</nav>
|
||||
</header>
|
||||
{props.children}
|
||||
</body>
|
||||
</html>
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue