GitBlixt
toreyheinz/2026-GR-WebDevElixirTalk

Rework Who's Using Elixir slide with brand logos and 2x2 grid

Torey Heinz committed Feb 17, 2026
commit 1e372937dde972af08f2dfac8dadc2113c719f03
Showing 5 changed files with 51 additions and 21 deletions
slides/01-intro.html +20 -10
@@ @@ -201,22 +201,32 @@
<div class="company-grid">
<div class="company-card fragment">
- <h4>Discord</h4>
- <p>5+ million concurrent users<br/>Real-time messaging at massive scale</p>
+ <img src="logos/discord.svg" alt="Discord" class="company-logo" />
+ <div class="company-text">
+ <h4>Discord</h4>
+ <p>5M+ concurrent users, real-time messaging</p>
+ </div>
</div>
<div class="company-card fragment">
- <h4>Pinterest</h4>
- <p>Notification delivery system<br/>Billions of events processed</p>
+ <img src="logos/pinterest.svg" alt="Pinterest" class="company-logo" />
+ <div class="company-text">
+ <h4>Pinterest</h4>
+ <p>Notification delivery, billions of events</p>
+ </div>
</div>
<div class="company-card fragment">
- <h4>Pepsi</h4>
- <p>Real-time manufacturing &amp; logistics<br/>Monitoring production lines across facilities</p>
+ <img src="logos/pepsi.svg" alt="Pepsi" class="company-logo" />
+ <div class="company-text">
+ <h4>Pepsi</h4>
+ <p>Real-time manufacturing &amp; logistics</p>
+ </div>
</div>
<div class="company-card highlight fragment">
- <h4>The Famous Phoenix Demo</h4>
- <p style="font-size: 0.75em !important; color: var(--elixir-purple) !important; font-weight: 600;">
- 2 million simultaneous WebSocket connections on a single server.
- </p>
+ <img src="elixir-logo.svg" alt="Phoenix" class="company-logo" />
+ <div class="company-text">
+ <h4>Famous Phoenix Demo</h4>
+ <p>2M simultaneous WebSocket connections on a single server</p>
+ </div>
</div>
</div>
slides/logos/discord.svg +1 -0
@@ @@ -0,0 +1 @@
+ <svg fill="#5865F2" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Discord</title><path d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z"/></svg>
\ No newline at end of file
slides/logos/pepsi.svg +8 -0
@@ @@ -0,0 +1,8 @@
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
+ <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="799.61" height="799.59" viewBox="0 0 211.56 211.56">
+ <path fill="#fff" d="M209.58 105.78a103.8 103.8 0 0 1-103.8 103.8 103.8 103.8 0 0 1-103.8-103.8 103.8 103.8 0 0 1 103.8-103.8 103.8 103.8 0 0 1 103.8 103.8Z" color="#000"/>
+ <path d="M105.78 0C47.38 0 0 47.38 0 105.78s47.38 105.78 105.78 105.78 105.78-47.38 105.78-105.78S164.18 0 105.78 0zm0 3.97a101.78 101.78 0 0 1 101.81 101.8A101.78 101.78 0 0 1 105.78 207.6 101.78 101.78 0 0 1 3.97 105.78 101.78 101.78 0 0 1 105.77 3.97z" color="#000"/>
+ <path d="M157 85.13c-12.07 0-18.38 5.11-18.38 12.95 0 2.5 1.55 6.08 4.16 7.77 4.57 2.96 8.4 3.4 13.65 4.68 3.01.74 6.28 1.59 6.28 3.51 0 1.6-1.62 2.79-5.9 2.79-8.48 0-10.15-4.47-10.15-4.47l-10.86 3.99c2.3 7.31 13.55 9.82 21 9.82 7.97 0 12.57-1.7 15.5-4.5 3.23-3.08 3.55-6.06 3.55-8.89 0-2.5-.98-5.82-5.78-8.6-3.5-2.01-10.56-3.25-13.64-3.9-1.16-.26-4.89-.8-4.89-3 0-1.64 2.33-2.53 5.46-2.53 6.18 0 7.17 4.18 7.17 4.18l10.9-4.01c-1.7-7.65-10.66-9.79-18.07-9.79zm36.02.19-13.07 4.8v34.5h13.08Zm-174.93.72v38.57h13.08v-7.19a166.93 166.93 0 0 0 14.75-5.59c9.14-4.16 9.53-9.37 9.53-13.7 0-5.37-4-12.09-15.15-12.09h-9.13Zm41.1 0v38.57h34v-9.5H72.27V110H88.7v-9.49H72.27v-5h20.55v-9.48Zm39.67 0v38.57h13.08v-7.19a166.93 166.93 0 0 0 14.75-5.59c9.14-4.16 9.53-9.37 9.53-13.7 0-5.37-4-12.09-15.15-12.09h-9.13Zm-67.69 9.48h6.54c2.2 0 4.03 1.79 4.03 4.06 0 2.7-1.04 4.14-4.97 5.78l-5.6 2.22Zm80.77 0h6.54c2.2 0 4.03 1.79 4.03 4.06 0 2.7-1.03 4.14-4.97 5.78l-5.6 2.22z" />
+ <path fill="#ff1400" d="M105.78 11.04a94.75 94.75 0 0 0-86.9 57.17c.34.12 18.82 6.66 37.48 6.66 29.15 0 64.1-11.91 101.76-11.91 19.07 0 33.18 4.72 34.62 5.22a94.75 94.75 0 0 0-86.96-57.14Z" />
+ <path fill="#0e0e96" d="M105.83 200.54a94.75 94.75 0 0 0 86.91-57.16c-.34-.13-18.83-6.67-37.48-6.67-29.15 0-64.1 11.92-101.77 11.92-19.06 0-33.17-4.72-34.62-5.22a94.75 94.75 0 0 0 86.96 57.13z" />
+ </svg>
slides/logos/pinterest.svg +1 -0
@@ @@ -0,0 +1 @@
+ <svg fill="#E60023" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Pinterest</title><path d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z"/></svg>
\ No newline at end of file
slides/shared.css +21 -11
@@ @@ -145,9 +145,9 @@
.company-grid {
display: grid;
- grid-template-columns: 1fr 1fr 1fr;
- gap: 20px;
- margin-top: 20px;
+ grid-template-columns: 1fr 1fr;
+ gap: 12px;
+ margin-top: 16px;
width: 90%;
margin-left: auto;
margin-right: auto;
@@ @@ -156,27 +156,37 @@
.company-card {
background: #fafafa;
border: 2px solid #e8e0ff;
- border-radius: 12px;
- padding: 20px;
+ border-radius: 10px;
+ padding: 12px 16px;
text-align: left;
+ display: flex;
+ align-items: center;
+ gap: 12px;
}
- .company-card h4 {
- margin: 0 0 8px 0;
- font-size: 0.85em;
+ .company-card .company-logo {
+ height: 36px;
+ width: 36px;
+ min-width: 36px;
+ object-fit: contain;
+ }
+
+ .company-card .company-text h4 {
+ margin: 0 0 2px 0;
+ font-size: 0.7em;
color: var(--elixir-purple);
}
- .company-card p {
+ .company-card .company-text p {
margin: 0;
- font-size: 0.6em !important;
+ font-size: 0.5em !important;
color: #666;
+ line-height: 1.3;
}
.company-card.highlight {
border-color: var(--elixir-purple);
background: #f4f0ff;
- grid-column: 1 / -1;
}
/* ----- Comparison Grid ----- */