Add QR codes

package-lock.json

@@ -10,6 +10,7 @@
         "@iconify-json/mdi": "^1.1.66",
         "@slidev/cli": "^0.48.8",
         "@slidev/theme-default": "latest",
+        "slidev-addon-qrcode": "^1.0.2",
         "vue": "^3.4.21"
       }
     },
@@ -6797,6 +6798,19 @@
         "node": ">=6"
       }
     },
+    "node_modules/qr-code-styling": {
+      "version": "1.6.0-rc.1",
+      "resolved": "https://registry.npmjs.org/qr-code-styling/-/qr-code-styling-1.6.0-rc.1.tgz",
+      "integrity": "sha512-ModRIiW6oUnsP18QzrRYZSc/CFKFKIdj7pUs57AEVH20ajlglRpN3HukjHk0UbNMTlKGuaYl7Gt6/O5Gg2NU2Q==",
+      "dependencies": {
+        "qrcode-generator": "^1.4.3"
+      }
+    },
+    "node_modules/qrcode-generator": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/qrcode-generator/-/qrcode-generator-1.4.4.tgz",
+      "integrity": "sha512-HM7yY8O2ilqhmULxGMpcHSF1EhJJ9yBj8gvDEuZ6M+KGJ0YY2hKpnXvRD+hZPLrDVck3ExIGhmPtSdcjC+guuw=="
+    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -7175,6 +7189,17 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/slidev-addon-qrcode": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/slidev-addon-qrcode/-/slidev-addon-qrcode-1.0.2.tgz",
+      "integrity": "sha512-vYjfu8KHnOaiijWaQFc5LaaglDIISGZ5Bx4m0RbmDlPiIZDseEoJX6O3Lxh4LaaCdo5JpMK/3o6CcNZtcTqpLg==",
+      "dependencies": {
+        "qr-code-styling": "^1.6.0-rc.1"
+      },
+      "engines": {
+        "slidev": ">=0.32.1"
+      }
+    },
     "node_modules/source-map-js": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",

package.json

@@ -12,6 +12,7 @@
     "@iconify-json/mdi": "^1.1.66",
     "@slidev/cli": "^0.48.8",
     "@slidev/theme-default": "latest",
+    "slidev-addon-qrcode": "^1.0.2",
     "vue": "^3.4.21"
   }
 }

slides.md

@@ -7,6 +7,8 @@ monaco: false
 mdc: true
 themeConfig:
   primary: '#2e1f5e'
+addons:
+  - "slidev-addon-qrcode"
 ---
 
 # Wagtail & Caching
@@ -20,11 +22,20 @@ themeConfig:
 
 <ul class="list-none! text-xs [&>li]:m-0! mt-3 font-light">
   <li><mdi-earth /> theorangeone.net</li>
-  <li><mdi-twitter /> @RealOrangeOne</li>
   <li><mdi-github /> @RealOrangeOne</li>
+  <li><mdi-twitter /> @RealOrangeOne</li>
   <li><mdi-mastodon /> @jake@theorangeone.net</li>
 </ul>
 
+<div class="absolute right-1/2 bottom-4 translate-x-1/2">
+  <QRCode
+    :width="110"
+    :height="110"
+    data="https://0rng.one/ws2024"
+    :dotsOptions="{ color: 'white' }"
+  />
+</div>
+
 ---
 layout: fact
 ---
@@ -605,3 +616,14 @@ layout: cover
 ---
 layout: end
 ---
+
+END
+
+<div class="absolute right-1/2 bottom-4 translate-x-1/2">
+  <QRCode
+    :width="110"
+    :height="110"
+    data="https://0rng.one/ws2024"
+    :dotsOptions="{ color: 'white' }"
+  />
+</div>