ministicraft/finistdev-configuration-as-code
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: fix footnote position — height:100% on section + absolute bottom

Browse Source 
Sections need explicit height:100% so absolute children can
anchor to the actual slide bottom edge.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
ministicraft
2026-04-14 01:50:44 +02:00
parent 50b43d4cd2
commit 5fa4859220
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@@ -441,7 +441,7 @@
</section> </section>
<!-- ─── SLIDE 9 ──────────────────────────────────────────────────── --> <!-- ─── SLIDE 9 ──────────────────────────────────────────────────── -->
<section> <section style="height:100%;">
<h2>What if your infrastructure was just… code?</h2> <h2>What if your infrastructure was just… code?</h2>
<p><em>Yes, even your AI assistant can write it*. But you still need to understand what it deploys.</em></p> <p><em>Yes, even your AI assistant can write it*. But you still need to understand what it deploys.</em></p>
<svg width="750" height="220" style="margin-top:0.5em;" viewBox="0 0 750 220" xmlns="http://www.w3.org/2000/svg"> <svg width="750" height="220" style="margin-top:0.5em;" viewBox="0 0 750 220" xmlns="http://www.w3.org/2000/svg">
@@ -468,7 +468,7 @@
<rect x="624" y="90" width="36" height="44" rx="5" fill="#0050d7" opacity="0.15" stroke="#0050d7" stroke-width="1.5"/> <rect x="624" y="90" width="36" height="44" rx="5" fill="#0050d7" opacity="0.15" stroke="#0050d7" stroke-width="1.5"/>
<circle cx="652" cy="124" r="3" fill="#00a344"/> <circle cx="652" cy="124" r="3" fill="#00a344"/>
</svg> </svg>
<p style="position:absolute; bottom:0; right:0; margin:0;"><small style="color:var(--ods-neutral-600); font-size:0.45em;">*Like this presentation 🤖</small></p> <small style="position:absolute; bottom:0; right:0; color:var(--ods-neutral-600); font-size:0.45em;">*Like this presentation 🤖</small>
</section> </section>
<!-- ─── SLIDE 10 ──────────────────────────────────────────────────── --> <!-- ─── SLIDE 10 ──────────────────────────────────────────────────── -->