Merge pull request #3 from byrTony-Frankzyq/master

show arch and performance seperately

Author: byrTony-Frankzyq

funasr/index.html

@@ -205,7 +205,7 @@ <h1 class="title is-1 publication-title">Fun-ASR: End-to-End Speech Recognition
 
                   <div class="column has-text-centered">
                     <div class="publication-links">
-                         <!-- GitHub Repository -->
+                        <!-- GitHub Repository -->
                       <span class="link-block">
                         <a href="https://github.com/FunAudioLLM/Fun-ASR" target="_blank"
                         class="external-link button is-normal is-rounded is-dark">
@@ -269,54 +269,80 @@ <h2 class="title is-3">Abstract</h2>
 <!-- Image carousel -->
 <section class="hero is-small">
   <div class="hero-body">
-    <!-- <div class="container" style="max-width: 50%;"> -->
-      <div class="container">
+    <div class="container">
       <div class="columns is-centered">
-      <div class="column is-10">
-      <div id="results-carousel" class="carousel results-carousel">
-      <div class="item">
-        <!-- TODO: Replace with your research result images -->
-        <img src="static/images/FunAudio_img.png" alt="Architecture" loading="lazy" style="width:100%"/>
-        <!-- Fun-ASR整体架构图 -->
-        <h2 class="subtitle has-text-centered">
-          Fun-ASR Architecture Overview
-        </h2>
-      </div>
-      <div class="item">
-        <img src="static/images/compare.png" alt="comparer" loading="lazy" style="width:100%"/> />
-        <!-- Fun-ASR整体架构图 -->
-        <h2 class="subtitle has-text-centered">
-          Fun-ASR Performance Comparison with Other Models
-        </h2>
-      </div>      
-      <div class="item">
-        <!-- Your image here -->
-        <img src="static/images/encoder-pretrain.png" alt="encoder-pretrain" loading="lazy" style="width:70%"/>/>
-        <h2 class="subtitle has-text-centered">
-          Pre-training Pipeline for Audio Encoder
-        </h2>
+        <div class="column is-10">
+          <div id="architecture-carousel" class="carousel results-carousel">
+            <div class="item">
+              <!-- TODO: Replace with your research result images -->
+              <img src="static/images/FunAudio_img.png" alt="Architecture" loading="lazy" style="width:100%"/>
+              <h2 class="subtitle has-text-centered">
+                Fun-ASR Architecture Overview
+              </h2>
+            </div>
+            <div class="item">
+              <!-- Your image here -->
+              <img src="static/images/encoder-pretrain.png" alt="encoder-pretrain" loading="lazy" style="width:70%"/>
+              <h2 class="subtitle has-text-centered">
+                Pre-training Pipeline for Audio Encoder
+              </h2>
+            </div>
+            <div class="item">
+              <!-- Your image here -->
+              <img src="static/images/rl_framework.png" alt="rl_framework" loading="lazy" style="width:100%"/>
+              <h2 class="subtitle has-text-centered">
+               The FunRL Framework
+             </h2>
+           </div>
+           <div class="item">
+            <!-- Your image here -->
+            <img src="static/images/rl_time.png" alt="rl_time" loading="lazy" style="height:800px; width:100%"/>
+            <h2 class="subtitle has-text-centered">
+              Time Consumption Analysis
+            </h2>
+          </div>
+        </div>
       </div>
-      <div class="item">
-        <!-- Your image here -->
-        <img src="static/images/rl_framework.png" alt="rl_framework" loading="lazy" style="width:100%"/>/>
-        <h2 class="subtitle has-text-centered">
-         The FunRL Framework
-       </h2>
-     </div>
-     <div class="item">
-      <!-- Your image here -->
-      <img src="static/images/rl_time.png" alt="rl_time" loading="lazy" style="height:800px; width:100%"/>/>
-      <h2 class="subtitle has-text-centered">
-        Time Consumption Analysis
-      </h2>
-    </div>
+    </div> 
   </div>
+</section>
+
+
+<section class="hero is-small">
+  <div class="hero-body">
+    <div class="container">
+      <div class="columns is-centered">
+        <div class="column is-10">
+          <div id="architecture-carousel" class="carousel results-carousel">
+            <div class="item">
+              <!-- Your image here -->
+              <img src="static/images/compare.png" alt="compare" loading="lazy" style="width:100%"/>
+              <h2 class="subtitle has-text-centered">
+              Performance Comparison in Different Scenarios
+              </h2>
+            </div>
+            <div class="item">
+            <!-- Your image here -->
+            <img src="static/images/compare.png" alt="compare_1" loading="lazy" style="height:800px; width:100%"/>
+            <h2 class="subtitle has-text-centered">
+              Performance Comparison in Different Scenarios (Contd.)
+            </h2>
+          </div>
+        </div>
+      </div>
+    </div> 
   </div>
-  </div> 
-</div>
-</div>
 </section>
-<!-- End image carousel -->
+
+
+
+
+
+
+
+  
+
+
 
 <section class="section">
   <div class="container is-max-desktop">
@@ -1517,6 +1543,7 @@ <h4 class="table-title">Multilingual ASR Performance (WER/CER %)</h4>
 
 
 
+
 
 
 <!--BibTex citation -->