update

Author: hmthanh

app/(navbar)/question/page.mdx

@@ -4,8 +4,6 @@ The **SurveyWithCode Leaderboard** is a living benchmark platform designed to ev
 
 The initial phase of the leaderboard will include results from previously published models adapted to the BEAT-2 dataset. Later, the platform will open for public submissions from the research community.
 
----
-
 ## Our Goals
 
 - Establish a **continuously updated benchmark** of state-of-the-art gesture generation models, based on **human evaluation** using widely adopted datasets.
@@ -14,8 +12,6 @@ The initial phase of the leaderboard will include results from previously publis
 - **Unify research communities** across computer vision, machine learning, NLP, HCI, robotics, and animation.
 - Evolve dynamically with new datasets, metrics, and evaluation methodologies.
 
----
-
 ## Outcomes
 
 Once operational, **SurveyWithCode Leaderboard** will allow you to:
@@ -25,13 +21,11 @@ Once operational, **SurveyWithCode Leaderboard** will allow you to:
 - **Visualize** your synthetic motion and conduct **your own user studies** using our open-source tools.
 - Access reproducible results and insights to **accelerate research iterations**.
 
----
 
 ## Setup & Timeline
 
 We are currently inviting authors of gesture generation models to participate in an initial evaluation round. After this, the leaderboard will open to public submissions in **March 2025**, with continuous updates and support for new benchmarks and methods.
 
----
 
 ## Dataset: BEAT-2 (SMPL-X Format)
 
