777899c803
I went with 0 based numbering because it was easier but after looking at the results 0 based numbering looks bad to me... let's start with 1 like everyone else as it's just a few more lines of code.
164 lines
4.2 KiB
HTML
164 lines
4.2 KiB
HTML
<nav>
|
|
<ul>
|
|
<li><a href="#headline-1">Using some footnotes</a>
|
|
</li>
|
|
<li><a href="#headline-2">Footnotes</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<h1 id="headline-1">
|
|
Using some footnotes
|
|
</h1>
|
|
<ul>
|
|
<li>
|
|
<p>
|
|
normal footnote reference <sup class="footnote-reference"><a id="footnote-reference-1" href="#footnote-1">1</a></sup> <sup class="footnote-reference"><a id="footnote-reference-2" href="#footnote-2">2</a></sup> <sup class="footnote-reference"><a id="footnote-reference-3" href="#footnote-3">3</a></sup> (footnote names can be anything in the format <code class="verbatim">[\w-]</code>)
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<p>
|
|
further references to the same footnote should not <sup class="footnote-reference"><a id="footnote-reference-1" href="#footnote-1">1</a></sup> render duplicates in the footnote list
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<p>
|
|
inline footnotes are also supported via <sup class="footnote-reference"><a id="footnote-reference-4" href="#footnote-4">4</a></sup>.
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<p>
|
|
anonymous inline footnotes are also supported via <sup class="footnote-reference"><a id="footnote-reference-5" href="#footnote-5">5</a></sup>.
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<p>
|
|
Footnote definitions are not printed where they appear.
|
|
Rather, they are gathered and exported at the end of the document in the footnote section. <sup class="footnote-reference"><a id="footnote-reference-6" href="#footnote-6">6</a></sup>
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<p>
|
|
footnotes that reference a non-existant definition are rendered but log a warning <sup class="footnote-reference"><a id="footnote-reference-7" href="#footnote-7">7</a></sup>
|
|
</p>
|
|
</li>
|
|
</ul>
|
|
<h1 id="headline-2">
|
|
Footnotes
|
|
</h1>
|
|
<p>
|
|
Please note that the footnotes section is not automatically excluded from the export like in emacs. <sup class="footnote-reference"><a id="footnote-reference-8" href="#footnote-8">8</a></sup>
|
|
</p>
|
|
<p>
|
|
this is not part of <sup class="footnote-reference"><a id="footnote-reference-8" href="#footnote-8">8</a></sup> anymore as there are 2 blank lines in between!
|
|
</p>
|
|
<div class="footnotes">
|
|
<hr class="footnotes-separatator">
|
|
<div class="footnote-definitions">
|
|
<div class="footnote-definition">
|
|
<sup id="footnote-1"><a href="#footnote-reference-1">1</a></sup>
|
|
<div class="footnote-body">
|
|
<p>
|
|
<a href="https://www.example.com">https://www.example.com</a>
|
|
</p>
|
|
<ul>
|
|
<li>
|
|
<p>
|
|
footnotes can contain <strong>markup</strong>
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<p>
|
|
and other elements
|
|
</p>
|
|
<ul>
|
|
<li>
|
|
<p>
|
|
like blocks
|
|
</p>
|
|
<pre class="src src-text">
|
|
<div class="highlight">
|
|
<pre>
|
|
other non-plain
|
|
</pre>
|
|
</div>
|
|
</pre>
|
|
</li>
|
|
<li>
|
|
<p>
|
|
and tables
|
|
</p>
|
|
<table>
|
|
<tbody>
|
|
<tr>
|
|
<td class="align-right">1</td>
|
|
<td>a</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="align-right">2</td>
|
|
<td>b</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="align-right">3</td>
|
|
<td>c</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="footnote-definition">
|
|
<sup id="footnote-2"><a href="#footnote-reference-2">2</a></sup>
|
|
<div class="footnote-body">
|
|
<p>
|
|
Footnotes break after two consecutive empty lines - just like paragraphs - see <a href="https://orgmode.org/worg/dev/org-syntax.html.">https://orgmode.org/worg/dev/org-syntax.html.</a>
|
|
This shouldn't happen when the definition line and the line after that are empty.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="footnote-definition">
|
|
<sup id="footnote-3"><a href="#footnote-reference-3">3</a></sup>
|
|
<div class="footnote-body">
|
|
<p>
|
|
yolo
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="footnote-definition">
|
|
<sup id="footnote-4"><a href="#footnote-reference-4">4</a></sup>
|
|
<div class="footnote-body">
|
|
<p>
|
|
the inline footnote definition
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="footnote-definition">
|
|
<sup id="footnote-5"><a href="#footnote-reference-5">5</a></sup>
|
|
<div class="footnote-body">
|
|
<p>
|
|
the anonymous inline footnote definition
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="footnote-definition">
|
|
<sup id="footnote-6"><a href="#footnote-reference-6">6</a></sup>
|
|
<div class="footnote-body">
|
|
<p>
|
|
so this definition will not be at the end of this section in the exported document.
|
|
Rather, it will be somewhere down below in the footnotes section.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="footnote-definition">
|
|
<sup id="footnote-8"><a href="#footnote-reference-8">8</a></sup>
|
|
<div class="footnote-body">
|
|
<p>
|
|
There's multiple reasons for that. Among others, doing so requires i18n (to recognize the section) and silently
|
|
hides content before and after the footnotes.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|