feat: move tool logos to top-left, add to title slide, cleanup

- Tool logos (Terraform/Ansible/Puppet) now positioned top-left
- Title slide: inline tool logos next to each tool name
- Remove redundant OVHcloud logos from slides 1-2 (global logo suffices)
- Remove unused .ovh-logo CSS class

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
2026-04-14 01:15:44 +02:00
parent 1d750a4c9f
commit cab5c87484

View File

@@ -63,25 +63,16 @@
margin-bottom: 0.2em;
}
/* Tool logos — absolute within Reveal.js's positioned sections */
/* Tool logos — top-left corner within Reveal.js's positioned sections */
.slide-logo {
position: absolute;
bottom: 12px;
right: 16px;
top: 16px;
left: 16px;
width: 40px;
height: 40px;
opacity: 0.8;
}
.ovh-logo {
height: 36px;
width: auto;
margin-top: 1.2em;
display: block;
margin-left: auto;
margin-right: auto;
}
/* Persistent logo — outside Reveal container, fixed to viewport */
.ovh-logo-global {
position: fixed;
@@ -104,9 +95,12 @@
<!-- ─── SLIDE 1 : Title ─────────────────────────────────────────── -->
<section class="title-slide">
<h1>⚙️ Configuration as Code</h1>
<p class="subtitle">Puppet · Ansible · Terraform<br>— What's the difference and when to use what? —</p>
<p class="subtitle">
<img src="https://cdn.simpleicons.org/puppet/C17F00" alt="Puppet" style="height:0.9em; vertical-align:middle;"> Puppet ·
<img src="https://cdn.simpleicons.org/ansible" alt="Ansible" style="height:0.9em; vertical-align:middle;"> Ansible ·
<img src="https://cdn.simpleicons.org/terraform" alt="Terraform" style="height:0.9em; vertical-align:middle;"> Terraform
<br>— What's the difference and when to use what? —</p>
<p class="meta">FinistDevs · 2026</p>
<img src="vendor/ovhcloud-logo.svg" alt="OVHcloud" class="ovh-logo">
</section>
<!-- ─── SLIDE 2 : Speaker intro ────────────────────────────────── -->
@@ -114,7 +108,6 @@
<h2>Arnaud Prémel-Cabic</h2>
<p>Tech Lead @ OVHCloud</p>
<p><small style="color:var(--ods-text);">arnaud.premel-cabic@ovhcloud.com</small></p>
<img src="vendor/ovhcloud-logo.svg" alt="OVHcloud" style="height:32px; width:auto; margin-top:1em;">
</section>
<!-- ─── SLIDE 3 ──────────────────────────────────────────────────── -->