Style cover page

package-lock.json

@@ -6,6 +6,7 @@
     "": {
       "name": "recovering-deleted-wagtail-pages",
       "dependencies": {
+        "@iconify-json/mdi": "^1.1.66",
         "@slidev/cli": "^0.48.8",
         "@slidev/theme-default": "latest",
         "vue": "^3.4.21"
@@ -1012,6 +1013,14 @@
         "@iconify/types": "*"
       }
     },
+    "node_modules/@iconify-json/mdi": {
+      "version": "1.1.66",
+      "resolved": "https://registry.npmjs.org/@iconify-json/mdi/-/mdi-1.1.66.tgz",
+      "integrity": "sha512-7KPF2RVUUWav/hXCM8Ti/smqu3cmgePJpiX9CSkldiL+80+eBRBeKlc4vPOc9jhAItlqIU1vKsbKoPP0JIfgbg==",
+      "dependencies": {
+        "@iconify/types": "*"
+      }
+    },
     "node_modules/@iconify-json/ph": {
       "version": "1.1.12",
       "resolved": "https://registry.npmjs.org/@iconify-json/ph/-/ph-1.1.12.tgz",

package.json

@@ -8,6 +8,7 @@
     "export": "slidev export"
   },
   "dependencies": {
+    "@iconify-json/mdi": "^1.1.66",
     "@slidev/cli": "^0.48.8",
     "@slidev/theme-default": "latest",
     "vue": "^3.4.21"

slides.md

@@ -3,15 +3,26 @@ title: Recovering deleted Wagtail pages and Django models
 class: text-center
 highlighter: shiki
 transition: slide-left
+mdc: true
+themeConfig:
+  primary: '#fd5765'
 ---
 
-# Recovering deleted Wagtail pages and Django models
+# Recovering [deleted]{style="color: #fd5765"} Wagtail pages and Django models
 
-### Jake Howard
+### Jake Howard{style="color: #e85537;" }
 
-###### Senior Systems Engineer @ Torchbox
-###### Security Team @ Wagtail
-###### Performance Working Group @ Wagtail
+<ul class="list-none! text-sm [&>li]:m-0! mt-1 uppercase font-light">
+  <li><em>Senior Systems Engineer</em> @ Torchbox</li>
+  <li><em>Security Team</em> & <em>Performance Working Group</em> @ Wagtail</li>
+</ul>
+
+<ul class="list-none! text-sm [&>li]:m-0! mt-3">
+  <li><mdi-earth /> theorangeone.net</li>
+  <li><mdi-twitter /> @RealOrangeOne</li>
+  <li><mdi-github /> @RealOrangeOne</li>
+  <li><mdi-mastodon /> @jake@theorangeone.net</li>
+</ul>
 
 ---
 layout: cover

style.css

@@ -0,0 +1,3 @@
+.slidev-layout {
+    background: #2e1f5e
+}