mirror of
https://github.com/jaandrle/deka-dom-el
synced 2024-11-25 09:49:36 +01:00
48 lines
1.9 KiB
JavaScript
48 lines
1.9 KiB
JavaScript
|
import { el } from "../../jsdom.js";
|
||
|
|
/**
|
||
|
|
* @param {object} def
|
||
|
|
* @param {string} def.id Page `id` is used as stylesheet name.
|
||
|
|
* @param {string} def.title Page `title` is also used as `h1`
|
||
|
|
* @param {string} def.description Page 'description'.
|
||
|
|
* @param {object} def.pkg Package information.
|
||
|
|
* @param {string} def.pkg.name
|
||
|
|
* @param {string} def.pkg.description
|
||
|
|
* @param {string} def.pkg.homepage
|
||
|
|
* @param {{ root: string, css: string}} def.path_target Final URL where the page will be rendered.
|
||
|
|
* @param {object} def
|
||
|
|
* */
|
||
|
|
export function head({ id, title, description, pkg, path_target }){
|
||
|
|
return el("<>").append(
|
||
|
|
el("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }),
|
||
|
|
el("link", { rel: "stylesheet", href: stylesheetHref(path_target, id) }),
|
||
|
|
|
||
|
|
el("meta", { name: "description", content: description }),
|
||
|
|
el(metaTwitter, pkg),
|
||
|
|
el(metaFacebook, pkg),
|
||
|
|
el("title", title),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
function metaTwitter({ name, description, homepage }){
|
||
|
|
return el("<>").append(
|
||
|
|
el("meta", { name: "twitter:card", content: "summary_large_image" }),
|
||
|
|
//el("meta", { name: "twitter:domain", content: "" }),
|
||
|
|
el("meta", { name: "twitter:url", content: homepage }),
|
||
|
|
el("meta", { name: "twitter:title", content: name }),
|
||
|
|
el("meta", { name: "twitter:description", content: description }),
|
||
|
|
//el("meta", { name: "twitter:image", content: "" }),
|
||
|
|
el("meta", { name: "twitter:creator", content: "@jaandrle" }),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
function metaFacebook({ name, description, homepage }){
|
||
|
|
return el("<>").append(
|
||
|
|
el("meta", { name: "og:url", content: homepage }),
|
||
|
|
el("meta", { name: "og:title", content: name }),
|
||
|
|
el("meta", { name: "og:description", content: description }),
|
||
|
|
//el("meta", { name: "og:image", content: "" }),
|
||
|
|
el("meta", { name: "og:creator", content: "@jaandrle" }),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
function stylesheetHref(path_target, name){
|
||
|
|
return path_target.css.replace(path_target.root, "")+name+".css";
|
||
|
|
}
|