From cab5c8748419e8766fa671ef937a8ddb765bafae Mon Sep 17 00:00:00 2001
From: ministicraft <worldtocraft@gmail.com>
Date: Tue, 14 Apr 2026 01:15:44 +0200
Subject: [PATCH] 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>
---
 index.html | 23 ++++++++---------------
 1 file changed, 8 insertions(+), 15 deletions(-)

diff --git a/index.html b/index.html
index d4bdc23..57f858b 100644
--- a/index.html
+++ b/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 ──────────────────────────────────────────────────── -->