fix: hide submission venue; show portrait videos uncropped

- Remove all CoRL 2026 / venue references (hero eyebrow, footer, BibTeX,
  meta tags) until acceptance; neutral @misc citation, no venue shown
- VideoPane adopts each clip's real aspect ratio with object-fit: contain
  so the portrait G1 payload-locomotion videos display in full (no crop)

Author: niksoban

index.html

@@ -6,15 +6,15 @@
     <title>FADA — Few-Shot Domain Adaptation for Humanoid Control</title>
     <meta
       name="description"
-      content="FADA: Few-Shot Domain Adaptation via Dynamics Alignment for Humanoid Control. CoRL 2026. A Planner–Inverse Dynamics Model framework that adapts humanoid robots to new dynamics from ~2 minutes of target-domain rollouts."
+      content="FADA: Few-Shot Domain Adaptation via Dynamics Alignment for Humanoid Control. A Planner–Inverse Dynamics Model framework that adapts humanoid robots to new dynamics from ~2 minutes of target-domain rollouts."
     />
 
     <!-- Open Graph / Twitter -->
     <meta property="og:type" content="website" />
     <meta property="og:title" content="FADA — Few-Shot Domain Adaptation for Humanoid Control" />
     <meta
       property="og:description"
-      content="A Planner–Inverse Dynamics Model framework for few-shot humanoid adaptation. CoRL 2026."
+      content="A Planner–Inverse Dynamics Model framework for few-shot humanoid adaptation."
     />
     <meta property="og:image" content="/FADA-humanoid/figures/framework.png" />
     <meta name="twitter:card" content="summary_large_image" />

src/components/footer/Footer.tsx

@@ -13,7 +13,6 @@ export function Footer() {
           <div className="footer__brand">
             <span className="footer__acronym">FADA</span>
             <p className="footer__line">{SITE.title}</p>
-            <p className="footer__venue eyebrow">{SITE.venue}</p>
           </div>
 
           <div className="footer__logos">

src/components/footer/footer.css

@@ -31,9 +31,6 @@
   line-height: 1.4;
   margin-bottom: var(--sp-2);
 }
