| 1 | cases:
|
| 2 | - title: Basic footnotes
|
| 3 | id: footnote
|
| 4 | mdast:
|
| 5 | type: root
|
| 6 | children:
|
| 7 | - type: paragraph
|
| 8 | children:
|
| 9 | - type: text
|
| 10 | value: Here's a simple footnote,
|
| 11 | - type: footnoteReference
|
| 12 | identifier: '1'
|
| 13 | label: '1'
|
| 14 | - type: text
|
| 15 | value: " and here's a longer one."
|
| 16 | - type: footnoteReference
|
| 17 | identifier: bignote
|
| 18 | label: bignote
|
| 19 | - type: footnoteDefinition
|
| 20 | identifier: '1'
|
| 21 | label: '1'
|
| 22 | children:
|
| 23 | - type: paragraph
|
| 24 | children:
|
| 25 | - type: text
|
| 26 | value: This is the first footnote.
|
| 27 | - type: footnoteDefinition
|
| 28 | identifier: bignote
|
| 29 | label: bignote
|
| 30 | children:
|
| 31 | - type: paragraph
|
| 32 | children:
|
| 33 | - type: text
|
| 34 | value: Here's one with multiple paragraphs and code.
|
| 35 | - type: paragraph
|
| 36 | children:
|
| 37 | - type: text
|
| 38 | value: Indent paragraphs to include them in the footnote.
|
| 39 | - type: paragraph
|
| 40 | children:
|
| 41 | - type: inlineCode
|
| 42 | value: '{ my code }'
|
| 43 | - type: paragraph
|
| 44 | children:
|
| 45 | - type: text
|
| 46 | value: Add as many paragraphs as you like.
|
| 47 | myst: |-
|
| 48 | Here's a simple footnote,[^1] and here's a longer one.[^bignote]
|
| 49 |
|
| 50 | [^1]: This is the first footnote.
|
| 51 |
|
| 52 | [^bignote]: Here's one with multiple paragraphs and code.
|
| 53 |
|
| 54 | Indent paragraphs to include them in the footnote.
|
| 55 |
|
| 56 | `{ my code }`
|
| 57 |
|
| 58 | Add as many paragraphs as you like.
|
| 59 | html: |-
|
| 60 | <p>Here's a simple footnote,<sup><a href="#m-fn-1" id="m-fnref-1" data-footnote-ref aria-describedby="footnote-label">1</a></sup> and here's a longer one.<sup><a href="#m-fn-bignote" id="m-fnref-bignote" data-footnote-ref aria-describedby="footnote-label">2</a></sup></p>
|
| 61 | <section data-footnotes class="footnotes">
|
| 62 | <h2 id="footnote-label" class="sr-only">Footnotes</h2>
|
| 63 | <ol>
|
| 64 | <li id="m-fn-1">
|
| 65 | <p>This is the first footnote. <a href="#m-fnref-1" data-footnote-backref class="data-footnote-backref" aria-label="Back to content">↩</a></p>
|
| 66 | </li>
|
| 67 | <li id="m-fn-bignote">
|
| 68 | <p>Here's one with multiple paragraphs and code.</p>
|
| 69 | <p>Indent paragraphs to include them in the footnote.</p>
|
| 70 | <p><code>{ my code }</code></p>
|
| 71 | <p>Add as many paragraphs as you like. <a href="#m-fnref-bignote" data-footnote-backref class="data-footnote-backref" aria-label="Back to content">↩</a></p>
|
| 72 | </li>
|
| 73 | </ol>
|
| 74 | </section>
|