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;
|
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 {
|
.slide-logo {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 12px;
|
top: 16px;
|
||||||
right: 16px;
|
left: 16px;
|
||||||
width: 40px;
|
width: 40px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
opacity: 0.8;
|
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 */
|
/* Persistent logo — outside Reveal container, fixed to viewport */
|
||||||
.ovh-logo-global {
|
.ovh-logo-global {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
@@ -104,9 +95,12 @@
|
|||||||
<!-- ─── SLIDE 1 : Title ─────────────────────────────────────────── -->
|
<!-- ─── SLIDE 1 : Title ─────────────────────────────────────────── -->
|
||||||
<section class="title-slide">
|
<section class="title-slide">
|
||||||
<h1>⚙️ Configuration as Code</h1>
|
<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>
|
<p class="meta">FinistDevs · 2026</p>
|
||||||
<img src="vendor/ovhcloud-logo.svg" alt="OVHcloud" class="ovh-logo">
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- ─── SLIDE 2 : Speaker intro ────────────────────────────────── -->
|
<!-- ─── SLIDE 2 : Speaker intro ────────────────────────────────── -->
|
||||||
@@ -114,7 +108,6 @@
|
|||||||
<h2>Arnaud Prémel-Cabic</h2>
|
<h2>Arnaud Prémel-Cabic</h2>
|
||||||
<p>Tech Lead @ OVHCloud</p>
|
<p>Tech Lead @ OVHCloud</p>
|
||||||
<p><small style="color:var(--ods-text);">arnaud.premel-cabic@ovhcloud.com</small></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>
|
</section>
|
||||||
|
|
||||||
<!-- ─── SLIDE 3 ──────────────────────────────────────────────────── -->
|
<!-- ─── SLIDE 3 ──────────────────────────────────────────────────── -->
|
||||||
|
|||||||
Reference in New Issue
Block a user