Hugo currently (v133) provides no way for me to choose where to place my footnotes - the excuse is that hugo does not know what goldmark (it renders the markdown file?) does so whenever I’ve had to manually enclose the footnotes with <details> in the generated html file.

That is no more! I’m sick of doing it and I don’t know how I just realised that I can just use HTML tags in markdown itself… I’ve literally done that dozens of times already…

The end result looks like this by default:

+
+
Here is what a collapsed details HTML tag looks like.
Here is what a collapsed <details> HTML tag looks like.
+

And when it’s clicked (or you click on a footnote in the article itself):

+
+
Here is what an expanded details HTML tag looks like.
Here is what an expanded <details> HTML tag looks like.
+

The coolest thing is that it automatically expands itself!

Add this to the bottom of your markdown files and don’t close the <details> tag:

diff --git a/public/articles/index.xml b/public/articles/index.xml index 2f025426..39f211c2 100644 --- a/public/articles/index.xml +++ b/public/articles/index.xml @@ -18,7 +18,13 @@ <p>Hugo currently (v133) provides no way for me to choose where to place my footnotes - the excuse is that hugo does not know what goldmark (<em>it renders the markdown file?</em>) does so whenever I&rsquo;ve had to manually enclose the footnotes with <code>&lt;details&gt;</code> in the generated html file.</p> <p>That is no more! I&rsquo;m sick of doing it and I don&rsquo;t know how I just realised that I can just use HTML tags in markdown itself&hellip; I&rsquo;ve literally done that dozens of times already&hellip;</p> <p>The end result looks like this by default:</p> +<div style="text-align: center;"> +<figure ><img src="https://vodoraslo.xyz/img/neater-footnotes1.webp" title="Here is what a collapsed details HTML tag looks like." alt="Here is what a collapsed details HTML tag looks like."><figcaption>Here is what a collapsed &lt;details&gt; HTML tag looks like.</figcaption></figure> +</div> <p>And when it&rsquo;s clicked (or you click on a footnote in the article itself):</p> +<div style="text-align: center;"> +<figure ><img src="https://vodoraslo.xyz/img/neater-footnotes2.webp" title="Here is what an expanded details HTML tag looks like." alt="Here is what an expanded details HTML tag looks like."><figcaption>Here is what an expanded &lt;details&gt; HTML tag looks like.</figcaption></figure> +</div> <p>The coolest thing is that it automatically expands itself!</p> <p>Add this to the bottom of your markdown files and don&rsquo;t close the <code>&lt;details&gt;</code> tag:</p> diff --git a/public/img/neater-footnotes1.webp b/public/img/neater-footnotes1.webp new file mode 100644 index 0000000000000000000000000000000000000000..1b27ced655873e31ffebe1ac01c4cbe47ddbadee GIT binary patch literal 1582 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 literal 0 HcmV?d00001 diff --git a/public/index.xml b/public/index.xml index dabf7b9c..98d71152 100644 --- a/public/index.xml +++ b/public/index.xml @@ -18,7 +18,13 @@ <p>Hugo currently (v133) provides no way for me to choose where to place my footnotes - the excuse is that hugo does not know what goldmark (<em>it renders the markdown file?</em>) does so whenever I&rsquo;ve had to manually enclose the footnotes with <code>&lt;details&gt;</code> in the generated html file.</p> <p>That is no more! I&rsquo;m sick of doing it and I don&rsquo;t know how I just realised that I can just use HTML tags in markdown itself&hellip; I&rsquo;ve literally done that dozens of times already&hellip;</p> <p>The end result looks like this by default:</p> +<div style="text-align: center;"> +<figure ><img src="https://vodoraslo.xyz/img/neater-footnotes1.webp" title="Here is what a collapsed details HTML tag looks like." alt="Here is what a collapsed details HTML tag looks like."><figcaption>Here is what a collapsed &lt;details&gt; HTML tag looks like.</figcaption></figure> +</div> <p>And when it&rsquo;s clicked (or you click on a footnote in the article itself):</p> +<div style="text-align: center;"> +<figure ><img src="https://vodoraslo.xyz/img/neater-footnotes2.webp" title="Here is what an expanded details HTML tag looks like." alt="Here is what an expanded details HTML tag looks like."><figcaption>Here is what an expanded &lt;details&gt; HTML tag looks like.</figcaption></figure> +</div> <p>The coolest thing is that it automatically expands itself!</p> <p>Add this to the bottom of your markdown files and don&rsquo;t close the <code>&lt;details&gt;</code> tag:</p> diff --git a/public/library/hackbook/index.xml b/public/library/hackbook/index.xml index f21182f3..4ddab50a 100644 --- a/public/library/hackbook/index.xml +++ b/public/library/hackbook/index.xml @@ -19,7 +19,13 @@ <p>Hugo currently (v133) provides no way for me to choose where to place my footnotes - the excuse is that hugo does not know what goldmark (<em>it renders the markdown file?</em>) does so whenever I&rsquo;ve had to manually enclose the footnotes with <code>&lt;details&gt;</code> in the generated html file.</p> <p>That is no more! I&rsquo;m sick of doing it and I don&rsquo;t know how I just realised that I can just use HTML tags in markdown itself&hellip; I&rsquo;ve literally done that dozens of times already&hellip;</p> <p>The end result looks like this by default:</p> +<div style="text-align: center;"> +<figure ><img src="https://vodoraslo.xyz/img/neater-footnotes1.webp" title="Here is what a collapsed details HTML tag looks like." alt="Here is what a collapsed details HTML tag looks like."><figcaption>Here is what a collapsed &lt;details&gt; HTML tag looks like.</figcaption></figure> +</div> <p>And when it&rsquo;s clicked (or you click on a footnote in the article itself):</p> +<div style="text-align: center;"> +<figure ><img src="https://vodoraslo.xyz/img/neater-footnotes2.webp" title="Here is what an expanded details HTML tag looks like." alt="Here is what an expanded details HTML tag looks like."><figcaption>Here is what an expanded &lt;details&gt; HTML tag looks like.</figcaption></figure> +</div> <p>The coolest thing is that it automatically expands itself!</p> <p>Add this to the bottom of your markdown files and don&rsquo;t close the <code>&lt;details&gt;</code> tag:</p> diff --git a/public/library/index.xml b/public/library/index.xml index f34ecd59..077811af 100644 --- a/public/library/index.xml +++ b/public/library/index.xml @@ -18,7 +18,13 @@ <p>Hugo currently (v133) provides no way for me to choose where to place my footnotes - the excuse is that hugo does not know what goldmark (<em>it renders the markdown file?</em>) does so whenever I&rsquo;ve had to manually enclose the footnotes with <code>&lt;details&gt;</code> in the generated html file.</p> <p>That is no more! I&rsquo;m sick of doing it and I don&rsquo;t know how I just realised that I can just use HTML tags in markdown itself&hellip; I&rsquo;ve literally done that dozens of times already&hellip;</p> <p>The end result looks like this by default:</p> +<div style="text-align: center;"> +<figure ><img src="https://vodoraslo.xyz/img/neater-footnotes1.webp" title="Here is what a collapsed details HTML tag looks like." alt="Here is what a collapsed details HTML tag looks like."><figcaption>Here is what a collapsed &lt;details&gt; HTML tag looks like.</figcaption></figure> +</div> <p>And when it&rsquo;s clicked (or you click on a footnote in the article itself):</p> +<div style="text-align: center;"> +<figure ><img src="https://vodoraslo.xyz/img/neater-footnotes2.webp" title="Here is what an expanded details HTML tag looks like." alt="Here is what an expanded details HTML tag looks like."><figcaption>Here is what an expanded &lt;details&gt; HTML tag looks like.</figcaption></figure> +</div> <p>The coolest thing is that it automatically expands itself!</p> <p>Add this to the bottom of your markdown files and don&rsquo;t close the <code>&lt;details&gt;</code> tag:</p> diff --git a/public/library/ted-kaczynski/index.xml b/public/library/ted-kaczynski/index.xml index a5f4193b..3a5b0674 100644 --- a/public/library/ted-kaczynski/index.xml +++ b/public/library/ted-kaczynski/index.xml @@ -19,7 +19,13 @@ <p>Hugo currently (v133) provides no way for me to choose where to place my footnotes - the excuse is that hugo does not know what goldmark (<em>it renders the markdown file?</em>) does so whenever I&rsquo;ve had to manually enclose the footnotes with <code>&lt;details&gt;</code> in the generated html file.</p> <p>That is no more! I&rsquo;m sick of doing it and I don&rsquo;t know how I just realised that I can just use HTML tags in markdown itself&hellip; I&rsquo;ve literally done that dozens of times already&hellip;</p> <p>The end result looks like this by default:</p> +<div style="text-align: center;"> +<figure ><img src="https://vodoraslo.xyz/img/neater-footnotes1.webp" title="Here is what a collapsed details HTML tag looks like." alt="Here is what a collapsed details HTML tag looks like."><figcaption>Here is what a collapsed &lt;details&gt; HTML tag looks like.</figcaption></figure> +</div> <p>And when it&rsquo;s clicked (or you click on a footnote in the article itself):</p> +<div style="text-align: center;"> +<figure ><img src="https://vodoraslo.xyz/img/neater-footnotes2.webp" title="Here is what an expanded details HTML tag looks like." alt="Here is what an expanded details HTML tag looks like."><figcaption>Here is what an expanded &lt;details&gt; HTML tag looks like.</figcaption></figure> +</div> <p>The coolest thing is that it automatically expands itself!</p> <p>Add this to the bottom of your markdown files and don&rsquo;t close the <code>&lt;details&gt;</code> tag:</p> diff --git a/public/tags/blog/index.xml b/public/tags/blog/index.xml index cb033964..8d05ea14 100644 --- a/public/tags/blog/index.xml +++ b/public/tags/blog/index.xml @@ -19,7 +19,13 @@ <p>Hugo currently (v133) provides no way for me to choose where to place my footnotes - the excuse is that hugo does not know what goldmark (<em>it renders the markdown file?</em>) does so whenever I&rsquo;ve had to manually enclose the footnotes with <code>&lt;details&gt;</code> in the generated html file.</p> <p>That is no more! I&rsquo;m sick of doing it and I don&rsquo;t know how I just realised that I can just use HTML tags in markdown itself&hellip; I&rsquo;ve literally done that dozens of times already&hellip;</p> <p>The end result looks like this by default:</p> +<div style="text-align: center;"> +<figure ><img src="https://vodoraslo.xyz/img/neater-footnotes1.webp" title="Here is what a collapsed details HTML tag looks like." alt="Here is what a collapsed details HTML tag looks like."><figcaption>Here is what a collapsed &lt;details&gt; HTML tag looks like.</figcaption></figure> +</div> <p>And when it&rsquo;s clicked (or you click on a footnote in the article itself):</p> +<div style="text-align: center;"> +<figure ><img src="https://vodoraslo.xyz/img/neater-footnotes2.webp" title="Here is what an expanded details HTML tag looks like." alt="Here is what an expanded details HTML tag looks like."><figcaption>Here is what an expanded &lt;details&gt; HTML tag looks like.</figcaption></figure> +</div> <p>The coolest thing is that it automatically expands itself!</p> <p>Add this to the bottom of your markdown files and don&rsquo;t close the <code>&lt;details&gt;</code> tag:</p> diff --git a/public/tags/hackbook/index.xml b/public/tags/hackbook/index.xml index cf9529eb..58724033 100644 --- a/public/tags/hackbook/index.xml +++ b/public/tags/hackbook/index.xml @@ -19,7 +19,13 @@ <p>Hugo currently (v133) provides no way for me to choose where to place my footnotes - the excuse is that hugo does not know what goldmark (<em>it renders the markdown file?</em>) does so whenever I&rsquo;ve had to manually enclose the footnotes with <code>&lt;details&gt;</code> in the generated html file.</p> <p>That is no more! I&rsquo;m sick of doing it and I don&rsquo;t know how I just realised that I can just use HTML tags in markdown itself&hellip; I&rsquo;ve literally done that dozens of times already&hellip;</p> <p>The end result looks like this by default:</p> +<div style="text-align: center;"> +<figure ><img src="https://vodoraslo.xyz/img/neater-footnotes1.webp" title="Here is what a collapsed details HTML tag looks like." alt="Here is what a collapsed details HTML tag looks like."><figcaption>Here is what a collapsed &lt;details&gt; HTML tag looks like.</figcaption></figure> +</div> <p>And when it&rsquo;s clicked (or you click on a footnote in the article itself):</p> +<div style="text-align: center;"> +<figure ><img src="https://vodoraslo.xyz/img/neater-footnotes2.webp" title="Here is what an expanded details HTML tag looks like." alt="Here is what an expanded details HTML tag looks like."><figcaption>Here is what an expanded &lt;details&gt; HTML tag looks like.</figcaption></figure> +</div> <p>The coolest thing is that it automatically expands itself!</p> <p>Add this to the bottom of your markdown files and don&rsquo;t close the <code>&lt;details&gt;</code> tag:</p> diff --git a/public/tags/index.xml b/public/tags/index.xml index 1138d769..cc6bec47 100644 --- a/public/tags/index.xml +++ b/public/tags/index.xml @@ -19,7 +19,13 @@ <p>Hugo currently (v133) provides no way for me to choose where to place my footnotes - the excuse is that hugo does not know what goldmark (<em>it renders the markdown file?</em>) does so whenever I&rsquo;ve had to manually enclose the footnotes with <code>&lt;details&gt;</code> in the generated html file.</p> <p>That is no more! I&rsquo;m sick of doing it and I don&rsquo;t know how I just realised that I can just use HTML tags in markdown itself&hellip; I&rsquo;ve literally done that dozens of times already&hellip;</p> <p>The end result looks like this by default:</p> +<div style="text-align: center;"> +<figure ><img src="https://vodoraslo.xyz/img/neater-footnotes1.webp" title="Here is what a collapsed details HTML tag looks like." alt="Here is what a collapsed details HTML tag looks like."><figcaption>Here is what a collapsed &lt;details&gt; HTML tag looks like.</figcaption></figure> +</div> <p>And when it&rsquo;s clicked (or you click on a footnote in the article itself):</p> +<div style="text-align: center;"> +<figure ><img src="https://vodoraslo.xyz/img/neater-footnotes2.webp" title="Here is what an expanded details HTML tag looks like." alt="Here is what an expanded details HTML tag looks like."><figcaption>Here is what an expanded &lt;details&gt; HTML tag looks like.</figcaption></figure> +</div> <p>The coolest thing is that it automatically expands itself!</p> <p>Add this to the bottom of your markdown files and don&rsquo;t close the <code>&lt;details&gt;</code> tag:</p> diff --git a/public/tags/library/index.xml b/public/tags/library/index.xml index df1fee29..08ecaecd 100644 --- a/public/tags/library/index.xml +++ b/public/tags/library/index.xml @@ -19,7 +19,13 @@ <p>Hugo currently (v133) provides no way for me to choose where to place my footnotes - the excuse is that hugo does not know what goldmark (<em>it renders the markdown file?</em>) does so whenever I&rsquo;ve had to manually enclose the footnotes with <code>&lt;details&gt;</code> in the generated html file.</p> <p>That is no more! I&rsquo;m sick of doing it and I don&rsquo;t know how I just realised that I can just use HTML tags in markdown itself&hellip; I&rsquo;ve literally done that dozens of times already&hellip;</p> <p>The end result looks like this by default:</p> +<div style="text-align: center;"> +<figure ><img src="https://vodoraslo.xyz/img/neater-footnotes1.webp" title="Here is what a collapsed details HTML tag looks like." alt="Here is what a collapsed details HTML tag looks like."><figcaption>Here is what a collapsed &lt;details&gt; HTML tag looks like.</figcaption></figure> +</div> <p>And when it&rsquo;s clicked (or you click on a footnote in the article itself):</p> +<div style="text-align: center;"> +<figure ><img src="https://vodoraslo.xyz/img/neater-footnotes2.webp" title="Here is what an expanded details HTML tag looks like." alt="Here is what an expanded details HTML tag looks like."><figcaption>Here is what an expanded &lt;details&gt; HTML tag looks like.</figcaption></figure> +</div> <p>The coolest thing is that it automatically expands itself!</p> <p>Add this to the bottom of your markdown files and don&rsquo;t close the <code>&lt;details&gt;</code> tag:</p> diff --git a/public/tags/personal/index.xml b/public/tags/personal/index.xml index e784a2a0..c2f6d8f7 100644 --- a/public/tags/personal/index.xml +++ b/public/tags/personal/index.xml @@ -19,7 +19,13 @@ <p>Hugo currently (v133) provides no way for me to choose where to place my footnotes - the excuse is that hugo does not know what goldmark (<em>it renders the markdown file?</em>) does so whenever I&rsquo;ve had to manually enclose the footnotes with <code>&lt;details&gt;</code> in the generated html file.</p> <p>That is no more! I&rsquo;m sick of doing it and I don&rsquo;t know how I just realised that I can just use HTML tags in markdown itself&hellip; I&rsquo;ve literally done that dozens of times already&hellip;</p> <p>The end result looks like this by default:</p> +<div style="text-align: center;"> +<figure ><img src="https://vodoraslo.xyz/img/neater-footnotes1.webp" title="Here is what a collapsed details HTML tag looks like." alt="Here is what a collapsed details HTML tag looks like."><figcaption>Here is what a collapsed &lt;details&gt; HTML tag looks like.</figcaption></figure> +</div> <p>And when it&rsquo;s clicked (or you click on a footnote in the article itself):</p> +<div style="text-align: center;"> +<figure ><img src="https://vodoraslo.xyz/img/neater-footnotes2.webp" title="Here is what an expanded details HTML tag looks like." alt="Here is what an expanded details HTML tag looks like."><figcaption>Here is what an expanded &lt;details&gt; HTML tag looks like.</figcaption></figure> +</div> <p>The coolest thing is that it automatically expands itself!</p> <p>Add this to the bottom of your markdown files and don&rsquo;t close the <code>&lt;details&gt;</code> tag:</p> diff --git a/public/tags/ted-kaczynski/index.xml b/public/tags/ted-kaczynski/index.xml index eca24b0d..5f288a16 100644 --- a/public/tags/ted-kaczynski/index.xml +++ b/public/tags/ted-kaczynski/index.xml @@ -19,7 +19,13 @@ <p>Hugo currently (v133) provides no way for me to choose where to place my footnotes - the excuse is that hugo does not know what goldmark (<em>it renders the markdown file?</em>) does so whenever I&rsquo;ve had to manually enclose the footnotes with <code>&lt;details&gt;</code> in the generated html file.</p> <p>That is no more! I&rsquo;m sick of doing it and I don&rsquo;t know how I just realised that I can just use HTML tags in markdown itself&hellip; I&rsquo;ve literally done that dozens of times already&hellip;</p> <p>The end result looks like this by default:</p> +<div style="text-align: center;"> +<figure ><img src="https://vodoraslo.xyz/img/neater-footnotes1.webp" title="Here is what a collapsed details HTML tag looks like." alt="Here is what a collapsed details HTML tag looks like."><figcaption>Here is what a collapsed &lt;details&gt; HTML tag looks like.</figcaption></figure> +</div> <p>And when it&rsquo;s clicked (or you click on a footnote in the article itself):</p> +<div style="text-align: center;"> +<figure ><img src="https://vodoraslo.xyz/img/neater-footnotes2.webp" title="Here is what an expanded details HTML tag looks like." alt="Here is what an expanded details HTML tag looks like."><figcaption>Here is what an expanded &lt;details&gt; HTML tag looks like.</figcaption></figure> +</div> <p>The coolest thing is that it automatically expands itself!</p> <p>Add this to the bottom of your markdown files and don&rsquo;t close the <code>&lt;details&gt;</code> tag:</p> diff --git a/public/tags/updates/index.xml b/public/tags/updates/index.xml index 430806de..ea104903 100644 --- a/public/tags/updates/index.xml +++ b/public/tags/updates/index.xml @@ -19,7 +19,13 @@ <p>Hugo currently (v133) provides no way for me to choose where to place my footnotes - the excuse is that hugo does not know what goldmark (<em>it renders the markdown file?</em>) does so whenever I&rsquo;ve had to manually enclose the footnotes with <code>&lt;details&gt;</code> in the generated html file.</p> <p>That is no more! I&rsquo;m sick of doing it and I don&rsquo;t know how I just realised that I can just use HTML tags in markdown itself&hellip; I&rsquo;ve literally done that dozens of times already&hellip;</p> <p>The end result looks like this by default:</p> +<div style="text-align: center;"> +<figure ><img src="https://vodoraslo.xyz/img/neater-footnotes1.webp" title="Here is what a collapsed details HTML tag looks like." alt="Here is what a collapsed details HTML tag looks like."><figcaption>Here is what a collapsed &lt;details&gt; HTML tag looks like.</figcaption></figure> +</div> <p>And when it&rsquo;s clicked (or you click on a footnote in the article itself):</p> +<div style="text-align: center;"> +<figure ><img src="https://vodoraslo.xyz/img/neater-footnotes2.webp" title="Here is what an expanded details HTML tag looks like." alt="Here is what an expanded details HTML tag looks like."><figcaption>Here is what an expanded &lt;details&gt; HTML tag looks like.</figcaption></figure> +</div> <p>The coolest thing is that it automatically expands itself!</p> <p>Add this to the bottom of your markdown files and don&rsquo;t close the <code>&lt;details&gt;</code> tag:</p> diff --git a/static/img/neater-footnotes1.webp b/static/img/neater-footnotes1.webp new file mode 100644 index 0000000000000000000000000000000000000000..1b27ced655873e31ffebe1ac01c4cbe47ddbadee GIT binary patch literal 1582 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 literal 0 HcmV?d00001