web/tsx/layout.tsx (view raw)
1import type { Child, FC } from "hono/jsx";
2import { Message } from "./components.tsx";
3
4const DocType: FC = () => {
5 const s = new String("<!DOCTYPE html>") as any;
6 s.isEscaped = true;
7 return s;
8};
9
10export const Layout: FC<{ url: string; children: Child }> = (props) => {
11 return (
12 <>
13 <DocType />
14 <html>
15 <head>
16 <meta name="viewport" content="width=device-width,initial-scale=1" />
17 <link href="/style.css" rel="stylesheet" />
18 <meta charset="utf-8" />
19 </head>
20 <body>
21 <main>
22 <a href="/">
23 <h1>Momix</h1>
24 </a>
25 <Message url={props.url} />
26 {props.children}
27 </main>
28 </body>
29 </html>
30 </>
31 );
32};