Update index.html

index.html

@@ -10,28 +10,28 @@
   <title>Tool Learning in the Wild: Empowering Language Models as Automatic Tool Agents</title>
 
 
-  <!-- <link rel="icon" href="./assets/images/title.png"> -->
+  <!-- <link rel="icon" href="./static/images/title.png"> -->
 
   <link href="https://fonts.googleapis.com/css?family=Google+Sans|Noto+Sans|Castoro" rel="stylesheet">
 
-  <link rel="stylesheet" href="./assets/css/bulma.min.css">
-  <link rel="stylesheet" href="./assets/css/bulma-carousel.min.css">
-  <link rel="stylesheet" href="./assets/css/bulma-slider.min.css">
-  <link rel="stylesheet" href="./assets/css/fontawesome.all.min.css">
+  <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="./assets/css/index.css">
-  <link rel="stylesheet" href="./assets/css/leaderboard.css">
+  <link rel="stylesheet" href="./static/css/index.css">
+  <link rel="stylesheet" href="./static/css/leaderboard.css">
 
- <script type="text/javascript" src="assets/js/sort-table.js" defer></script>
+ <script type="text/javascript" src="static/js/sort-table.js" defer></script>
 
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
-  <script defer src="./assets/js/fontawesome.all.min.js"></script>
-  <script src="./assets/js/bulma-carousel.min.js"></script>
-  <script src="./assets/js/bulma-slider.min.js"></script>
-  <script src="./assets/js/explorer-index.js"></script>
-  <script src="./assets/js/question_card.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/explorer-index.js"></script>
+  <script src="./static/js/question_card.js"></script>
 
-  <script src="./assets/js/leaderboard_testmini.js"></script>
+  <script src="./static/js/leaderboard_testmini.js"></script>  
   <script src="./data/results/output_folders.js" defer></script>
   <script src="./data/results/model_scores.js" defer></script>
 
@@ -56,11 +56,11 @@
       <div class="columns is-centered">
         <div class="column has-text-centered">
           <h1 class="title is-1 publication-title is-bold">
-            <!-- <img src="assets/images/csbench_logo_2.png" style="width:1em;vertical-align: middle" alt="Logo"/> -->
+            <!-- <img src="static/images/csbench_logo_2.png" style="width:1em;vertical-align: middle" alt="Logo"/> -->
             <!-- <span class="csbench" style="vertical-align: middle">CS-Bench</span> -->
             </h1>
           <h2 class="title is-3" style="margin-top: 0px; margin-bottom: 50px;">
-            <!-- <img src="assets/images/title.png" style="width:1em;vertical-align: middle" alt="Logo"/> -->
+            <!-- <img src="static/images/title.png" style="width:1em;vertical-align: middle" alt="Logo"/> -->
            🔧Tool Learning in the Wild:<br> Empowering Language Models as Automatic Tool Agents
           </h2>
             
@@ -86,12 +86,15 @@
               <span class="author-block"><sup style="color:#1a4ebf">5</sup>Leiden University</span><br>
             </div>
 
+
+
           <div class="column has-text-centered">
             <div class="publication-links">
               <!-- PDF Link. -->
             
               <span class="link-block">
-                <a href=""class="external-link button is-normal is-rounded is-light">
+                <a href="xxx"
+                   class="external-link button is-normal is-rounded is-light">
                 
                   <span class="icon">
                       <i class="ai ai-arxiv"></i>
@@ -124,26 +127,27 @@
                   </a>
               </span>
               <!-- Dataset Link. -->
-              <span class="link-block">
-                <a href="https://huggingface.co/datasets/mangopy/autotools" 
-		   class="external-link button is-normal is-rounded is-light"> 
-                  <span class="icon">
-<!--                       <i class="far fa-images"></i> -->
-                      <p style="font-size:18px">🔗</p>
-                  </span>
-                  <span>Dataset</span>
-                </a>
-              </span>
+              <!-- <span class="link-block"> -->
+                <!-- <a href="https://huggingface.co/datasets/xxxxxxx" -->
+                   <!-- class="external-link button is-normal is-rounded is-dark"> -->
+                  <!-- <span class="icon"> -->
+                      <!-- <i class="far fa-images"></i> -->
+                      <!-- <p style="font-size:18px">🤗</p> -->
+                      <!-- 🔗 -->
+                  <!-- </span> -->
+                  <!-- <span>Dataset</span> -->
+                <!-- </a> -->
+              <!-- </span> -->
               <!-- hf paper Link. -->
               <span class="link-block">
-                <a href="https://huggingface.co/spaces/mangopy/autotools"
+                <a href="xxx"
                    class="external-link button is-normal is-rounded is-light">
                   <span class="icon">
                       <!-- <i class="far fa-images"></i> -->
                       <p style="font-size:18px">🤗</p>
                       <!-- 🔗 -->
                   </span>
-                  <span>HF-space</span>
+                  <span>HF-datasets</span>
                 </a>
               </span>
               
@@ -175,7 +179,7 @@
     </div>
     <div class="box m-5">
       <div class="content has-text-centered">
