slide updates and pipeline

.github/workflows/marp-pages.yml

@@ -0,0 +1,47 @@
+name: Deploy marp site to Pages
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ["main"]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  # Build job
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Copy images
+        run: mkdir build && cp -R slides/img build/img
+
+      - name: Marp Build (README)
+        uses: docker://marpteam/marp-cli:v1.7.0
+        with:
+          args: slides/Slides.md -o build/index.html --html
+        env:
+          MARP_USER: root:root
+      - name: Setup Pages
+        uses: actions/configure-pages@v3
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v1
+        with:
+          # Upload entire repository
+          path: 'build'
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v1

slides/Slides.md

@@ -23,7 +23,7 @@ style: |
 
 ---
 
-![bg left:40%](./img/portrait.jpg)
+![bg left:40%](./img/portrait.png)
 
 ## Chris Ayers
 ### Senior Customer Engineer<br>Microsoft
@@ -53,6 +53,9 @@ style: |
 ## **Yet Another Markup Language**
 
 GitHub uses YAML for workflows
+
+Demo: [Online Parser](https://yaml-online-parser.appspot.com/)
+
 </div>
 <div>
 
@@ -71,7 +74,7 @@ GitHub uses YAML for workflows
 ![bg](./img/bg.png)
 # What is CI/CD?
 
-![contain](./img/cicd.png)
+![](./img/cicd.png)
 
 ---
 
@@ -135,12 +138,13 @@ GitHub uses YAML for workflows
 </div>
 <div>
 
-## Follow Chris Ayers
+## Chris Ayers 
 
-- Twitter: @Chris\_L\_Ayers
-- LinkedIn: - [chris\-l\-ayers](https://linkedin.com/in/chris-l-ayers/)
-- Blog: [https://chris-ayers\.com/](https://chris-ayers.com/)
-- GitHub: [Codebytes](https://github.com/codebytes)
+<i class="fa-brands fa-twitter"></i> Twitter: @Chris\_L\_Ayers
+<i class="fa-brands fa-mastodon"></i> Mastodon: @Chrisayers@hachyderm.io
+<i class="fa-brands fa-linkedin"></i> LinkedIn: - [chris\-l\-ayers](https://linkedin.com/in/chris-l-ayers/)
+<i class="fa fa-window-maximize"></i> Blog: [https://chris-ayers\.com/](https://chris-ayers.com/)
+<i class="fa-brands fa-github"></i> GitHub: [Codebytes](https://github.com/codebytes)
 
 </div>