36 lines
905 B
JavaScript
36 lines
905 B
JavaScript
const page = require('./page.11ty.cjs');
|
|
const relative = require('./relative-path.cjs');
|
|
|
|
/**
|
|
* This template extends the page template and adds an examples list.
|
|
*/
|
|
module.exports = function(data) {
|
|
|
|
return page({
|
|
...data,
|
|
content: renderExample(data),
|
|
});
|
|
};
|
|
|
|
const renderExample = ({name, content, collections, page}) => {
|
|
return `
|
|
<h1>Example: ${name}</h1>
|
|
<section class="examples">
|
|
<nav class="collection">
|
|
<ul>
|
|
${collections.example === undefined
|
|
? ''
|
|
: collections.example.map((post) => `
|
|
<li class=${post.url === page.url ? 'selected' : ''}>
|
|
<a href="${relative(page.url, post.url)}">${post.data.description.replace('<', '<')}</a>
|
|
</li>
|
|
`).join('')}
|
|
</ul>
|
|
</nav>
|
|
<div>
|
|
${content}
|
|
</div>
|
|
</section>
|
|
`;
|
|
};
|