fixed bio slide

firefox-webapi-with-crates.md

@@ -5,6 +5,7 @@ author: Ed Guloien
 date: Sept 2026
 paginate: true
 footer: <span> <img src="images/qb-logo-mark.png" width="60"/> Sept 2026 </span>
+html: "true"
 ---
 <!-- all slideshow styling in one place -->
 <style>
@@ -50,15 +51,39 @@ footer: <span> <img src="images/qb-logo-mark.png" width="60"/> Sept 2026 </span>
 
 ## about://ed-guloien
 
-- Software Developer @ Quantum Bridge:
+<style scoped> 
-  Distributed Symmetric Key Exchange
+	.container { display: grid; 
-- Former Mozillian: Platform, Networking
+	   grid-template-columns: 1fr 320px; grid-template-rows: auto 1fr; 
-- Interests: Privacy, Security, Systems
+	   gap: 24px; height: 100%; 
-- ed.guloien@qubridge.io
+	   margin-top: 60px;}
-
+	.logos { 
-
+	   grid-column: 1; grid-row: 2; display: flex; gap: 20px; align-items: center; }
-
+	.bio { 
-![bg right:40% width:350](images/headshot.jpeg)
+	   grid-column: 1; grid-row: 1; } 
+	.bio ul { 
+	   list-style: none; padding: 0; margin: 0; line-height: 1.8; }
+	.headshot { 
+	   grid-column: 2; grid-row: 1 / 3;  align-items: center; justify-content: left; }
+	   .headshot img { width: 600px; border-radius: 8px; }
+</style>
+<div class="container">
+	<div class="logos">
+		<img src="images/qb-logo-text.png" width="250px">
+		<img src="images/fx-browser-logo.jpg" width="250px">
+	</div>
+	 <div class="bio">
+	 		<ul>
+			<li> Software Developer @ Quantum Bridge: </li>
+			<li> Distributed Symmetric Key Exchange </li>
+			<li> Former Mozillian: Platform, Networking</li>
+			<li> Interests: Privacy, Security, Systems</li>
+			<li> ed.guloien@qubridge.io </li>
+		</ul>
+	</div>
+	<div class="headshot">
+		<img src="images/headshot.jpeg" width="250px">
+	</div>
+</div>
 
 ---
 ## Interop 2025