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