Ensure important elements are at the bottom of the screen

This makes sure peoples heads don't obscure it
This commit is contained in:
Jake Howard 2024-06-05 11:01:26 +01:00
parent d751b46308
commit 7b37ff116f
Signed by: jake
GPG key ID: 57AFB45680EDD477

View file

@ -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>