25.11.19_2

Author: kimsehyun-34

index.html

@@ -48,7 +48,7 @@ <h2>About Us | 팀 DevChoco를 소개합니다!</h2>
   <!-- about team -->
   <section class="content">
     <div class="section-text">
-        <h2> Introduce DevChoco <br> DevChoco 팀원소개</h2>
+        <h2> Introduce DevChoco</h2>
     </div>
     <div class="team-container">
       <div class="team">
@@ -100,7 +100,7 @@ <h3>Current : KHU</h3>
   </section>
 
     <!-- 기술 및 비전 -->
-    <section class="content">
+    <!-- <section class="content">
       <img src="public/img/fitverse_app_img.png" alt="우리 팀 이미지" class="section-banner-img2" />
       <div class="section-text">
         <h2>Our Vision & Technology | 비전과 기술</h2>
@@ -110,42 +110,45 @@ <h2>Our Vision & Technology | 비전과 기술</h2>
         <p id="ab" class="ani_text"><em>We leverage computer vision and deep learning to analyze and simulate garments on human images with high precision.<br>
           Our goal is to build intelligent visual systems applicable to real-world fashion, commerce, and immersive technologies.</em></p>
       </div>
-    </section>
+    </section> -->
 
     <!-- 기술 및 비전 -->
     <section class="content">
       <!--<img src="public/img/fitverse_app_img.png" alt="우리 팀 이미지" class="section-banner-img2" />-->
       <div class="section-text">
         <h1></h1>
-        <h2>Learning Inpainted Pre-Flows in Attention for Virtual Try-On | LIPFA</h2>
-        <h3>가상 시착을 위한 Attention 메커니즘 기반 인페인팅 전처리 흐름 학습</h3>
+        <h2>Clothing agnostic Pre-inpainting Virtual Try-ON | CAP-VTON</h2>
+        <h3>기존 의류에 독립적인 전처리 인페인팅 기반 가상 시착 기법</h3>
+
+        <!-- 참고 논문 추가: arXiv 2509.17654 -->
+        <p class="paper-ref">Paper: <a href="https://arxiv.org/abs/2509.17654" target="_blank" rel="noopener noreferrer">Clothing agnostic Pre-inpainting Virtual Try-ON</a></p>
 
       <div class="results-container">
         <div class="result-item">
           <img src="public/img/lipfa/입력이미지1.png" alt="입력 이미지">
-          <p>Figure 1: Input Image (입력 이미지)</p>
+          <p>Figure 1 - a: Input Image (입력 이미지)</p>
         </div>
         <div class="result-item">
           <img src="public/img/lipfa/s0303.png" alt="옷 이미지">
-          <p>Figure 2: Clothing Image (s0303) (옷 이미지)</p>
+          <p>Figure 1 - b: Clothing Image (s0303) (옷 이미지)</p>
         </div>
         <div class="result-item">
           <img src="public/img/lipfa/sy_입력이미지1.png" alt="합성 결과 이미지">
-          <p>Figure 3: Synthesized Result (합성 결과) </p>
+          <p>Figure 1 - c: Synthesized Result (합성 결과) </p>
         </div>
       </div>
       <div class="results-container">
         <div class="result-item">
           <img src="public/img/lipfa/입력이미지2.png" alt="입력 이미지">
-          <p>Figure 1: Input Image (입력 이미지)</p>
+          <p>Figure 2 - a: Input Image (입력 이미지)</p>
         </div>
         <div class="result-item">
           <img src="public/img/lipfa/j0388.png" alt="옷 이미지">
-          <p>Figure 2: Clothing Image (옷 이미지)</p>
+          <p>Figure 2 - b: Clothing Image (옷 이미지)</p>
         </div>
         <div class="result-item">
           <img src="public/img/lipfa/sy_입력이미지2.png" alt="합성 결과 이미지">
-          <p>Figure 3: Synthesized Result (합성 결과)</p>
+          <p>Figure 2 - c: Synthesized Result (합성 결과)</p>
         </div>
       </div>
     </section>

public/ac_aboutdev_style.css

@@ -404,6 +404,42 @@ main{
   color: #ccc;
 }
 
+/* 논문 참고 링크 스타일 */
+.paper-ref {
+  margin: 40px 0 60px 0;
+  padding: 35px 25px;
+  background: linear-gradient(135deg, rgba(255, 120, 51, 0.1), rgba(16, 127, 255, 0.1));
+  border-left: 4px solid #ff7833;
+  border-radius: 8px;
+  font-size: 1rem;
+  color: #ffffff;
+  text-align: left;
+  max-width: 600px;
+  margin-left: auto;
+  margin-right: auto;
+  transition: all 0.3s ease;
+  font-family: "Noto Sans KR", sans-serif;
+}
+
+.paper-ref:hover {
+  background: linear-gradient(135deg, rgba(255, 120, 51, 0.15), rgba(16, 127, 255, 0.15));
+  transform: translateX(5px);
+  box-shadow: 0 4px 15px rgba(255, 120, 51, 0.3);
+}
+
+.paper-ref a {
+  color: #ff7833;
+  text-decoration: none;
+  font-weight: 700;
+  transition: color 0.3s ease;
+  margin-left: 8px;
+}
+
+.paper-ref a:hover {
+  color: #ffffff;
+  text-decoration: underline;
+}
+
 /* 반응형 디자인 추가 */
 @media (max-width: 768px) {
   .section-text {
@@ -477,6 +513,12 @@ main{
     opacity: 1;
   }
 
+  .paper-ref {
+    font-size: 0.9rem;
+    padding: 12px 18px;
+    margin: 15px 10px 25px 10px;
+  }
+
   .member {
     background-color: #ffffff;
     border-radius: 55px;