Fix URLs fully with relative path helper
This commit is contained in:
committed by
Justin Fagnani
parent
817f502dfa
commit
5ced993566
@@ -1,8 +1,10 @@
|
||||
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>
|
||||
|
||||
@@ -10,18 +12,18 @@ module.exports = function(data) {
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>${data.title}</title>
|
||||
<link rel="stylesheet" href="./docs.css">
|
||||
<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="./prism-okaidia.css" rel="stylesheet" />
|
||||
<script type="module" src="./my-element.bundled.js"></script>
|
||||
<link href="${relative(page.url, '/prism-okaidia.css')}" rel="stylesheet" />
|
||||
<script type="module" src="${relative(page.url, '/my-element.bundled.js')}"></script>
|
||||
</head>
|
||||
<body>
|
||||
${header()}
|
||||
${nav(data)}
|
||||
<div id="main-wrapper">
|
||||
<main>
|
||||
${data.content}
|
||||
${content}
|
||||
</main>
|
||||
</div>
|
||||
${footer()}
|
||||
|
||||
Reference in New Issue
Block a user