← back to Malden House
schedule.html
70 lines
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>The 2028 Games — Full Schedule · Victory Stays</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;700;800;900&family=EB+Garamond:ital,wght@0,400;1,400&family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="landing.css?v=10">
<link rel="stylesheet" href="schedule.css?v=10">
</head>
<body class="sched">
<nav class="l-nav">
<div class="l-brand">
<span class="l-dot"></span>
<span class="l-mark">VICTORY STAYS</span>
<span class="l-sub">The Games · Full Schedule</span>
</div>
<div class="l-nav-links">
<a href="index.html">Landing</a>
<a href="dashboard.html">Dashboard</a>
<a href="browse.html">Browse</a>
<a href="schedule.html" class="active">Schedule</a>
<a href="index.html#about">About</a>
</div>
<a class="l-nav-cta" href="index.html#signup">Claim your address →</a>
</nav>
<header class="sched-hero">
<div>
<div class="l-eyebrow accent">§ The 2028 Games · Los Angeles</div>
<h1>Seventeen days,<br>fifteen venues,<br>every sport.</h1>
<p class="sched-sub">Opening ceremony <b>Friday, July 14</b> at SoFi Stadium. Closing <b>Sunday, July 30</b>. All Games events and venues below — click a venue chip to filter.</p>
</div>
<div class="sched-meta">
<div><b>17</b><span>days of competition</span></div>
<div><b>15</b><span>venues mapped</span></div>
<div><b>Jul 14</b><span>opening ceremony</span></div>
<div><b>Jul 30</b><span>closing ceremony</span></div>
</div>
</header>
<section class="sched-filters">
<span class="l-eyebrow">§ Filter by venue</span>
<div class="filter-chips" id="filter-chips"><!-- populated by JS --></div>
</section>
<section class="sched-calendar" id="sched-calendar"><!-- populated by JS --></section>
<section class="sched-by-sport">
<header>
<div class="l-eyebrow accent">§ Every venue, by sport</div>
<h2>All 15 venues — alphabetical.</h2>
</header>
<div class="sport-grid" id="sport-grid"><!-- populated by JS --></div>
</section>
<footer class="l-footer">
<div class="l-foot-brand"><span class="l-dot"></span>VICTORY STAYS · NOT AFFILIATED WITH LA 2028</div>
<div class="l-foot-mid">Schedule compiled from public venue announcements · dates may shift pre-event</div>
<div class="l-foot-credit">© 2028 · hello@victorystays.com</div>
</footer>
<script src="signup.js?v=10"></script>
<script src="schedule.js?v=10"></script>
</body>
</html>