docker: footnote hack in html

Author: falkmielke

content/tutorials/development_containers/index.md

@@ -37,7 +37,7 @@ Although containerization is an immensely useful Open Science tool worth strivin
 
 <figure>
 <img src="../../images/tutorials/development_docker/Gemini_Generated_Image_ngoz1wngoz1wngoz.jpg" alt="build" />
-<figcaption aria-hidden="true">I could not resist generating[^1] a catchy image on this, just to make this tutorial seem a little less dull. </figcaption>
+<figcaption aria-hidden="true">I could not resist generating<sup id="fnref:gemini"><a class="footnote-ref" href="#fn:gemini" role="doc-noteref">*</a></sup> a catchy image on this, just to make this tutorial seem a little less dull. </figcaption>
 </figure>
 
 
@@ -361,6 +361,11 @@ I hope you find this overview useful, nevertheless.
 Thank you for reading!
 
 
-[^1]: Generated by Google Gemini (2025-02-21), modified. Prompt `I would love to have a comic-style image of a whale in a grail. The grail should be golden and shiny, resembling the holy grail. The whale on top is a reference to the docker logo (you may add sketchy little container blocks on its back).`
+<hr>
+<ol>
+<li id="fn:gemini" role="doc-endnote">
+<sup>*</sup> <p>Generated by Google Gemini (2025-02-21), modified. Prompt `I would love to have a comic-style image of a whale in a grail. The grail should be golden and shiny, resembling the holy grail. The whale on top is a reference to the docker logo (you may add sketchy little container blocks on its back).`
+<a href="#fnref:gemini" class="footnote-backref" role="doc-backlink">↩︎</a> </p>
+</li> </ol>
 
 [^2]: Reference to the film "La Grande Bellezza".

content/tutorials/development_containers/index.qmd

@@ -35,10 +35,9 @@ Although containerization is an immensely useful Open Science tool worth strivin
 
 <figure>
 <img src="../../images/tutorials/development_docker/Gemini_Generated_Image_ngoz1wngoz1wngoz.jpg" alt="build" />
-<figcaption aria-hidden="true">I could not resist generating[^1] a catchy image on this, just to make this tutorial seem a little less dull. </figcaption>
+<figcaption aria-hidden="true">I could not resist generating<sup id="fnref:gemini"><a class="footnote-ref" href="#fn:gemini" role="doc-noteref">*</a></sup> a catchy image on this, just to make this tutorial seem a little less dull. </figcaption>
 </figure>
 
-[^1]: Generated by Google Gemini (2025-02-21), modified. Prompt `I would love to have a comic-style image of a whale in a grail. The grail should be golden and shiny, resembling the holy grail. The whale on top is a reference to the docker logo (you may add sketchy little container blocks on its back).`
 
 
 
@@ -400,3 +399,9 @@ Thank you for reading!
 
 
 
+<hr>
+<ol>
+<li id="fn:gemini" role="doc-endnote">
+<sup>*</sup> <p>Generated by Google Gemini (2025-02-21), modified. Prompt `I would love to have a comic-style image of a whale in a grail. The grail should be golden and shiny, resembling the holy grail. The whale on top is a reference to the docker logo (you may add sketchy little container blocks on its back).`
+<a href="#fnref:gemini" class="footnote-backref" role="doc-backlink">↩︎</a> </p>
+</li> </ol>