1
Fork 0

Tweak slides for new script layout
All checks were successful
/ build (push) Successful in 1m43s

This commit is contained in:
Jake Howard 2024-06-10 21:35:09 +01:00
parent 1e17aa7940
commit 734fba8064
Signed by: jake
GPG key ID: 57AFB45680EDD477
4 changed files with 1761 additions and 1013 deletions

2694
package-lock.json generated

File diff suppressed because it is too large Load diff

View file

@ -9,9 +9,8 @@
"dependencies": {
"@iconify-json/logos": "^1.1.42",
"@iconify-json/mdi": "^1.1.66",
"@slidev/cli": "^0.48.8",
"@slidev/cli": "^0.49.10",
"@slidev/theme-default": "latest",
"playwright-chromium": "^1.44.0",
"vue": "^3.4.21"
"playwright-chromium": "^1.44.0"
}
}

View file

@ -59,7 +59,7 @@ layout: full
layout: fact
---
# Disclaimer{style="color: #fd5765;" }
# Disclaimer{style="color: #fd5765;"}
---
layout: section
@ -76,7 +76,7 @@ layout: center
<style>
@keyframes grow {
from {
font-size: 0.5rem;
}
to {
@ -167,6 +167,7 @@ background: /website-homepage.png
## Example:
# My website
### https://theorangeone.net
---
layout: image
@ -206,8 +207,8 @@ layout: none
</article>
```
```html {all|1|3,27|4-26|all}
{% load wagtailcore_tags wagtail_cache util_tags %}
```html {all|3,27|4-26|all}
{% load wagtailcore_tags wagtail_cache %}
{% wagtailpagecache FRAGMENT_CACHE_TTL "listing-item" breadcrumbs show_listing_images %}
<article class="media listing-item">
@ -247,9 +248,10 @@ layout: none
---
layout: cover
background: /website-search.png
class: text-right
---
# Duplication
# Search
---
layout: center
@ -276,7 +278,7 @@ image: /website-search.png
---
# Cache invalidation
# Updating cached content
<v-click>
@ -316,28 +318,29 @@ layout: center
# What about Django?
````md magic-move
```jinja
{% load cache %}
{% cache 500 sidebar request.user.username %}
.. sidebar for logged in user ..
{% endcache %}
```
<Transform :scale="1.4">
<v-clicks>
```jinja
{% load wagtail_cache %}
{% wagtailcache 500 sidebar request.user.username %}
.. sidebar for logged in user ..
{% endwagtailcache %}
```
````
<v-click>
- Current page
- Current site
- Preview
- Cache invalidation
- Skip in preview
</v-clicks>
</Transform>
<style>
code {
font-size: 1.5rem !important;
}
</style>
</v-click>
---
layout: section
@ -401,6 +404,7 @@ flowchart TD
---
layout: image
image: https://www.cloudflare.com/network-maps/cloudflare-pops-2O04nulSdNrRpJR9fs9OKv.svg
class: bg-white
---
---
@ -409,7 +413,7 @@ background: /wagtail-homepage.png
---
## Example
# `wagtail.org`
# https://wagtail.org
<style>
code {
@ -512,8 +516,16 @@ flowchart LR
---
layout: image
image: /wagtail-homepage-typo.png
transition: fade
---
---
layout: cover
background: /wagtail-homepage-typo.png
---
# It doesn't*
---
layout: section
---
@ -551,6 +563,9 @@ layout: center
# `settings.py`
<v-click>
### 1.
```python {3}
@ -560,6 +575,10 @@ INSTALLED_APPS = [
]
```
</v-click>
<v-click>
#### 2.
```python
@ -572,10 +591,15 @@ WAGTAILFRONTENDCACHE = {
}
```
</v-click>
<v-click>
#### 3. ???
#### 4. Profit!
</v-click>
<style>
code {
font-size: 0.9rem !important;
@ -597,7 +621,7 @@ flowchart LR
W[(Wagtail)]
A-->|Publish new content to<br><code>/blog/post-1</code>|W
A-->|Publish new content to<br>blog post 1|W
W-.->|<code>PURGE /blog/post-1</code>|CDN
@ -615,15 +639,18 @@ background: https://d1nvwtjgmbo5v5.cloudfront.net/media/images/Screen_Shot_2015-
layout: cover
---
<Transform :scale="1.3">
# Performance means:
<Transform :scale="1.5">
<v-clicks>
- Users are happier <mdi-emoticon-happy />
- Servers are happier <mdi-server-network />
- The planet is happier <mdi-earth class="text-green" />
</v-clicks>
</Transform>
---

View file

@ -1,9 +1,5 @@
:root {
--slidev-code-padding: 1rem;
/* 3px larger than defaults */
--slidev-code-font-size: 15px;
--slidev-code-line-height: 21px;
}
.slidev-layout {