Updated template.

Author: philipnorton42

.github/workflows/workflow.yml

@@ -24,6 +24,9 @@ jobs:
       - name: Install dependencies
         run: npm ci
 
+      - name: Allow chrome to run in unprivileged mode.
+        run: echo 0 | sudo tee /proc/sys/kernel/apparmor_restrict_unprivileged_userns
+
       - name: Build Marp slide deck
         run: CHROME_PATH=$(npx -y @puppeteer/browsers@latest install chrome@stable --path $(realpath ./tmp) | awk '{print $2}') npm run build:all
 

src/assets/images/lily58.png

@@ -3,13 +3,38 @@ theme: uncover
 paginate: true
 class:
   - lead
-  - invert
+
 size: 16:9
 style: |
-  .small-text {
+  img[alt~="centre"] {
+    display: block;
+    margin: 0 auto;
+    max-width: 80%;
+  }
+  .smaller-text {
     font-size: 0.75rem;
   }
-footer: "Philip Norton [hashbangcode.com](https://www.hashbangcode.com) [@hashbangcode](https://fosstodon.org/@hashbangcode) [@philipnorton42](https://fosstodon.org/@philipnorton42)"
+  .small-text {
+    font-size: 0.5rem;
+  }
+  p {
+    text-align: left;
+  }
+  p.centre {
+    text-align: center;
+  }
+  .hidden-bullets li {
+    list-style-type: none
+  }
+  .left {
+    width: 50%;
+    float: left;
+  }
+  .right {
+    width: 50%;
+    float: right;
+  }
+footer: "Philip Norton [hashbangcode.com](https://www.hashbangcode.com) [fosstodon.org@hashbangcode](https://fosstodon.org/@hashbangcode) [fosstodon.org@philipnorton42](https://fosstodon.org/@philipnorton42)"
 marp: true
 
 ---
@@ -19,6 +44,36 @@ marp: true
 
 ---
 
+# Philip Norton
+- Developer at Code Enigma
+- Writer at `#! code` (www.hashbangcode.com)
+- NWDUG co-organiser
+![bg h:50% right:40%](../src/assets/images/lily58.png)
+
+<!--
+- Doing Drupal for 15 years.
+- Programming in general for 20.
+- This is a picture of a Lily58 mechanical keyboard.
+-->
+
+---
+
+<!-- _footer: "" -->
+## Source Code
+- Talk is available at:
+<small>https://github.com/hashbangcode/</small> or via QR code.
+- All code seen can be found at <small>[http://bit.ly/](https://github.com/hashbangcode/)</small>
+- More resources at <small>[www.hashbangcode.com](https://www.hashbangcode.com)</small>
+
+![bg h:50% right:40%](../src/assets/images/qr_slides.png)
+
+<!-- 
+- Scan the QR code for the talk repo. Which has links to all of the resources you need.
+- There's also a Drupal and Storybook article on my site.
+-->
+
+---
+
 ## Example Links
 - [Link to website](https://www.hashbangcode.com)
 - [Link to slide](#5)
@@ -44,3 +99,27 @@ marp: true
 <!-- _footer: "" -->
 ![bg h:100%](../src/assets/images/hashbangcode_logo.png)
 
+---
+
+# Resources
+
+- [Storybook](https://storybook.js.org/)
+- [Storybook Module](https://www.drupal.org/project/storybook)
+- [Drupal Documentation on SDC](https://www.drupal.org/docs/develop/theming-drupal/using-single-directory-components)
+- [Drupal 11: Using Storybook To Preview Single Directory Components](https://www.hashbangcode.com/article/drupal-11-using-storybook-preview-single-directory-components)
+
+---
+
+## Questions?
+
+- Slides: https://github.com/hashbangcode/drupal-storybook-talk
+
+![bg h:50% right:40%](../src/assets/images/qr_slides.png)
+
+---
+
+## Thanks!
+
+- Slides: https://github.com/hashbangcode/drupal-storybook-talk
+
+![bg h:50% right:40%](../src/assets/images/qr_slides.png)