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:
23
index.html
23
index.html
@@ -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 ──────────────────────────────────────────────────── -->
|
||||
|
||||
Reference in New Issue
Block a user