Update slide content and styles: change author title, update social media links, and refine CSS for icons

Author: codebytes

.devcontainer/slides/devcontainer.json

@@ -17,7 +17,7 @@
 	"customizations": {
 		"vscode": {
 			"settings": {
-				"markdown.marp.enableHtml": true,
+				"markdown.marp.html": "all",
 				"markdown.marp.themes": [
 					"./slides/themes/custom.css",
 					"./slides/themes/custom-default.css",

slides/Slides.md

@@ -18,13 +18,15 @@ footer: 'https://chris-ayers.com'
 ![bg left:40%](./img/portrait.png)
 
 ## Chris Ayers
-### Senior Customer Engineer<br>Microsoft
 
-<i class="fa-brands fa-twitter"></i> Twitter: @Chris\_L\_Ayers
-<i class="fa-brands fa-mastodon"></i> Mastodon: @Chrisayers@hachyderm.io
+### Senior Risk SRE<br>Azure CXP AzRel<br>Microsoft
+
+<i class="fa-brands fa-bluesky"></i> BlueSky: [@chris-ayers.com](https://bsky.app/profile/chris-ayers.com)
 <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)
+<i class="fa-brands fa-mastodon"></i> Mastodon: @Chrisayers@hachyderm.io
+~~<i class="fa-brands fa-twitter"></i> Twitter: @Chris_L_Ayers~~
 
 ---
 
@@ -349,11 +351,12 @@ Auth is claims based on repo, environment, branch..
 
 ## Contact
 
-<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-bluesky"></i> BlueSky: [@chris-ayers.com](https://bsky.app/profile/chris-ayers.com)
 <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)
+<i class="fa-brands fa-mastodon"></i> Mastodon: @Chrisayers@hachyderm.io
+~~<i class="fa-brands fa-twitter"></i> Twitter: @Chris_L_Ayers~~
 
 </div>
 </div>

slides/themes/custom-default.css

@@ -24,20 +24,15 @@ img[alt~="center"] {
   list-style-type: none
 }
 
-.fa-twitter {
-  color: aqua;
-}
-
-.fa-mastodon {
-  color: purple;
-}
-
-.fa-linkedin {
-  color: blue;
-}
+.fa-twitter { color: aqua; }
+.fa-mastodon { color: purple; }
+.fa-linkedin { color: blue; }
+.fa-window-maximize { color: skyblue; }
+.fa-bluesky { color: skyblue; }
 
-.fa-window-maximize {
-  color: skyblue;
+svg[id^="mermaid-"] { 
+  max-width: 960px; 
+  max-height: 600px; 
 }
 
-@import 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css'
+@import 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css'