understanding

Author: steve-zeyu-zhang

css/style.css

@@ -510,7 +510,7 @@ p {
 /* Column headers (1,2,3,4) */
 .grid-headers {
   display: grid;
-  grid-template-columns: repeat(4, 1fr);
+  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
   text-align: center;
   font-weight: bold;
   margin-bottom: 1rem;

index.html

@@ -34,6 +34,8 @@
                     <a href="#" class="nav-logo">Nav-R1</a>
                     <div class="nav-links">
                         <a href="#overview">Overview</a>
+                        <a href="#real-nav">Real World Navigation</a>
+                        <a href="#real-und">Real World Understanding</a>
                         <a href="#method">Method</a>
                         <a href="#applications">Applications</a>
                         <a href="#citation">Citation</a>
@@ -103,7 +105,7 @@ <h2>Overview</h2>
             </div>
 
             <div class="video-container">
-                <video controls autoplay muted loop>
+                <video controls autoplay muted loop style="width:70%;">
                   <source src="videos/overview.mp4" type="video/mp4">
                   Your browser does not support the video tag.
                 </video>
@@ -129,7 +131,7 @@ <h2>System Overview</h2>
         </div>
     </section> -->
 
-    <section class="section section-dark" id="overview">
+    <section class="section section-dark" id="real-nav">
         <div class="container">
           <h2>Real World Navigation</h2>
 
@@ -746,6 +748,41 @@ <h3>ObjectNav</h3>
         </div>
       </section>
 
+    <section class="section section-light" id="real-und">
+        <div class="container">
+            <h2>Real World Understanding</h2>
+
+            <h3>Embodied Dialogue</h3>
+
+            <div class="video-container">
+                <video controls autoplay muted loop style="width:70%;">
+                    <source src="understanding/embodied_dialogue.mp4" type="video/mp4">
+                </video>
+            </div>
+
+            <h3>Embodied Reasoning</h3>
+
+            <div class="video-container">
+                <video controls autoplay muted loop style="width:70%;">
+                    <source src="understanding/embodied_reasoning.mp4" type="video/mp4">
+                </video>
+            </div>
+
+
+            <h3>Embodied Rlanning</h3>
+
+            <div class="video-container">
+                <video controls autoplay muted loop style="width:70%;">
+                    <source src="understanding/embodied_planning.mp4" type="video/mp4">
+                </video>
+            </div>
+
+
+
+
+        </div>
+    </section>
+
     <!-- Key Contributions Section -->
     <section class="section section-light">
         <div class="container">