From 7b37ff116f03f11d8928b2e8436def6c82ebe038 Mon Sep 17 00:00:00 2001
From: Jake Howard <git@theorangeone.net>
Date: Wed, 5 Jun 2024 11:01:26 +0100
Subject: [PATCH] Ensure important elements are at the bottom of the screen

This makes sure peoples heads don't obscure it
---
 slides.md | 60 +++++++++++++++++++++++++++++++------------------------
 1 file changed, 34 insertions(+), 26 deletions(-)

diff --git a/slides.md b/slides.md
index fc83248..b86538f 100644
--- a/slides.md
+++ b/slides.md
@@ -24,8 +24,8 @@ themeConfig:
   <li><mdi-mastodon /> @jake@theorangeone.net</li>
 </ul>
 
-<div class="absolute right-3 bottom-3">
-  <img src="/dceu24-qrcode.png" width="140px" />
+<div class="absolute left-3 bottom-3">
+  <img src="/dceu24-qrcode.png" width="150px" />
 </div>
 
 <!--
@@ -76,7 +76,7 @@ layout: full
 # Django isn't _just_ for websites
 
 ```mermaid
-flowchart TD
+flowchart BT
     U[User 🧑‍💻]
     D[\Django/]
     DB[(Database)]
@@ -122,7 +122,7 @@ layout: full
 </v-click>
 
 ```mermaid
-flowchart TD
+flowchart BT
     U[User 🧑‍💻]
     D[\Django/]
 
@@ -580,12 +580,12 @@ backgroundSize: 49%
 layout: fact
 ---
 
-## Introducing*:{.mb-5}
+## Introducing*:{.mb-5 .mt-3}
 
 # `django.tasks`
 
-<div class="absolute right-1/2 translate-x-1/2 mt-4">
-  <img src="/django-tasks-qrcode.png" width="140px" />
+<div class="absolute right-1/2 translate-x-1/2 top-3">
+  <img src="/django-tasks-qrcode.png" width="150px" />
 </div>
 
 <!--
@@ -699,6 +699,17 @@ for user in page.subscribers.iterator():
 layout: center
 ---
 
+<v-click>
+
+```python
+# settings.py
+EMAIL_BACKEND = "django.core.mail.backends.tasks.SMTPEmailBackend"
+```
+
+</v-click>
+
+<br />
+
 ```python
 from django.contrib.auth.models import User
 from django.core.mail import send_mail
@@ -716,17 +727,6 @@ for user in page.subscribers.iterator():
     )
 ```
 
-<br />
-
-<v-click>
-
-```python
-# settings.py
-EMAIL_BACKEND = "django.core.mail.backends.tasks.SMTPEmailBackend"
-```
-
-</v-click>
-
 <!--
 - In this case, we can actually make it even easier
 - Because email is such a common use case, and so easy to extract
@@ -883,8 +883,8 @@ layout: section
 
 # `pip install django-tasks`
 
-<div class="absolute right-1/2 translate-x-1/2 mt-6">
-  <img src="/django-tasks-qrcode.png" width="140px" />
+<div class="absolute right-1/2 translate-x-1/2 top-3">
+  <img src="/django-tasks-qrcode.png" width="150px" />
 </div>
 
 <!--
@@ -1007,8 +1007,10 @@ layout: section
 
 # What's next?
 
-<div class="absolute right-1/2 translate-x-1/2 mt-12">
-    <img src="/django-tasks-qrcode.png" width="140px" />
+## `pip install django-tasks`
+
+<div class="absolute right-1/2 translate-x-1/2 top-3">
+    <img src="/django-tasks-qrcode.png" width="150px" />
 </div>
 
 <!--
@@ -1028,8 +1030,8 @@ layout: section
 -->
 
 ---
-layout: center
-class: text-center text-xl
+layout: section
+class: text-center text-2xl
 ---
 
 # Let's chat!
@@ -1041,8 +1043,14 @@ class: text-center text-xl
   <li><mdi-mastodon /> @jake@theorangeone.net</li>
 </ul>
 
-<div class="absolute right-1/2 translate-x-1/2 mt-3">
-  <img src="/dceu24-qrcode.png" width="140px" />
+<div class="absolute right-5 bottom-1/2 translate-y-1/2">
+  <h3>Me</h3>
+  <img src="/dceu24-qrcode.png" width="150px" />
+</div>
+
+<div class="absolute left-5 bottom-1/2 translate-y-1/2">
+  <h3><code>django-tasks</code></h3>
+  <img src="/django-tasks-qrcode.png" width="150px" />
 </div>
 
 <style>