12345678910111213141516171819202122232425262728293031323334353637 |
- const header = require('./header.11ty.cjs');
- const footer = require('./footer.11ty.cjs');
- const nav = require('./nav.11ty.cjs');
- const relative = require('./relative-path.cjs');
- module.exports = function (data) {
- const {title, page, content} = data;
- return `
- <!doctype html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>${title}</title>
- <link rel="stylesheet" href="${relative(page.url, '/docs.css')}">
- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600|Roboto+Mono">
- <link href="${relative(page.url, '/prism-okaidia.css')}" rel="stylesheet" />
- <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
- <script src="/node_modules/lit/polyfill-support.js"></script>
- <script type="module" src="${relative(
- page.url,
- '/my-element.bundled.js'
- )}"></script>
- </head>
- <body>
- ${header()}
- ${nav(data)}
- <div id="main-wrapper">
- <main>
- ${content}
- </main>
- </div>
- ${footer()}
- </body>
- </html>`;
- };
|