-        <img src="assets/images/intro.png" alt="geometric reasoning" style="width:84%; height:200; object-fit: contain; margin-top: 20px; margin-bottom: 20px;"/>
+        <img src="static/images/intro.png" alt="geometric reasoning" style="width:84%; height:200; object-fit: contain; margin-top: 20px; margin-bottom: 20px;"/>
         <p style="margin-top: 10px;">
           Comparison between conventional tool-use flow (a) and the proposed framework (b). 
         </p>
@@ -230,7 +234,7 @@
 <section class="hero is-light is-small">
   <div class="hero-body has-text-centered">
     <h1 class="title is-1 csbench">
-    <!-- <img src="assets/images/csbench_logo_2.png" style="width:1.5em;vertical-align: middle" alt="Logo"/> -->
+    <!-- <img src="static/images/csbench_logo_2.png" style="width:1.5em;vertical-align: middle" alt="Logo"/> -->
     <span class="csbench" style="width:1.5em;vertical-align: middle">Our AutoTools Framework</span>
   </h1>
   </div>
@@ -275,7 +279,7 @@
         <!-- 案例研究 1 -->
         <div class="box m-5">
           <div class="content has-text-centered">
-            <img src="assets/images/method.png" alt="geometric reasoning" style="width:90%;object-fit: contain; margin-top: 5px; margin-bottom: 5;"/>
+            <img src="static/images/method.png" alt="geometric reasoning" style="width:90%;object-fit: contain; margin-top: 5px; margin-bottom: 5;"/>
             <p style="margin-top: 5px;">
               An overview of the proposed framework AutoTools, in which the LLM (1) automatically encapsulates diverse tools into unified callable functions and (2) directly utilizes these functions through programming.
             </p>
@@ -292,7 +296,7 @@
 <section class="hero is-light is-small">
   <div class="hero-body has-text-centered">
     <h1 class="title is-1 csbench">
-    <!-- <img src="assets/images/csbench_logo_2.png" style="width:1.5em;vertical-align: middle" alt="Logo"/> -->
+    <!-- <img src="static/images/csbench_logo_2.png" style="width:1.5em;vertical-align: middle" alt="Logo"/> -->
     <span class="csbench" style="width:1.5em;vertical-align: middle">Further improvement with AutoTools-Learning</span>
   </h1>
   </div>
@@ -320,7 +324,7 @@
 <section class="hero is-light is-small">
   <div class="hero-body has-text-centered">
     <h1 class="title is-1 csbench">
-    <!-- <img src="assets/images/csbench_logo_2.png" style="width:1.5em;vertical-align: middle" alt="Logo"/> -->
+    <!-- <img src="static/images/csbench_logo_2.png" style="width:1.5em;vertical-align: middle" alt="Logo"/> -->
     <span class="csbench" style="width:1.5em;vertical-align: middle">Experimental Results</span>
   </h1>
   </div>
@@ -349,21 +353,21 @@
         <!-- 案例研究 1 -->
         <div class="box m-5">
           <div class="content has-text-centered">
-            <img src="assets/images/results.png" alt="geometric reasoning" style="width:70%; height:400px; object-fit: contain; margin-top: -40px; margin-bottom: -20px;"/>
+            <img src="static/images/results.png" alt="geometric reasoning" style="width:70%; height:400px; object-fit: contain; margin-top: -40px; margin-bottom: -20px;"/>
           </div>
         </div>
         
         <!-- 案例研究 2 -->
         <div class="box m-5">
           <div class="content has-text-centered">
-            <img src="assets/images/result1.png" alt="geometric reasoning" style="width:84%; height:380px; object-fit: contain; margin-top: 20px; margin-bottom: 20px;"/>
+            <img src="static/images/result1.png" alt="geometric reasoning" style="width:84%; height:380px; object-fit: contain; margin-top: 20px; margin-bottom: 20px;"/>
           </div>
         </div>
         
         <!-- 案例研究 3 -->
         <div class="box m-5">
           <div class="content has-text-centered">
-            <img src="assets/images/result2.png" alt="geometric reasoning" style="width:70%; height:400px; object-fit: contain; margin-top: 20px; margin-bottom: 20px;"/>
+            <img src="static/images/result2.png" alt="geometric reasoning" style="width:70%; height:400px; object-fit: contain; margin-top: 20px; margin-bottom: 20px;"/>
           </div>
         </div>
         
@@ -393,7 +397,7 @@
             <p style="margin-top: -10px;">
              GIven the documentation of the "SEARCH_TOOL" APIs (tool) in natural language, the LLM can understand and encapsulate it into a structured function.
             </p>
-            <img src="assets/images/case.png" alt="geometric reasoning" style="width:84%; height:900px; object-fit: contain; margin-top: -70px; margin-bottom: -30px;"/>
+            <img src="static/images/case.png" alt="geometric reasoning" style="width:84%; height:900px; object-fit: contain; margin-top: -70px; margin-bottom: -30px;"/>
           </div>
         </div>
       </div>
@@ -438,4 +442,4 @@
 </footer>
 
 </body>
-</html>
+</html>