[doc]: figures

index.html

@@ -61,10 +61,10 @@ <h1 class="title is-2 publication-title">FC-Planner: A Skeleton-guided Planning
                   <a>Haojia Li</a><sup>2</sup>,</span>
                   <span class="author-block">
                     <a>Xinyi Chen</a><sup>2</sup>,</span>
-                  <span class="author-block">
-                    <a href="https://uav.hkust.edu.hk/group/" target="_blank">Shaojie Shen</a><sup>2</sup>, and</span>
                     <span class="author-block">
-                      <a href="http://sysu-star.com/" target="_blank">Boyu Zhou</a><sup>1,#</sup></span>
+                      <a href="http://sysu-star.com/" target="_blank">Boyu Zhou</a><sup>1,#</sup>, and</span>
+                  <span class="author-block">
+                    <a href="https://uav.hkust.edu.hk/group/" target="_blank">Shaojie Shen</a><sup>2</sup></span>
                   </div>
 
                   <div class="is-size-5 publication-authors">
@@ -177,55 +177,118 @@ <h2 class="title is-3">Abstract</h2>
 </section>
 <!-- End paper abstract -->
 
+<section class="hero is-small">
+  <div class="hero-body">
+    <div class="container">
+<h2 class="title is-3">System Overview</h2>
+<img src="static/images/system_overview.png" alt="MY ALT TEXT"/>
+  <h2 class="subtitle has-text-centered">
+    The overview of the proposed skeleton-guided planning framework for fast aerial coverage in complex 3D scenes.
+  </h2>
+</div>
+</div>
+</section>
 
 <!-- Image carousel -->
-<!-- <section class="hero is-small">
+<section class="hero is-small">
   <div class="hero-body">
     <div class="container">
+      <h2 class="title is-3">Workflow</h2>
       <div id="results-carousel" class="carousel results-carousel">
 
        <div class="item">
-        <img src="static/images/system_overview.png" alt="MY ALT TEXT"/>
+        <img src="static/images/FC-Planner_01.png" alt="MY ALT TEXT"/>
         <h2 class="subtitle has-text-centered">
-          The overview of the proposed skeleton-guided planning framework for fast aerial coverage in complex 3D scenes.
         </h2>
       </div>
       <div class="item">
-        <img src="static/images/carousel2.jpg" alt="MY ALT TEXT"/>
+        <img src="static/images/FC-Planner_02.png" alt="MY ALT TEXT"/>
         <h2 class="subtitle has-text-centered">
-          Second image description.
         </h2>
       </div>
       <div class="item">
-        <img src="static/images/carousel3.jpg" alt="MY ALT TEXT"/>
+        <img src="static/images/FC-Planner_03.png" alt="MY ALT TEXT"/>
         <h2 class="subtitle has-text-centered">
-         Third image description.
-       </h2>
-     </div>
-     <div class="item">
-      <img src="static/images/carousel4.jpg" alt="MY ALT TEXT"/>
-      <h2 class="subtitle has-text-centered">
-        Fourth image description.
-      </h2>
-    </div>
+        </h2>
+      </div>
+      <div class="item">
+        <img src="static/images/FC-Planner_04.png" alt="MY ALT TEXT"/>
+        <h2 class="subtitle has-text-centered">
+        </h2>
+      </div>
+      <div class="item">
+        <img src="static/images/FC-Planner_05.png" alt="MY ALT TEXT"/>
+        <h2 class="subtitle has-text-centered">
+        </h2>
+      </div>
+      <div class="item">
+        <img src="static/images/FC-Planner_06.png" alt="MY ALT TEXT"/>
+        <h2 class="subtitle has-text-centered">
+        </h2>
+      </div>
+      <div class="item">
+        <img src="static/images/FC-Planner_07.png" alt="MY ALT TEXT"/>
+        <h2 class="subtitle has-text-centered">
+        </h2>
+      </div>
+      <div class="item">
+        <img src="static/images/FC-Planner_08.png" alt="MY ALT TEXT"/>
+        <h2 class="subtitle has-text-centered">
+        </h2>
+      </div>
+      <div class="item">
+        <img src="static/images/FC-Planner_09.png" alt="MY ALT TEXT"/>
+        <h2 class="subtitle has-text-centered">
+        </h2>
+      </div>
   </div>
 </div>
 </div>
-</section> -->
+</section>
 <!-- End image carousel -->
 
+<!-- Image carousel -->
 <section class="hero is-small">
   <div class="hero-body">
     <div class="container">
-<h2 class="title is-3">System Overview</h2>
-<img src="static/images/system_overview.png" alt="MY ALT TEXT"/>
-  <h2 class="subtitle has-text-centered">
-    The overview of the proposed skeleton-guided planning framework for fast aerial coverage in complex 3D scenes.
-  </h2>
+      <h2 class="title is-3">Performance of Each Module</h2>
+      <div id="results-carousel" class="carousel results-carousel">
+
+       <div class="item">
+        <img src="static/images/FC-Planner_12.png" alt="MY ALT TEXT"/>
+        <h2 class="subtitle has-text-centered">
+          Skeleton extraction and decomposition. (SSD)
+        </h2>
+      </div>
+      <div class="item">
+        <img src="static/images/FC-Planner_13.png" alt="MY ALT TEXT"/>
+        <h2 class="subtitle has-text-centered">
+          Space decomposition. (SSD)
+        </h2>
+      </div>
+      <div class="item">
+        <img src="static/images/FC-Planner_11.png" alt="MY ALT TEXT"/>
+        <h2 class="subtitle has-text-centered">
+          Local path refinement.
+       </h2>
+     </div>
+     <div class="item">
+      <img src="static/images/FC-Planner_10.png" alt="MY ALT TEXT"/>
+      <h2 class="subtitle has-text-centered">
+        Benchmark results and skeleton-guided viewpoint generation.
+     </h2>
+     </div>
+     <div class="item">
+      <img src="static/images/FC-Planner_14.png" alt="MY ALT TEXT"/>
+      <h2 class="subtitle has-text-centered">
+        Customized quadrotor for real-world test. 
+     </h2>
+     </div>
+  </div>
 </div>
 </div>
 </section>
-
+<!-- End image carousel -->
 
 <!-- Youtube video -->
 <section class="hero is-small is-light">