} = options;
return `\t<head>
\t\t<meta charset="utf-8">
+\t\t<meta name="viewport" content="width=device-width,initial-scale=1">
\t\t<link rel="stylesheet" href="${rootPathPfx}static/theme.css">
\t\t<link rel="stylesheet" href="${rootPathPfx}static/custom.css">
${headElements.map((e) => '\t\t' + e).join('\n')}
const {
bodyAttributes = {},
} = options;
+ const firefoxFix = '\n<script>0</script>'; // This fixes a layout rendering flash on load in Firefox; do not know why this works, but it does.
return `
-\t<body${elementAttributes(bodyAttributes)}>
+\t<body${elementAttributes(bodyAttributes)}>${firefoxFix}
${htmlHeader(pagePathLevel, ctx, options)}
${htmlMessages(ctx, options)}
\t\t<main>
* @returns {String}
*/
function htmlHeader(pagePathLevel, ctx, options) {
- const rootPathPfx = '../'.repeat(Math.max(pagePathLevel - 1, 0));
+ const rootPathPfx = '../'.repeat(pagePathLevel);
const {
logoUrl = '',
pageTitle = '',