Tweak slides for new script layout

package.json

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

slides.md

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

style.css

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