Update slide content and styles: modify contact information and enhance theme settings

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

@@ -12,14 +12,16 @@ footer: 'https://chris-ayers.com'
 
 ![bg left:40%](./img/portrait.png)
 
-# Chris Ayers
-## Senior Customer Engineer<br>Microsoft
+## Chris Ayers
 
-<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/)
+### 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~~
 
 ---
 
@@ -419,11 +421,12 @@ To learn more about Microsoft Playwright Testing, refer to:
 
 ## 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

@@ -1,7 +1,6 @@
 /* custom-default.css */
 /* @theme custom-default */
 
-@import 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css';
 @import 'default';
 
 .columns {
@@ -22,10 +21,11 @@ img[alt~="center"] {
 .fa-mastodon { color: purple; }
 .fa-linkedin { color: blue; }
 .fa-window-maximize { color: skyblue; }
+.fa-bluesky { color: skyblue; }
 
 svg[id^="mermaid-"] { 
-  min-width: 480px; 
   max-width: 960px; 
-  min-height: 360px; 
   max-height: 600px; 
 }
+
+@import 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css'