Spaces:

madmax3366
/

AutoEnv_demo

Running

App Files Files Community

madmax3366 commited on Nov 11

Commit

652f2dc

verified ·

1 Parent(s): 95d1ca3

Update index.html

Browse files

Files changed (1) hide show

index.html +22 -32

index.html CHANGED Viewed

@@ -33,7 +33,7 @@
   <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; }
@@ -41,13 +41,15 @@
     .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>
 <body>
-<!-- <nav class="navbar" role="navigation" aria-label="main navigation">
   <div class="navbar-brand">
     <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false">
       <span aria-hidden="true"></span>
@@ -57,15 +59,15 @@
   </div>
   <div class="navbar-menu">
     <div class="navbar-start" style="flex-grow: 1; justify-content: center;">
-      <a class="navbar-item" href="https://automotive-env.github.io/" target="_blank" rel="noopener">
-        <span class="icon"><i class="fab fa-github"></i></span>
-      </a>
       <a class="navbar-item" href="https://arxiv.org/abs/2509.21143" target="_blank" rel="noopener">
-        <span class="icon"><i class="ai ai-arxiv"></i></span>
       </a>
     </div>
   </div>
-</nav> -->
 <!-- Hero: title, authors, links -->
 <section class="hero">
@@ -98,13 +100,12 @@
                 </a>
               </span>
               <span class="link-block">
-                <a href="https://automotive-env.github.io/"
                    class="external-link button is-normal is-rounded is-dark" target="_blank" rel="noopener">
                   <span class="icon"><i class="fab fa-github"></i></span>
-                  <span>Code(Coming soon)</span>
                 </a>
               </span>
             </div>
           </div>
@@ -114,30 +115,29 @@
   </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%">
-        <!-- 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.
-      </h2> -->
     </div>
   </div>
 </section>
-<!-- System overview (two stacked images + description) -->
 <section class="section" id="system-overview">
   <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>
-        <!-- Top image: task overview -->
         <figure class="system-figure has-text-centered" style="margin-bottom:16px;">
           <img class="sysimg" src="./static/images/demo_task.jpg" alt="Automotive-ENV task overview">
           <figcaption class="subtitle is-6" style="margin-top:8px;">
@@ -145,15 +145,10 @@
           </figcaption>
         </figure>
-        <!-- Bottom image: architecture -->
         <figure class="system-figure has-text-centered">
           <img class="sysimg" src="./static/images/demo_arch.jpg" alt="Automotive-ENV system architecture overview">
-          <!-- <figcaption class="subtitle is-6" style="margin-top:8px;">
-            Figure 1b. Automotive-ENV architecture overview.
-          </figcaption> -->
         </figure>
-        <!-- Description under both images -->
         <div class="content has-text-justified system-overview-desc">
           <p>
             Automotive OS-based environment where the agent observes the accessibility tree, screen, and GPS;
@@ -201,7 +196,6 @@
   </div>
 </section>
 <!-- BibTeX -->
 <section class="section" id="BibTeX">
   <div class="container is-max-desktop content">
@@ -231,12 +225,8 @@
     <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. Please remove analytics if you do not need it.
-          </p>
-          <p>
-            © 2025 automotive-env — Hosted on GitHub Pages.
-          </p>
         </div>
       </div>
     </div>

   <script src="./static/js/index.js"></script>
   <style>
+    /* light paper-like tuning to match os-world vibe */
     body { background: #ffffff; color: #111; }
     .hero { background: #fff; }
     .publication-title { letter-spacing: -0.02em; }
     .system-figure img { max-width: 100%; height: auto; border: 1px solid #eee; border-radius: 6px; }
     .subtitle { color: #444; }
     .footer { background: #fafafa; }
+    /* Ensure both system images line up nicely */
+    .sysimg { width: 100%; height: auto; display: block; }
+    .system-overview-desc { margin-top: 12px; }
   </style>
 </head>
 <body>
+<!-- Minimal navbar with quick links -->
+<nav class="navbar" role="navigation" aria-label="main navigation">
   <div class="navbar-brand">
     <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false">
       <span aria-hidden="true"></span>
   </div>
   <div class="navbar-menu">
     <div class="navbar-start" style="flex-grow: 1; justify-content: center;">
       <a class="navbar-item" href="https://arxiv.org/abs/2509.21143" target="_blank" rel="noopener">
+        <span class="icon"><i class="ai ai-arxiv"></i></span>&nbsp;Paper
+      </a>
+      <a class="navbar-item" href="https://github.com/automotive-env/AutmotiveEnv.github.io" target="_blank" rel="noopener">
+        <span class="icon"><i class="fab fa-github"></i></span>&nbsp;Code
       </a>
     </div>
   </div>
+</nav>
 <!-- Hero: title, authors, links -->
 <section class="hero">
                 </a>
               </span>
               <span class="link-block">
+                <a href="https://github.com/automotive-env/AutmotiveEnv.github.io"
                    class="external-link button is-normal is-rounded is-dark" target="_blank" rel="noopener">
                   <span class="icon"><i class="fab fa-github"></i></span>
+                  <span>Code (coming soon)</span>
                 </a>
               </span>
             </div>
           </div>
   </div>
 </section>
+<!-- Teaser video (local mp4 like os-world's teaser section)
+     Put your video at ./static/videos/demo.mp4 -->
 <section class="hero teaser">
   <div class="container is-max-desktop">
     <div class="hero-body">
       <video id="teaser" autoplay muted loop playsinline height="100%">
         <source src="./static/videos/demo.mp4" type="video/mp4">
       </video>
     </div>
   </div>
 </section>
+<!-- System overview (two stacked images + description)
+     Place images at:
+       ./static/images/demo_task.jpg
+       ./static/images/demo_arch.jpg
+-->
 <section class="section" id="system-overview">
   <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>
         <figure class="system-figure has-text-centered" style="margin-bottom:16px;">
           <img class="sysimg" src="./static/images/demo_task.jpg" alt="Automotive-ENV task overview">
           <figcaption class="subtitle is-6" style="margin-top:8px;">
           </figcaption>
         </figure>
         <figure class="system-figure has-text-centered">
           <img class="sysimg" src="./static/images/demo_arch.jpg" alt="Automotive-ENV system architecture overview">
         </figure>
         <div class="content has-text-justified system-overview-desc">
           <p>
             Automotive OS-based environment where the agent observes the accessibility tree, screen, and GPS;
   </div>
 </section>
 <!-- BibTeX -->
 <section class="section" id="BibTeX">
   <div class="container is-max-desktop content">
     <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. Please remove analytics if you do not need it.</p>
+          <p>© 2025 automotive-env — Hosted on GitHub Pages.</p>
         </div>
       </div>
     </div>