Add Vianet entity logos and RentProtect card to intro slide

Torey Heinz committed Feb 17, 2026

commit d82178ae65940b3832c592c91c5e67bb5cc3e0f8

slides/01-intro.html +36 -14

@@	@@ -57,40 +57,62 @@
	</p>
	<div class="entity-grid">
	<div class="entity-card fragment">
-	<h4>The Factory</h4>
-	<p>Coworking space in Grand Rapids</p>
+	<img src="logos/thefactory.png" alt="The Factory" class="entity-logo" />
+	<div class="entity-text">
+	<h4>The Factory</h4>
+	<p>Coworking space in Grand Rapids</p>
+	</div>
	</div>
	<div class="entity-card fragment">
-	<h4>Puppies.com</h4>
-	<p>Online puppy marketplace</p>
+	<img src="logos/puppies.png" alt="Puppies.com" class="entity-logo" />
+	<div class="entity-text">
+	<h4>Puppies.com</h4>
+	<p>Online puppy marketplace</p>
+	</div>
	</div>
	<div class="entity-card fragment">
-	<h4>Roommates.com</h4>
-	<p>Roommate & room rental matching — 22+ years</p>
+	<img src="logos/roommates.png" alt="Roommates.com" class="entity-logo" />
+	<div class="entity-text">
+	<h4>Roommates.com</h4>
+	<p>Roommate & room rental matching</p>
+	</div>
	</div>
	<div class="entity-card fragment">
-	<h4>OrbitFour</h4>
-	<p>Domain registrar — no upselling, no hidden fees</p>
+	<img src="logos/orbitfour.png" alt="OrbitFour" class="entity-logo" />
+	<div class="entity-text">
+	<h4>OrbitFour</h4>
+	<p>Domain registrar — no upselling</p>
+	</div>
	</div>
-	<div class="entity-card wide fragment">
-	<h4>Reputable Rooms</h4>
-	<p>Verified room & roommate search</p>
+	<div class="entity-card fragment">
+	<img src="logos/reputablerooms.png" alt="Reputable Rooms" class="entity-logo" />
+	<div class="entity-text">
+	<h4>Reputable Rooms</h4>
+	<p>Verified room & roommate search</p>
+	</div>
+	</div>
+	<div class="entity-card fragment">
+	<img src="logos/rentprotect.png" alt="RentProtect" class="entity-logo" />
+	<div class="entity-text">
+	<h4>RentProtect</h4>
+	<p>Affordable renters insurance</p>
+	</div>
	</div>
	</div>

	<aside class="notes">
-	Vianet Management runs several businesses, all powered by Elixir in production. The Factory is a coworking space right here in GR. Puppies.com and Roommates.com are marketplaces. OrbitFour is our domain registrar — straightforward, no upselling. And Reputable Rooms is our newest product for verified room rentals. Everything you see today runs in production because Vianet was willing to invest in Elixir.
+	Vianet Management runs several businesses, all powered by Elixir in production. The Factory is a coworking space right here in GR. Puppies.com and Roommates.com are marketplaces. OrbitFour is our domain registrar — straightforward, no upselling. Reputable Rooms is for verified room rentals, and RentProtect provides affordable renters insurance. Everything you see today runs in production because Vianet was willing to invest in Elixir.
	</aside>
	</section>

	<!-- SLIDE 4: What We're Covering -->
	<section>
	<h2>What We're Covering Today</h2>
-	<p class="muted">Three parts, about 50 minutes:</p>
+	<p class="muted">Three parts:</p>
	<ol>
	<li class="fragment"><strong>Why Elixir?</strong> — Where it comes from and why it matters</li>
	<li class="fragment"><strong>The Language</strong> — Pattern matching, processes, and LiveView <em>(live demos!)</em></li>
-	<li class="fragment"><strong>Real-World Code</strong> — Production systems from my work at Vianet</li>
+	<li class="fragment"><strong>Real-World Code</strong> — Production systems from at Vianet</li>
	</ol>
	<p class="fragment muted" style="margin-top: 1em;">Then we'll open it up for Q&A.</p>

slides/logos/orbitfour.png +0 -0

slides/logos/puppies.png +0 -0

slides/logos/rentprotect.png +0 -0

slides/logos/reputablerooms.png +0 -0

slides/logos/roommates.png +0 -0

slides/logos/thefactory.png +0 -0

slides/shared.css +21 -21

@@	@@ -101,10 +101,10 @@

	.entity-grid {
	display: grid;
-	grid-template-columns: 1fr 1fr;
-	gap: 20px;
-	margin-top: 30px;
-	width: 90%;
+	grid-template-columns: 1fr 1fr 1fr;
+	gap: 10px;
+	margin-top: 14px;
+	width: 95%;
	margin-left: auto;
	margin-right: auto;
	}
@@	@@ -112,33 +112,33 @@
	.entity-card {
	background: #fafafa;
	border: 2px solid #e8e0ff;
-	border-radius: 12px;
-	padding: 20px 24px;
+	border-radius: 10px;
+	padding: 10px 14px;
	text-align: left;
-	transition: transform 0.2s, box-shadow 0.2s;
+	display: flex;
+	align-items: center;
+	gap: 10px;
	}

-	.entity-card:hover {
-	transform: translateY(-2px);
-	box-shadow: 0 4px 16px rgba(110, 68, 255, 0.15);
+	.entity-card .entity-logo {
+	height: 36px;
+	width: 36px;
+	min-width: 36px;
+	object-fit: contain;
+	border-radius: 6px;
	}

-	.entity-card h4 {
-	margin: 0 0 4px 0;
-	font-size: 0.9em;
+	.entity-card .entity-text h4 {
+	margin: 0 0 2px 0;
+	font-size: 0.65em;
	color: var(--elixir-purple);
	}

-	.entity-card p {
+	.entity-card .entity-text p {
	margin: 0;
-	font-size: 0.65em !important;
+	font-size: 0.45em !important;
	color: #666;
-	}
-
-	.entity-card.wide {
-	grid-column: 1 / -1;
-	max-width: 50%;
-	justify-self: center;
+	line-height: 1.3;
	}

	/* ----- Company Cards ----- */