summaryrefslogtreecommitdiffhomepage
path: root/vhosts/blog/nuldoc-src/components/page_layout.ts
diff options
context:
space:
mode:
authornsfisis <nsfisis@gmail.com>2023-09-07 22:27:48 +0900
committernsfisis <nsfisis@gmail.com>2023-09-07 22:35:53 +0900
commit994e0114d76ae19768d5c303874a968cf6369fd0 (patch)
tree5fd3f8b169eea00084b24fbae820f75273864d2a /vhosts/blog/nuldoc-src/components/page_layout.ts
parent57f015992f678bfd7281f171fb9d71349c96a1a0 (diff)
downloadnsfisis.dev-994e0114d76ae19768d5c303874a968cf6369fd0.tar.gz
nsfisis.dev-994e0114d76ae19768d5c303874a968cf6369fd0.tar.zst
nsfisis.dev-994e0114d76ae19768d5c303874a968cf6369fd0.zip
meta: migrate to monorepo
Diffstat (limited to 'vhosts/blog/nuldoc-src/components/page_layout.ts')
-rw-r--r--vhosts/blog/nuldoc-src/components/page_layout.ts78
1 files changed, 78 insertions, 0 deletions
diff --git a/vhosts/blog/nuldoc-src/components/page_layout.ts b/vhosts/blog/nuldoc-src/components/page_layout.ts
new file mode 100644
index 00000000..50ed45de
--- /dev/null
+++ b/vhosts/blog/nuldoc-src/components/page_layout.ts
@@ -0,0 +1,78 @@
+import { Config } from "../config.ts";
+import { el, Element, text } from "../dom.ts";
+import { stylesheetLinkElement } from "./utils.ts";
+
+type Params = {
+ metaCopyrightYear: number;
+ metaDescription: string;
+ metaKeywords: string[];
+ metaTitle: string;
+ requiresSyntaxHighlight: boolean;
+};
+
+export async function pageLayout(
+ {
+ metaCopyrightYear,
+ metaDescription,
+ metaKeywords,
+ metaTitle,
+ requiresSyntaxHighlight,
+ }: Params,
+ body: Element,
+ config: Config,
+): Promise<Element> {
+ const head = el(
+ "head",
+ [],
+ metaElement([["charset", "UTF-8"]]),
+ metaElement([["name", "viewport"], [
+ "content",
+ "width=device-width, initial-scale=1.0",
+ ]]),
+ metaElement([["name", "author"], ["content", config.blog.author]]),
+ metaElement([["name", "copyright"], [
+ "content",
+ `&copy; ${metaCopyrightYear} ${config.blog.author}`,
+ ]]),
+ metaElement([["name", "description"], [
+ "content",
+ metaDescription,
+ ]]),
+ ...(metaKeywords.length === 0 ? [] : [
+ metaElement([["name", "keywords"], [
+ "content",
+ metaKeywords.join(","),
+ ]]),
+ ]),
+ linkElement("icon", "/favicon.svg", "image/svg+xml"),
+ el("title", [], text(metaTitle)),
+ await stylesheetLinkElement("/style.css", config),
+ ...(
+ requiresSyntaxHighlight
+ ? [await stylesheetLinkElement("/hl.css", config)]
+ : []
+ ),
+ );
+ return el(
+ "html",
+ [["lang", "ja-JP"]],
+ head,
+ body,
+ );
+}
+
+function metaElement(attrs: [string, string][]): Element {
+ return el("meta", attrs);
+}
+
+function linkElement(
+ rel: string,
+ href: string,
+ type: string | null,
+): Element {
+ const attrs: [string, string][] = [["rel", rel], ["href", href]];
+ if (type !== null) {
+ attrs.push(["type", type]);
+ }
+ return el("link", attrs);
+}