Use footer element for footnotes
This commit is contained in:
parent
16105d8bcf
commit
e54a91d5c7
|
@ -77,7 +77,7 @@ module.exports = function (eleventyConfig) {
|
||||||
|
|
||||||
// Configure markdown-it-footnote
|
// Configure markdown-it-footnote
|
||||||
markdownLibrary.renderer.rules.footnote_block_open = () => (
|
markdownLibrary.renderer.rules.footnote_block_open = () => (
|
||||||
'<section class="footnotes">\n' +
|
'<footer class="footnotes">\n' +
|
||||||
`<div class="heading-wrapper h2">
|
`<div class="heading-wrapper h2">
|
||||||
<h2 id="footnotes" class="footnotes__title">Footnotes</h2>
|
<h2 id="footnotes" class="footnotes__title">Footnotes</h2>
|
||||||
<a class="heading-anchor" href="#footnotes" aria-labelledby="footnotes"><span hidden="">#</span></a>
|
<a class="heading-anchor" href="#footnotes" aria-labelledby="footnotes"><span hidden="">#</span></a>
|
||||||
|
@ -96,6 +96,7 @@ module.exports = function (eleventyConfig) {
|
||||||
|
|
||||||
const renderRules = {
|
const renderRules = {
|
||||||
footnote_caption: ['[', '[<span class="visually-hidden">Footnote #</span>'],
|
footnote_caption: ['[', '[<span class="visually-hidden">Footnote #</span>'],
|
||||||
|
footnote_block_close: ['section', 'footer'],
|
||||||
};
|
};
|
||||||
Object.keys(renderRules).map(rule => {
|
Object.keys(renderRules).map(rule => {
|
||||||
let defaultRender = markdownLibrary.renderer.rules[rule];
|
let defaultRender = markdownLibrary.renderer.rules[rule];
|
||||||
|
|
Loading…
Reference in New Issue