-.footer__venue {
-  color: var(--chalk-faint);
-}
 
 .footer__logos {
   display: flex;

src/components/hero/Hero.tsx

@@ -24,7 +24,7 @@ export function Hero() {
       <div className="hero__glow" aria-hidden="true" />
 
       <Container width="wide">
-        <p className="eyebrow hero__venue">{SITE.venue} &nbsp;·&nbsp; {LAB.institution}</p>
+        <p className="eyebrow hero__venue">{LAB.institution}</p>
 
         <h1 className="hero__title">
           <span className="hero__acronym">FADA</span>

src/components/media/VideoPane.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react'
+import { forwardRef, useState } from 'react'
 import type { ConditionMeta } from '../../data/types'
 import './media.css'
 
@@ -13,18 +13,26 @@ interface Props {
 /**
  * A single muted, controls-less video tied to a condition. The parent's
  * useSyncedVideos hook drives playback through the forwarded ref.
+ *
+ * The frame adopts the video's real aspect ratio once metadata loads, so
+ * portrait clips (e.g. G1 payload locomotion, 9:16) are shown in full with
+ * object-fit: contain rather than being cropped to a fixed landscape box.
  */
 export const VideoPane = forwardRef<HTMLVideoElement, Props>(function VideoPane(
   { src, condition, taskLabel, emphasize = false },
   ref,
 ) {
   const color = `var(${condition.colorVar})`
+  const [ratio, setRatio] = useState<number | null>(null)
+
   return (
     <figure
-      className={`vpane ${emphasize ? 'vpane--emph' : ''}`}
+      className={`vpane ${emphasize ? 'vpane--emph' : ''} ${
+        ratio != null && ratio < 1 ? 'vpane--portrait' : ''
+      }`}
       style={{ ['--pane-color' as string]: color }}
     >
-      <div className="vpane__frame">
+      <div className="vpane__frame" style={ratio ? { aspectRatio: String(ratio) } : undefined}>
         <video
           ref={ref}
           src={src}
@@ -33,6 +41,10 @@ export const VideoPane = forwardRef<HTMLVideoElement, Props>(function VideoPane(
           preload="metadata"
           aria-label={`${condition.label} — ${taskLabel}`}
           className="vpane__video"
+          onLoadedMetadata={(e) => {
+            const v = e.currentTarget
+            if (v.videoWidth && v.videoHeight) setRatio(v.videoWidth / v.videoHeight)
+          }}
         />
         <span className="vpane__chip">
           <span className="vpane__dot" aria-hidden="true" />

src/components/media/media.css

@@ -119,7 +119,11 @@
   border: 1px solid var(--rule-dark);
   background: #000;
   box-shadow: var(--shadow-dark);
-  aspect-ratio: 16 / 11;
+  /* default landscape box; overridden inline once the video's real ratio loads */
+  aspect-ratio: 16 / 9;
+  /* cap height so a portrait clip doesn't make the row absurdly tall */
+  max-height: 64vh;
+  margin-inline: auto;
 }
 .vpane--emph .vpane__frame {
   border-color: var(--pane-color);
@@ -130,9 +134,14 @@
 .vpane__video {
   width: 100%;
   height: 100%;
-  object-fit: cover;
+  /* contain = always show the whole frame (letterbox), never crop */
+  object-fit: contain;
   display: block;
 }
+/* portrait clips: keep the frame from getting too wide so it stays a sensible size */
+.vpane--portrait .vpane__frame {
+  max-width: min(100%, 340px);
+}
 .vpane__chip {
   position: absolute;
   top: 0.7rem;
@@ -265,7 +274,8 @@
     grid-template-columns: 1fr;
     gap: var(--sp-5);
   }
-  .vpane__frame {
-    aspect-ratio: 16 / 10;
+  /* stacked single column: portrait clips can be a bit larger */
+  .vpane--portrait .vpane__frame {
+    max-width: min(100%, 420px);
   }
 }

src/data/content.ts

@@ -3,7 +3,8 @@ import type { HeroStat, MethodStage } from './types'
 export const SITE = {
   acronym: 'FADA',
   title: 'Few-Shot Domain Adaptation via Dynamics Alignment for Humanoid Control',
-  venue: 'CoRL 2026',
+  // Venue intentionally omitted until acceptance. To show it later, add e.g.
+  // `venue: 'CoRL 2026'` here and render it in Hero.tsx / Footer.tsx.
   tagline:
     'A Planner–Inverse Dynamics Model framework that adapts humanoid robots to new dynamics from about two minutes of target-domain rollouts — no rewards, no accurate prior model.',
 }
@@ -54,11 +55,10 @@ export const ARCHITECTURE_BODY =
 export const DATA_COLLECTION_BODY =
   'FADA adapts from ordinary target-domain rollouts collected by executing the source-trained policy. Supervision is just the paired proprioceptive observations and executed actions from the same rollout windows — no reward, labeling, privileged state, or off-policy dataset is required.'
 
-// TODO: replace with the final arXiv BibTeX entry once the paper is public.
-export const BIBTEX = `@inproceedings{xie2026fada,
-  title     = {FADA: Few-Shot Domain Adaptation via Dynamics Alignment for Humanoid Control},
-  author    = {Xie, Angchen and Sobanbabu, Nikhil and Shikhare, Ishayu and Wang, Alan and Simchowitz, Max and Shi, Guanya},
-  booktitle = {Conference on Robot Learning (CoRL)},
-  year      = {2026},
-  note      = {arXiv preprint — link coming soon},
+// Venue intentionally omitted until acceptance. Swap to the final @inproceedings
+// entry (with booktitle/year) once the paper is public.
+export const BIBTEX = `@misc{fada,
+  title  = {FADA: Few-Shot Domain Adaptation via Dynamics Alignment for Humanoid Control},
+  author = {Xie, Angchen and Sobanbabu, Nikhil and Shikhare, Ishayu and Wang, Alan and Simchowitz, Max and Shi, Guanya},
+  note   = {Preprint — link coming soon},
 }`