fix: ul works again

Author: nicholasdille

000_introduction/02_bio.md

@@ -6,16 +6,14 @@
 
 **Husband, father, geek, trumpeteer**
 
-`#kubernetes` `#observability` `#automation` `#cicd`
+`#k8s` `#o11y` `#cicd` `#go`
 
 - <span class="fa-li"><i class="fa-duotone fa-globe"></i></span> [Blogger][1] since 2003
 - <span class="fa-li"><i class="fa-duotone fa-microphone"></i></span> [Speaker][2] since 2009
 - <span class="fa-li"><i class="fa-duotone fa-briefcase"></i></span> [Haufe Group][3] since 2016
 - <span class="fa-li"><i class="fa-duotone fa-person-chalkboard"></i></span> Self-employed [trainer][1] since 2020
 - <span class="fa-li"><i class="fa-duotone fa-user-helmet-safety"></i></span> Maintainer of [uniget][4] since 2021
 
-<!-- .element: class="fa-ul" style="line-height: 175%;" -->
-
 *Reach out via* [<i class="fa-brands fa-linkedin"></i>][5] [<i class="fa-brands fa-mastodon"></i>][6]  [<i class="fa-brands fa-bluesky"></i>][7] [<i class="fa-brands fa-github"></i>][8]
 
 [1]: https://dille.name

2026-04-16_Observability.html

@@ -49,15 +49,14 @@ <h2>Agenda</h2>
 
 <i class="fa-duotone fa-4x fa-list-check" style="float: right;"></i>
 
-<ul id="bullets" class="fa-ul" style="line-height: 1.5em; font-size: larger; margin-top: 0.5em;">
-<li><i class="fa-duotone fa-li fa-binoculars"></i> Introduction to Observability</li>
-<li><i class="fa-duotone fa-li fa-layer-group"></i> Grafana LGTM Stack</li>
-<li><i class="fa-duotone fa-li fa-vacuum"></i> Data collection</li>
-<li><i class="fa-duotone fa-li fa-chart-line"></i> Visualization</li>
-<li><i class="fa-duotone fa-li fa-bell-ring"></i> Alarms</li>
+<ul id="bullets" style="font-size: larger;">
+<li><span class="fa-li"><i class="fa-duotone fa-binoculars"></i></span> Introduction to Observability</li>
+<li><span class="fa-li"><i class="fa-duotone fa-layer-group"></i></span> Grafana LGTM Stack</li>
+<li><span class="fa-li"><i class="fa-duotone fa-vacuum"></i></span> Data collection</li>
+<li><span class="fa-li"><i class="fa-duotone fa-chart-line"></i></span> Visualization</li>
+<li><span class="fa-li"><i class="fa-duotone fa-bell-ring"></i></span> Alarms</li>
 </ul>
 </section>
-<section data-markdown="180_observability/slides.md" data-separator="^---$" data-separator-vertical="^--$"></section>
 <section data-markdown="180_observability/010_introduction/slides.md" data-separator="^---$" data-separator-vertical="^--$"></section>
 <section data-markdown="180_observability/020_lgtm/slides.md" data-separator="^---$" data-separator-vertical="^--$"></section>
 <section data-markdown="180_observability/030_data/slides.md" data-separator="^---$" data-separator-vertical="^--$"></section>
@@ -69,18 +68,18 @@ <h2>Summary</h2>
 
 <i class="fa-duotone fa-4x fa-lightbulb-on" style="float: right;"></i>
 
-<ul id="bullets" class="fa-ul" style="line-height: 1.5em;">
-<li><i class="fa-duotone fa-li fa-question"></i> XXX</li>
+<ul id="bullets" style="font-size: larger;">
+<li><span class="fa-li"><i class="fa-duotone fa-question"></i></span> XXX</li>
 </ul>
 </section>
 
 </div>
 </div>
 
-<script src="node_modules/reveal.js/dist/reveal.js" type="application/javascript"></script>
-<script src="node_modules/reveal.js/plugin/markdown/markdown.js" type="application/javascript"></script>
-<script src="node_modules/reveal.js/plugin/highlight/highlight.js" type="application/javascript"></script>
-<script src="node_modules/reveal.js/plugin/notes/notes.js" type="application/javascript"></script>
+<script src="node_modules/reveal.js/dist/reveal.js"></script>
+<script src="node_modules/reveal.js/dist/plugin/markdown.js"></script>
+<script src="node_modules/reveal.js/dist/plugin/highlight.js"></script>
+<script src="node_modules/reveal.js/dist/plugin/notes.js"></script>
 <script>
     Reveal.initialize({
         width: 1920,

template.html

@@ -61,9 +61,9 @@ <h2>Agenda</h2>
 
 <i class="fa-duotone fa-4x fa-list-check" style="float: right;"></i>
 
-<ul id="bullets" class="fa-ul" style="line-height: 1.5em; font-size: larger; margin-top: 0.5em;">
+<ul id="bullets" style="font-size: larger;">
 {{- range (datasource "talk").agenda }}
-<li><i class="fa-duotone fa-li fa-{{ .icon }}"></i> {{ .text }}</li>
+<li><span class="fa-li"><i class="fa-duotone fa-{{ .icon }}"></i></span> {{ .text }}</li>
 {{- end }}
 </ul>
 </section>
@@ -77,9 +77,9 @@ <h2>Summary</h2>
 
 <i class="fa-duotone fa-4x fa-lightbulb-on" style="float: right;"></i>
 
-<ul id="bullets" class="fa-ul" style="line-height: 1.5em;">
+<ul id="bullets" style="font-size: larger;">
 {{- range (datasource "talk").summary }}
-<li><i class="fa-duotone fa-li fa-{{ .icon }}"></i> {{ .text }}</li>
+<li><span class="fa-li"><i class="fa-duotone fa-{{ .icon }}"></i></span> {{ .text }}</li>
 {{- end }}
 </ul>
 
@@ -102,10 +102,10 @@ <h3 id="events">Upcoming events</h3>
 </div>
 </div>
 
-<script src="node_modules/reveal.js/dist/reveal.js" type="application/javascript"></script>
-<script src="node_modules/reveal.js/plugin/markdown/markdown.js" type="application/javascript"></script>
-<script src="node_modules/reveal.js/plugin/highlight/highlight.js" type="application/javascript"></script>
-<script src="node_modules/reveal.js/plugin/notes/notes.js" type="application/javascript"></script>
+<script src="node_modules/reveal.js/dist/reveal.js"></script>
+<script src="node_modules/reveal.js/dist/plugin/markdown.js"></script>
+<script src="node_modules/reveal.js/dist/plugin/highlight.js"></script>
+<script src="node_modules/reveal.js/dist/plugin/notes.js"></script>
 <script>
     Reveal.initialize({
         width: 1920,

themes/theme2022.css

@@ -50,17 +50,15 @@
     margin-bottom: 0.5em;
 }
 
-.reveal ul.fa-ul {
+.reveal ul.fa-ul,
+.reveal ul:has(.fa-li) {
     list-style-type: none;
     line-height: 200%;
+    margin-left: 2em;
 }
 
 .reveal .fa-li {
-    left: calc(var(--fa-li-width, 1em)*-1);
-}
-
-.reveal .fa-ul > li {
-    padding-left: 1em;
+    left: calc(var(--fa-li-width, 1em)*-0.25);
 }
 
 .reveal a:empty::before {