Update index.html

index.html

@@ -8,7 +8,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>AUTOMOTIVE-ENV: Benchmarking Multimodal Agents in Vehicle Interface Systems</title>
 
-  <!-- Optional: remove if you don't use GA -->
+  <!-- (Optional) Google Analytics - remove if not needed -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-PYVRSFMDRL"></script>
   <script>
     window.dataLayer = window.dataLayer || [];
@@ -18,21 +18,22 @@
   </script>
 
   <link href="https://fonts.googleapis.com/css?family=Google+Sans|Noto+Sans|Castoro" rel="stylesheet">
-
-  <!-- All local files in the repo root -->
-  <link rel="stylesheet" href="bulma.min.css">
-  <link rel="stylesheet" href="bulma-carousel.min.css">
-  <link rel="stylesheet" href="bulma-slider.min.css">
-  <link rel="stylesheet" href="fontawesome.all.min.css">
-  <link rel="stylesheet" href="index.css">
-  <link rel="icon" href="favicon.svg">
-
-  <script defer src="fontawesome.all.min.js"></script>
-  <script src="bulma-carousel.min.js"></script>
-  <script src="bulma-slider.min.js"></script>
-  <script src="index.js"></script>
+  <link rel="stylesheet" href="./static/css/bulma.min.css">
+  <link rel="stylesheet" href="./static/css/bulma-carousel.min.css">
+  <link rel="stylesheet" href="./static/css/bulma-slider.min.css">
+  <link rel="stylesheet" href="./static/css/fontawesome.all.min.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">
+  <link rel="stylesheet" href="./static/css/index.css">
+  <link rel="icon" href="./static/images/favicon.svg">
+
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+  <script defer src="./static/js/fontawesome.all.min.js"></script>
+  <script src="./static/js/bulma-carousel.min.js"></script>
+  <script src="./static/js/bulma-slider.min.js"></script>
+  <script src="./static/js/index.js"></script>
 
   <style>
+    /* Small tweaks to match paper-style, white background, black text */
     body { background: #ffffff; color: #111; }
     .hero { background: #fff; }
     .publication-title { letter-spacing: -0.02em; }
@@ -40,6 +41,7 @@
     .system-figure img { max-width: 100%; height: auto; border: 1px solid #eee; border-radius: 6px; }
     .subtitle { color: #444; }
     .footer { background: #fafafa; }
+    /* Remove heavy separators if any exist in your local index.css */
     section, .hero, .navbar { border-bottom: 0 !important; }
   </style>
 </head>
@@ -65,6 +67,7 @@
   </div>
 </nav>
 
+<!-- Hero: title, authors, links -->
 <section class="hero">
   <div class="hero-body">
     <div class="container is-max-desktop">
@@ -102,7 +105,7 @@
                 </a>
               </span>
               <span class="link-block">
-                <a href="demo.mp4"
+                <a href="./static/videos/demo.mp4"
                    class="external-link button is-normal is-rounded is-dark" target="_blank" rel="noopener">
                   <span class="icon"><i class="fas fa-play"></i></span>
                   <span>Demo Video</span>
@@ -117,14 +120,15 @@
   </div>
 </section>
 
+<!-- System overview figure (image above the video) -->
 <section class="section">
   <div class="container is-max-desktop">
     <div class="columns is-centered">
       <div class="column is-four-fifths">
         <h2 class="title is-3 has-text-centered">System Overview</h2>
         <div class="system-figure has-text-centered">
-          <!-- image at repo root -->
-          <img src="demo_arch.jpg" alt="Automotive-ENV system architecture overview">
+          <!-- Put your image at ./static/images/demo_arch.jpg or change the src accordingly -->
+          <img src="./static/images/demo_arch.jpg" alt="Automotive-ENV system architecture overview">
           <p class="subtitle is-6" style="margin-top:8px;">Figure 1. Automotive-ENV architecture overview.</p>
         </div>
       </div>
@@ -132,12 +136,13 @@
   </div>
 </section>
 
+<!-- Teaser video (local mp4 like os-world's teaser section) -->
 <section class="hero teaser">
   <div class="container is-max-desktop">
     <div class="hero-body">
       <video id="teaser" autoplay muted loop playsinline height="100%">
-        <!-- video at repo root -->
-        <source src="demo.mp4" type="video/mp4">
+        <!-- Put your video at ./static/videos/demo.mp4 or update this path -->
+        <source src="./static/videos/demo.mp4" type="video/mp4">
       </video>
       <h2 class="subtitle has-text-centered" style="margin-top:10px;">
         A short looping demo showcasing Automotive-ENV tasks and agent behavior.
@@ -146,6 +151,7 @@
   </div>
 </section>
 
+<!-- Abstract -->
 <section class="section">
   <div class="container is-max-desktop">
     <div class="columns is-centered has-text-centered">
@@ -179,6 +185,7 @@
   </div>
 </section>
 
+<!-- Tasks preview (paper-style placeholders like os-world "results" sections but minimal) -->
 <section class="section">
   <div class="container is-max-desktop">
     <div class="columns is-centered">
@@ -193,13 +200,16 @@
             <li><strong>Implicit Intent</strong>: infer user goals from short context; minimize UI steps.</li>
             <li><strong>Safety-Aware</strong>: sensor + context classification with strict action gating.</li>
           </ul>
-          <p>Per-task thumbnails and clips will be added in future updates.</p>
+          <p>
+            We will add per-task thumbnails and clips in future updates.
+          </p>
         </div>
       </div>
     </div>
   </div>
 </section>
 
+<!-- BibTeX -->
 <section class="section" id="BibTeX">
   <div class="container is-max-desktop content">
     <h2 class="title">BibTeX</h2>
@@ -225,8 +235,12 @@
     <div class="columns is-centered">
       <div class="column is-8">
         <div class="content has-text-centered">
-          <p>This website reuses the open-source Nerfies/OS-World page framework. Remove analytics if not used.</p>
-          <p>© 2025 automotive-env — Hosted on GitHub Pages.</p>
+          <p>
+            This website reuses the open-source Nerfies/OS-World page framework. Please remove analytics if you do not need it.
+          </p>
+          <p>
+            © 2025 automotive-env — Hosted on GitHub Pages.
+          </p>
         </div>
       </div>
     </div>