12345678910111213141516171819202122232425262728293031323334353637383940414243 |
- 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>
- `;
- };
|