new banner

app.py

@@ -19,7 +19,7 @@ ACTIVE_REGISTRATION_STATUSES = {"pending", "approved", "registered"}
 REVIEW_STATUS_CHOICES = ["pending", "approved", "rejected", "all"]
 NVIDIA_GREEN = "#76B900"
 NVIDIA_GREEN_DARK = "#5F9500"
-BANNER_PATH = "assets/banner_video.mp4"
+BANNER_PATH = "assets/auto-alpasim-end-to-end-closed-loop-driving-1600x400.mp4"
 BANNER_DIR = Path(__file__).resolve().parent / "assets"
 BANNER_FILE = Path(__file__).resolve().parent / BANNER_PATH
 gr.set_static_paths(paths=[BANNER_DIR])
@@ -45,6 +45,15 @@ BANNER_HTML = f"""
   <video autoplay muted loop playsinline preload="auto" aria-label="AlpaSim E2E Closed Loop Challenge 2026 banner">
     <source src="/gradio_api/file={BANNER_PATH}" type="video/mp4" />
   </video>
+  <div class="hero-overlay">
+    <div class="hero-overlay-inner">
+      <div class="hero-eyebrow">2026 &middot; NVIDIA AV Research &middot; KE:SAI</div>
+      <h1 class="hero-title">AlpaSim E2E Closed Loop Challenge</h1>
+      <p class="hero-lead">
+        A closed-loop benchmark for evaluating autonomous driving policies.
+      </p>
+    </div>
+  </div>
 </header>
 """
 CHALLENGE_OVERVIEW_HTML = """
@@ -262,7 +271,6 @@ BANNER_CSS = """
 
 .alpasim-hero {
   position: relative;
-  aspect-ratio: 21 / 9;
   overflow: hidden;
   margin: 0 -16px;
   background: #000000;
@@ -272,8 +280,46 @@ BANNER_CSS = """
 .alpasim-hero video {
   display: block;
   width: 100%;
-  height: 100%;
-  object-fit: fill;
+  height: auto;
+}
+
+.hero-overlay {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: flex-end;
+  background: linear-gradient(180deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.55) 100%);
+  pointer-events: none;
+}
+
+.hero-overlay-inner {
+  width: 100%;
+  max-width: 1100px;
+  margin: 0 auto;
+  padding: 40px 24px;
+  color: #ffffff;
+}
+
+.hero-eyebrow {
+  color: #d6f3a3;
+  font-size: 0.85em;
+  font-weight: 600;
+  letter-spacing: 0.14em;
+  text-transform: uppercase;
+}
+
+.hero-title {
+  margin: 8px 0 10px;
+  color: #ffffff;
+  font-size: clamp(28px, 4vw, 46px);
+  line-height: 1.1;
+}
+
+.hero-lead {
+  max-width: 760px;
+  margin: 0;
+  color: #e7eaef;
+  font-size: 1.05em;
 }
 
 .challenge-info {
@@ -461,8 +507,23 @@ BANNER_CSS = """
     gap: 12px;
   }
 
-  .alpasim-hero {
-    aspect-ratio: 16 / 9;
+  .hero-overlay-inner {
+    padding: 12px 18px;
+  }
+
+  .hero-eyebrow {
+    font-size: 0.62em;
+    letter-spacing: 0.08em;
+  }
+
+  .hero-title {
+    margin: 4px 0 0;
+    font-size: clamp(16px, 5vw, 22px);
+    line-height: 1.05;
+  }
+
+  .hero-lead {
+    display: none;
   }
 
   .challenge-info {

assets/{banner_video.mp4 → auto-alpasim-end-to-end-closed-loop-driving-1600x400.mp4}

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:c584c5a3b90fee3696525a282ac38d061587ac0edf9d091a0652ded81f08ca55
-size 4856905
+oid sha256:d4854f98e6f8a1a44c57736cfa150a63934715eb445da9569e1188e0cf42b4a8
+size 9001936