Update index.html

index.html

@@ -485,7 +485,58 @@ <h2 class="title is-3">Quantitate Metric</h2>
 
 
 
+
+
+
+<section class="section">
+  <div class="container is-max-desktop">
+    <div class="columns is-centered">
+      <!-- 消融实验 -->
+      <div class="column is-full-width">
+        <h2 class="title is-3 has-text-centered">Ablation Study</h2>
+        <div class="columns is-vcentered">
+          <!-- 消融实验 1 -->
+          <div class="column is-4 has-text-centered">
+            <img src="./static/images/ablation_dssd.png" alt="DSSD Ablation Study" class="ablation-image">
+            <p>DSSD (Dynamic Style Score Distillation)</p>
+          </div>
+          <!-- 消融实验 2 -->
+          <div class="column is-4 has-text-centered">
+            <img src="./static/images/ablation_outpainting.png" alt="Outpainting Ablation Study" class="ablation-image">
+            <p>Progressive Style Outpainting</p>
+          </div>
+          <!-- 消融实验 3 -->
+          <div class="column is-4 has-text-centered">
+            <img src="./static/images/ablation_gaussian_refine.png" alt="Gaussian Refinement Ablation Study" class="ablation-image">
+            <p>Gaussian Refinement</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <style>
+    .ablation-image {
+      max-width: 100%; /* 图片宽度适配容器 */
+      height: auto; /* 自动调整高度保持比例 */
+      border: 1px solid #ccc; /* 可选：图片边框 */
+      padding: 5px; /* 可选：边框内边距 */
+    }
+
+    .columns.is-vcentered {
+      gap: 20px; /* 调整图片间距 */
+    }
+  </style>
+</section>
+
+
+
+
+
+
 
+
+<!-- 
 <section class="section">
   <div class="container is-max-desktop">
 
@@ -620,7 +671,7 @@ <h2 class="title is-3">Related Links</h2>
     <!--/ Concurrent Work. -->
 
   </div>
-</section>
+</section> -->
 
 
 <section class="section" id="BibTeX">