fix: cleanup last slide

components/FramelessPortrait.vue

@@ -0,0 +1,41 @@
+<!--
+Profile Picture
+
+Usage:
+
+<Portrait src="/blair.png" name="Blair Drummond" title="DevOps Engineer"/>
+-->
+
+<script setup lang="ts">
+defineProps<{
+  src: string,
+  name: string,
+  title?: string,
+  desc?: string,
+  email?: string,
+}>()
+</script>
+
+<template>
+  <div class="slidev-layout flex grid image-x -mt-30 p-0 -ml-20" >
+    <div class="my-auto flex rounded-2xl" style="transform: scale(0.5);">
+      <div>
+        <div class="rounded-2xl flex justify-center items-center p-8 object-cover" :class="imageOrder">
+          <img :src=src style="border-radius:50%; border-color: grey; border-width: 1px;" />
+        </div>
+        <div class="flex -mt-8 justify-center items-center p-8 max-h-md object-cover">
+          <h2> {{ name }} </h2>
+        </div>
+        <div class="flex -mt-20 justify-center items-center p-8 max-h-md object-cover" >
+          <h3 style="font-weight: 100;"> {{ title }} </h3>
+        </div>
+        <div class="flex -mt-16 justify-center items-center p-8 max-h-md object-cover" >
+          <p style="font-weight: 100;"> {{ desc }} </p>
+        </div>
+        <div class="flex -mt-16 justify-center items-center p-8 max-h-md object-cover" >
+          <a href="mailto:{{ email }}" style="font-size: x-large;"> {{ email }} </a>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>

package.json

@@ -11,7 +11,7 @@
     "@slidev/cli": "^0.49.0-beta.2",
     "@slidev/theme-default": "latest",
     "@slidev/theme-seriph": "latest",
-    "slidev-theme-liatrio": "git+ssh://[email protected]:liatrio/slidev-theme-liatrio#semver:v0.3.3",
+    "slidev-theme-liatrio": "git+ssh://[email protected]:liatrio/slidev-theme-liatrio#semver:v0.4.2",
     "vue": "^3.4.21"
   },
   "devDependencies": {

slides.md

@@ -10,7 +10,7 @@ backgroundSize: contain
 
 <style>
 h1 {
-  font-family: "Verdana";
+  font-family: "DM Sans";
   text-transform: none;
 }
 
@@ -234,10 +234,10 @@ Thanks to my Liatrio colleagues, who implemented a lot of this work and without
     <Portrait src="/ryan.png" name="Ryan Hoofard" title="DevOps Engineer" />
   </div>
   <div class="item flex">
-    <Portrait src="/alice.png" name="Alice Jones" title="DevOps Engineer" />
+    <Portrait src="/alice.png" name="Alice Jones" title="Lead DevOps Engineer" />
   </div>
   <div class="item flex">
-    <Portrait src="/adriel.png" name="Adriel Perkins" title="DevOps Engineer" />
+    <Portrait src="/adriel.png" name="Adriel Perkins" title="Lead DevOps Engineer" />
   </div>
 </div>
 
@@ -246,15 +246,44 @@ Thanks to my Liatrio colleagues, who implemented a lot of this work and without
 layout: two-cols
 ---
 
-# Thanks!
+# Thanks for Listening!
 
-<div class="slidev-layout flex -mt-5">
-<Portrait src="/me.png" name="Blair Drummond" title="DevOps Engineer" desc="Kubernetes nerd (Montréal)" email="[email protected]"/>
+<Transform :scale="1.3">
+
+<div class="slidev-layout flex -mt-30 -ml-20">
+<FramelessPortrait src="/me.png" name="Blair Drummond" title="Principal DevOps Engineer" desc="Kubernetes nerd (Montréal)" email="[email protected]"/>
 </div>
 
+</Transform>
+
 ::right::
 
-<img src="/liatrio.png" style="padding-top: 30px; padding-bottom: 50px; transform: scale(3);" />
+<img src="/liatrio.png" style="padding-top: 40px; padding-bottom: 60px; transform: scale(3);" />
 
+</br>
 
-TODO put cards with what Liatrio does here
+<div class="grid grid-cols-3 -ml-33">
+  <div class="h-48">
+    <Icon icon="platforms" />    
+    <Icon icon="security" />
+  </div>
+  <div class="h-48">
+    <Icon icon="enablement" />   
+    <Icon icon="cloud-native" /> 
+  </div>
+  <div class="h-48">
+    <Icon icon="mlops" />        
+    <Icon icon="modernization" />
+  </div>
+</div>
+
+
+<div class="grid grid-cols-2 mt-12">
+  <div class="h-48">
+    <QRCode value="https://liatrio.com" />
+  </div>
+  <div class="h-8 mt-7 ml-5">
+    <h2>liatrio.com</h2>
+  </div>
+</div>
+