@@ -44,7 +38,6 @@ We benchmark models on the English test split of the [BEAT-2 dataset](https://pa
 3. Compatible with SMPL-X and standard pose estimation pipelines.
 4. Extensible for future evaluation tasks (e.g., facial expression).
 
----
 
 ## Submission Process
 
@@ -73,7 +66,6 @@ We benchmark models on the English test split of the [BEAT-2 dataset](https://pa
 4. **Submit & report**  
    Upload motion outputs and a brief technical report describing training, architecture, and configuration.
 
----
 
 ## Post-Submission Process
 
@@ -95,7 +87,6 @@ We benchmark models on the English test split of the [BEAT-2 dataset](https://pa
 6. **Community Reports**  
    Periodically, we co-author state-of-the-art survey papers summarizing leaderboard findings.
 
----
 
 ## Evaluation Methodology
 
@@ -116,7 +107,6 @@ Later tasks may include:
 - Emotional alignment
 - Semantic grounding of gestures
 
----
 
 ## Tooling
 
@@ -136,7 +126,6 @@ The leaderboard will include:
 - Diversity metrics  
 ...and more, using both classic and newly derived evaluation protocols.
 
----
 
 ## Frequently Asked Questions
 
@@ -158,7 +147,6 @@ We currently have academic funding for running the leaderboard for a period of t
 
 </details>
 
----
 
 ## Contact
 

app/(private)/layout.jsx

@@ -10,7 +10,7 @@ export default function Layout({ children }) {
       <div className="mx-auto flex max-w-[90rem]">
         <Sidebar />
         <nav className="nextra-toc order-last max-xl:hidden w-64 shrink-0 print:hidden" aria-label="table of contents"></nav>
-        <article className="w-full min-w-0 break-words min-h-[calc(100vh-var(--nextra-navbar-height))] text-slate-700 dark:text-slate-200 pb-8 px-6 pt-4 md:px-12">
+        <article className="w-full min-w-0 break-words min-h-[calc(100vh-var(--nextra-navbar-height))] text-black dark:text-slate-200 pb-8 px-6 pt-4 md:px-12">
           <main className="">{children}</main>
         </article>
       </div>

app/(private)/leaderboard/page.jsx

@@ -77,21 +77,21 @@ export default function Page() {
       <h3 className="font-semibold tracking-tight text-slate-900 dark:text-slate-100 mt-8 text-2xl">
         Sample 1
       </h3>
-      <p className="mt-6 leading-7 first:mt-0">
+      <p className="mt-4 leading-7 first:mt-0">
         Sample data of Evaluation Result.
       </p>
       {/* <HighChart data={evaluationData} /> */}
       <h3 className="font-semibold tracking-tight text-slate-900 dark:text-slate-100 mt-8 text-2xl">
         Sample 2
       </h3>
-      <p className="mt-6 leading-7 first:mt-0">
+      <p className="mt-4 leading-7 first:mt-0">
         Sample data of Evaluation Result.
       </p>
       {/* <PairwiseComparisonChart data={data} /> */}
       <h3 className="font-semibold tracking-tight text-slate-900 dark:text-slate-100 mt-8 text-2xl">
         Sample 3
       </h3>
-      <p className="mt-6 leading-7 first:mt-0">
+      <p className="mt-4 leading-7 first:mt-0">
         Sample data of Evaluation Result.
       </p>
       {/* <HeatmapChart data={heatmapData} /> */}

app/(private)/markdown/page.mdx

@@ -29,7 +29,7 @@ export function Counter({ children }) {
 
 Generates:
 
-<div className="mt-6 rounded-xl border border-gray-200 p-4 dark:border-gray-900">
+<div className="mt-4 rounded-xl border border-gray-200 p-4 dark:border-gray-900">
   <h2>Hello MDX</h2>
 </div>
 

app/(private)/result/page.jsx

@@ -80,21 +80,21 @@ export default function Page() {
       <h3 className="font-semibold tracking-tight text-slate-900 dark:text-slate-100 mt-8 text-2xl">
         Sample 1
       </h3>
-      <p className="mt-6 leading-7 first:mt-0">
+      <p className="mt-4 leading-7 first:mt-0">
         Sample data of Evaluation Result.
       </p>
       {/* <HighChart data={evaluationData} /> */}
       <h3 className="font-semibold tracking-tight text-slate-900 dark:text-slate-100 mt-8 text-2xl">
         Sample 2
       </h3>
-      <p className="mt-6 leading-7 first:mt-0">
+      <p className="mt-4 leading-7 first:mt-0">
         Sample data of Evaluation Result.
       </p>
       {/* <PairwiseComparisonChart data={data} /> */}
       <h3 className="font-semibold tracking-tight text-slate-900 dark:text-slate-100 mt-8 text-2xl">
         Sample 3
       </h3>
-      <p className="mt-6 leading-7 first:mt-0">
+      <p className="mt-4 leading-7 first:mt-0">
         Sample data of Evaluation Result.
       </p>
       {/* <HeatmapChart data={heatmapData} /> */}

app/(private)/submission/inputcode.jsx

@@ -23,7 +23,7 @@ export default function InputCode({ codes }) {
     document.body.removeChild(link)
   }
   return (
-    <div className="flex flex-row items-center gap-4 mt-6">
+    <div className="flex flex-row items-center gap-4 mt-4">
       <label htmlFor="inputcode" className="flex justify-end w-[15%]">
         Input Codes
       </label>

app/(private)/submission/page.jsx.txt

@@ -30,7 +30,7 @@ export default function Page() {
 
   return (
     <>
-      <h1 className="mt-6 text-4xl font-bold tracking-tight text-slate-900 dark:text-slate-100">Submission</h1>
+      <h1 className="mt-4 text-4xl font-bold tracking-tight text-slate-900 dark:text-slate-100">Submission</h1>
       {/* <h2 className="font-semibold tracking-tight text-slate-900 dark:text-slate-100 mt-10 border-b pb-1 text-3xl border-neutral-200/70 contrast-more:border-neutral-400 dark:border-primary-100/10 contrast-more:dark:border-neutral-400">
         Download input code
       </h2>
@@ -56,7 +56,7 @@ export default function Page() {
       <h2 className="font-semibold tracking-tight text-slate-900 dark:text-slate-100 mt-10 border-b pb-1 text-3xl border-neutral-200/70 contrast-more:border-neutral-400 dark:border-primary-100/10 contrast-more:dark:border-neutral-400">
         Upload NPY files
       </h2>
-      <div className="mt-6 mb-32">
+      <div className="mt-4 mb-32">
         {isLoading || status === "loading" ? (
           <div className="w-full px-12  justify-center">
             <p className="flex justify-center p-4 gap-2">

app/(private)/submission/uploadnpy.jsx

@@ -248,7 +248,7 @@ export default function UploadNPY({ codes, user, status }) {
   }
 
   return (
-    <form className="mt-6 flex flex-col px-4 gap-4">
+    <form className="mt-4 flex flex-col px-4 gap-4">
       <div className="flex flex-row items-center gap-4">
         <label htmlFor="name" className="w-[20%] text-right">
           Team Name

app/colors.css

@@ -0,0 +1,19 @@
+@variant dark (&:where(.dark *));
+
+@theme {
+  --color-nextra-bg: rgb(var(--nextra-bg));
+  --color-primary-50: hsl(var(--nextra-primary-hue) var(--nextra-primary-saturation) calc(var(--nextra-primary-lightness) + 52%));
+  --color-primary-100: hsl(var(--nextra-primary-hue) var(--nextra-primary-saturation) calc(var(--nextra-primary-lightness) + 49%));
+  --color-primary-200: hsl(var(--nextra-primary-hue) var(--nextra-primary-saturation) calc(var(--nextra-primary-lightness) + 41%));
+  --color-primary-300: hsl(var(--nextra-primary-hue) var(--nextra-primary-saturation) calc(var(--nextra-primary-lightness) + 32%));
+  --color-primary-400: hsl(var(--nextra-primary-hue) var(--nextra-primary-saturation) calc(var(--nextra-primary-lightness) + 21%));
+  --color-primary-500: hsl(var(--nextra-primary-hue) var(--nextra-primary-saturation) calc(var(--nextra-primary-lightness) + 5%));
+  --color-primary-600: hsl(var(--nextra-primary-hue) var(--nextra-primary-saturation) var(--nextra-primary-lightness));
+  --color-primary-700: hsl(var(--nextra-primary-hue) var(--nextra-primary-saturation) calc(var(--nextra-primary-lightness) - 6%));
+  --color-primary-800: hsl(var(--nextra-primary-hue) var(--nextra-primary-saturation) calc(var(--nextra-primary-lightness) - 13%));
+  --color-primary-900: hsl(var(--nextra-primary-hue) var(--nextra-primary-saturation) calc(var(--nextra-primary-lightness) - 21%));
+}
+
+[data-headlessui-state="selected"] > h3[style^="visibility:"] + * {
+  @apply mt-0;
+}

app/globals.css

@@ -1,18 +1,23 @@
 @import "tailwindcss";
-@layer theme, base, components, utilities;
-/* @import "../styles/subheading-anchor.css"; */
-/* @import "../styles/scrollbar.css"; */
-/* @import "../styles/steps.css"; */
-/* @import "../styles/code-block.css"; */
-@import "../styles/utilities.css";
+
 @import "./fonts.css";
+@import "./colors.css";
+
+@import "../styles/subheading-anchor.css";
+@import "../styles/scrollbar.css";
+@import "../styles/steps.css";
+@import "../styles/code-block.css";
+@import "../styles/utilities.css";
+
 
 /* @import "../styles/cards.css"; */
 /* @import "../styles/hamburger.css"; */
 /* @import "../styles/typesetting-article.css"; */
 @custom-variant dark (&:where(.dark, .dark *));
 @custom-variant light (&:where(.light, .light *));
 
+
+
 @layer base {
   :root {
     --nextra-primary-hue: 212deg;
@@ -22,6 +27,8 @@
     --nextra-banner-height: 2.5rem;
     --nextra-bg: 255, 255, 255;
     --nextra-primary-lightness: 45%;
+
+    /* --default-mono-font-family: 'TTT'; */
   }
 
   .dark {
@@ -151,18 +158,3 @@
     animation-iteration-count: infinite;
   }
 }
-
-@theme {
-  --color-primary-50: hsl(212deg 100% calc(45% + 52%));
-  --color-primary-100: hsl(212deg 100% calc(45% + 49%));
-  --color-primary-200: hsl(212deg 100% calc(45% + 41%));
-  --color-primary-300: hsl(212deg 100% calc(45% + 32%));
-  --color-primary-400: hsl(212deg 100% calc(45% + 21%));
-  --color-primary-500: hsl(212deg 100% calc(45% + 5%));
-  --color-primary-600: hsl(var(--nextra-primary-hue) var(--nextra-primary-saturation) var(--nextra-primary-lightness));
-  --color-primary-700: hsl(212deg 100% calc(45% - 6%));
-  --color-primary-800: hsl(212deg 100% calc(45% - 13%));
-  --color-primary-900: hsl(212deg 100% calc(45% - 21%));
-
-  --color-dark: #111;
-}