minor style fixed

Author: cmsparks

apps/demo-day/frontend/index.html

@@ -19,7 +19,7 @@
 			property="og:description"
 			content="Join us on May 1st, 2025 to witness groundbreaking demos from companies like Atlassian, Linear, Stripe, and more. Experience the next evolution of AI-powered software."
 		/>
-		<meta property="og:image" content="public/mcpog.png" />
+		<meta property="og:image" content="https://demo-day.mcp.cloudflare.com/public/mcpog.png" />
 
 		<!-- Twitter -->
 		<meta name="twitter:card" content="summary_large_image" />
@@ -28,7 +28,7 @@
 			name="twitter:description"
 			content="Join us on May 1st, 2025 to witness groundbreaking demos from companies like Atlassian, Linear, Stripe, and more. Experience the next evolution of AI-powered software."
 		/>
-		<meta name="twitter:image" content="public/mcpog.png" />
+		<meta name="twitter:image" content="https://demo-day.mcp.cloudflare.com/public/mcpog.png" />
 		<link rel="icon" type="image/png" href="public/favicon.ico" />
 		<link rel="icon" type="image/png" sizes="32x32" href="public/favicon-32x32.png" />
 		<link rel="icon" type="image/png" sizes="16x16" href="public/favicon-16x16.png" />
@@ -78,13 +78,8 @@ <h1>Preview the Future<br />of Agentic Software</h1>
 						</p>
 
 						<div class="input-group">
-							<input type="email" placeholder="Enter your email" />
-							<!-- Honeypot field - hidden from real users but visible to bots -->
-							<div class="contact-field">
-								<input type="text" name="contact_me_by_fax" tabindex="-1" autocomplete="off" />
-							</div>
-							<button class="notify-btn">
-								Notify me
+							<a class="notify-btn" href="https://www.youtube.com/watch?v=njBGqr-BU54">
+								Watch the stream
 								<svg width="16" height="16" viewBox="0 0 16 16" fill="none">
 									<path
 										d="M2.5 8H13.5M13.5 8L9 3.5M13.5 8L9 12.5"
@@ -94,7 +89,7 @@ <h1>Preview the Future<br />of Agentic Software</h1>
 										stroke-linejoin="round"
 									/>
 								</svg>
-							</button>
+							</a>
 							<div class="success-message">
 								<div class="success-text">
 									<svg width="18" height="18" viewBox="0 0 18 18" fill="none">
@@ -201,8 +196,8 @@ <h1>Preview the Future<br />of Agentic Software</h1>
 						</div>
 						<div class="attendees">
 							<div class="attendee-avatars">
-								<div class="attendee-avatar" data-tooltip="Pete Saulitis">
-									<img src="public/pete.jpeg" alt="Pete Saulitis" />
+								<div class="attendee-avatar" data-tooltip="Special Guest">
+									<img src="public/special_guest.png" alt="Special Guest" />
 								</div>
 								<div class="attendee-avatar" data-tooltip="Sunil Pai">
 									<img src="public/sunil.jpg" alt="Sunil Pai" />
@@ -212,7 +207,7 @@ <h1>Preview the Future<br />of Agentic Software</h1>
 								</div>
 							</div>
 							<span class="attendee-count"
-								><strong>+ all the other cool kids</strong> are going</span
+								><strong>+ all the other cool kids</strong> went</span
 							>
 						</div>
 					</div>
@@ -222,6 +217,7 @@ <h1>Preview the Future<br />of Agentic Software</h1>
 					<div class="demos-section">
 						<h4>DEMOS FROM</h4>
 						<ul class="demo-companies">
+							<li>Asana</li>
 							<li>Atlassian</li>
 							<li>Cloudflare</li>
 							<li>Intercom</li>

apps/demo-day/frontend/public/special_guest.png

@@ -363,6 +363,7 @@ END:VCALENDAR`
 
 	// Setup company backgrounds
 	const companyNames = [
+		'asana',
 		'atlassian',
 		'cloudflare',
 		'intercom',

apps/demo-day/frontend/script.js

@@ -328,6 +328,7 @@ input[type='email']:focus {
 }
 
 .notify-btn {
+	text-decoration: none;
 	background: transparent;
 	border: 1px solid var(--primary-color);
 	color: var(--primary-color);
@@ -730,7 +731,6 @@ footer {
 		padding: 1rem;
 		min-width: 0;
 		width: 100%;
-		overflow: hidden;
 	}
 
 	.container {
@@ -749,9 +749,9 @@ footer {
 		padding: 0.5rem;
 	}
 
-	.date-time-text {
+	/*.date-time-text {
 		display: none;
-	}
+	}*/
 
 	.calendar-trigger {
 		order: 1;
@@ -764,6 +764,10 @@ footer {
 		width: 100%;
 	}
 
+	.input-group.success {
+		margin-bottom: 125px;
+	}
+
 	input[type='email'] {
 		width: 100%;
 		min-width: 0;
@@ -788,6 +792,8 @@ footer {
 
 	.demo-companies li {
 		font-size: 2rem;
+		margin-top: 8px;
+		margin-bottom: 8px;
 	}
 
 	.footer-left {