Add production screenshots to each section of the real-world deck

Torey Heinz committed Feb 23, 2026

commit a65429d48974ed38444e3a8930d50cd413db61fc

Showing 5 changed files with 28 additions and 0 deletions

slides/03-real-world.html +28 -0

@@	@@ -55,6 +55,13 @@
	</aside>
	</section>

+	<section data-transition="fade">
+	<img src="images/vianet-marketing.jpg" alt="Vianet Marketing email campaign dashboard" style="max-height: 85vh; border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.3);">
+	<aside class="notes">
+	This is our email marketing platform. On the left you can see the campaign details — audience, member count, schedule. On the right, the actual email preview. Over half a million members, and each one gets a personalized email.
+	</aside>
+	</section>
+
	<section>
	<h2>The Challenge</h2>
	<div class="callout fragment">
@@	@@ -232,6 +239,13 @@ end
	</aside>
	</section>

+	<section data-transition="fade">
+	<img src="images/orbitfour-homepage.jpg" alt="OrbitFour homepage" style="max-height: 85vh; border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.3);">
+	<aside class="notes">
+	This is OrbitFour — our domain registrar. Clean, simple interface. No upselling, no cross-sells. Let's look at what's under the hood.
+	</aside>
+	</section>
+
	<section>
	<h2>What is OrbitFour?</h2>
	<p>A <strong>domain registrar</strong> — customers buy and manage domain names like <code>.com</code> and <code>.net</code>.</p>
@@	@@ -284,6 +298,13 @@ end
	</aside>
	</section>

+	<section data-transition="fade">
+	<img src="images/orbitfour-epp-health.jpg" alt="OrbitFour EPP Health Monitor" style="max-height: 85vh; border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.3);">
+	<aside class="notes">
+	This is our EPP Health Monitor — a LiveView page that shows the connection pool status in real-time. You can see the persistent TCP connections to PublicInterest and Verisign, utilization, response times. Stats refresh every 5 seconds. This is what owning your core function looks like.
+	</aside>
+	</section>
+
	<section>
	<h2>The Real Win</h2>
	<p class="muted small">OrbitFour replaced <strong>five separate services</strong> with one Elixir app</p>
@@	@@ -318,6 +339,13 @@ end
	</aside>
	</section>

+	<section data-transition="fade">
+	<img src="images/vianet-admin.jpg" alt="Vianet Admin photo review dashboard" style="max-height: 85vh; border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.3);">
+	<aside class="notes">
+	This is our internal admin app. Here you're looking at the photo review queue for Roommates.com — one dashboard to manage all of Vianet's properties.
+	</aside>
+	</section>
+
	<section>
	<h2>The Philosophy</h2>
	<p class="muted small">Instead of building admin features <em>into</em> each app...</p>

slides/images/orbitfour-epp-health.jpg +0 -0

slides/images/orbitfour-homepage.jpg +0 -0

slides/images/vianet-admin.jpg +0 -0

slides/images/vianet-marketing.jpg +0 -0