Skip to content

Commit 4851951

Browse files
kimsehyun-34kimsehyun-34
committed
26.0204
1 parent 9716f7a commit 4851951

8 files changed

Lines changed: 297 additions & 56 deletions

‎index.html‎

Lines changed: 76 additions & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
1515

1616
<!-- 메인 제목-->
17-
<title>FITVERSE</title>
17+
<title>DevChoco</title>
1818
<link rel="stylesheet" href="public/ac_aboutdev_style.css"/>
1919
</head>
2020

@@ -33,7 +33,7 @@ <h1>DevChoco</h1>
3333
</div>
3434
</main>
3535

36-
<!-- about firverse -->
36+
<!-- about devchoco -->
3737
<section class="content fade-in">
3838
<img src="public/img/devchoco_logo.png" alt="우리 팀 이미지" class="section-banner-img1" />
3939
<div class="section-text">
@@ -56,27 +56,9 @@ <h2> Introduce DevChoco</h2>
5656
<img src="public/img/team/김세현.png" alt="김세현">
5757
<h3>Kim Sehyun | 김세현</h3>
5858
<ul>
59-
<li>Team Leader</li>
60-
<li>Model Researcher</li>
61-
<li>CV Model Engineer</li>
62-
</ul>
63-
</div>
64-
<div class="member" onclick="location.href='https://github.com/jiwo-lee'">
65-
<img src="public/img/team/이지우.jpg" alt="이지우">
66-
<h3>Lee Jiwoo | 이지우</h3>
67-
<ul>
68-
<li>Data Scientist</li>
69-
<li>Front-end Developer</li>
70-
<li>Big-data Parsing</li>
71-
</ul>
72-
</div>
73-
<div class="member" onclick="location.href='https://github.com/lee123-jun'">
74-
<img src="public/img/team/이혜준.jpg" alt="이혜준">
75-
<h3>Lee Hyejun | 이혜준</h3>
76-
<ul>
77-
<li>DL Model Engineer</li>
78-
<li>Database Admin</li>
79-
<li>Big-data Parsing</li>
59+
<li>3D Object Detection</li>
60+
<li>3D Point Cloud Registration</li>
61+
<li>Generative Image Model</li>
8062
</ul>
8163
</div>
8264
</div>
@@ -91,8 +73,22 @@ <h2> Alumni</h2>
9173
<h3>Kim Minsoo | 김민수</h3>
9274
<h3>Current : KHU</h3>
9375
<ul>
94-
<li>Team Leader</li>
95-
<li>Project Manager</li>
76+
<li>Generative Image Model</li>
77+
</ul>
78+
</div>
79+
<div class="member" onclick="location.href='https://github.com/jiwo-lee'">
80+
<img src="public/img/team/이지우.jpg" alt="이지우">
81+
<h3>Lee Jiwoo | 이지우</h3>
82+
<ul>
83+
<li>Data Parsing</li>
84+
</ul>
85+
</div>
86+
<div class="member" onclick="location.href='https://github.com/lee123-jun'">
87+
<img src="public/img/team/이혜준.jpg" alt="이혜준">
88+
<h3>Lee Hyejun | 이혜준</h3>
89+
<ul>
90+
<li>ML</li>
91+
<li>Data Parsing</li>
9692
</ul>
9793
</div>
9894
</div>
@@ -112,43 +108,67 @@ <h2>Our Vision & Technology | 비전과 기술</h2>
112108
</div>
113109
</section> -->
114110

115-
<!-- 기술 및 비전 -->
116-
<section class="content">
117-
<!--<img src="public/img/fitverse_app_img.png" alt="우리 팀 이미지" class="section-banner-img2" />-->
111+
<!-- Publications Section -->
112+
<section class="content publications-section">
118113
<div class="section-text">
119-
<h1></h1>
120-
<h2>Clothing agnostic Pre-inpainting Virtual Try-ON | CAP-VTON</h2>
121-
<h3>기존 의류에 독립적인 전처리 인페인팅 기반 가상 시착 기법</h3>
122-
123-
<!-- 참고 논문 추가: arXiv 2509.17654 -->
124-
<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>
114+
<h2>Publications</h2>
115+
<p class="section-subtitle">Our Research Papers | 연구 논문</p>
116+
</div>
125117

126-
<div class="results-container">
127-
<div class="result-item">
128-
<img src="public/img/lipfa/입력이미지1.png" alt="입력 이미지">
129-
<p>Figure 1 - a: Input Image (입력 이미지)</p>
118+
<!-- Paper 2: SpinalLine Detection -->
119+
<div class="paper-card">
120+
<div class="paper-header">
121+
<span class="paper-badge">MDPI: Applied Sciences 2026</span>
122+
<h3>Spinal Line Detection for Posture Evaluation through Train-ing-free 3D Human Body Reconstruction with 2D Depth Images</h3>
123+
<p class="paper-title-kr">자동 척추선 탐지 기법</p>
130124
</div>
131-
<div class="result-item">
132-
<img src="public/img/lipfa/s0303.png" alt="옷 이미지">
133-
<p>Figure 1 - b: Clothing Image (s0303) (옷 이미지)</p>
134-
</div>
135-
<div class="result-item">
136-
<img src="public/img/lipfa/sy_입력이미지1.png" alt="합성 결과 이미지">
137-
<p>Figure 1 - c: Synthesized Result (합성 결과) </p>
125+
<div class="paper-content">
126+
<p class="paper-abstract">Depth 이미지에서 척추선을 자동으로 탐지하고, 척추 관련 질환 진단을 보조하는 알고리즘 연구</p>
127+
<div class="paper-images">
128+
<div class="paper-img-item">
129+
<img src="public/img/paper/SpinalLine Detection_mdpi_1.png" alt="SpinalLine Detection Figure 1">
130+
</div>
131+
<div class="paper-img-item">
132+
<img src="public/img/paper/SpinalLine Detection_mdpi_2.png" alt="SpinalLine Detection Figure 2">
133+
</div>
134+
<div class="paper-img-item">
135+
<img src="public/img/paper/SpinalLine Detection_mdpi_3.png" alt="SpinalLine Detection Figure 3">
136+
</div>
137+
</div>
138+
<div class="paper-links">
139+
<a href="https://doi.org/10.3390/app16021096" target="_blank" rel="noopener noreferrer" class="paper-link-btn">
140+
<span>📄</span> Applied Sciences
141+
</a>
142+
</div>
138143
</div>
139144
</div>
140-
<div class="results-container">
141-
<div class="result-item">
142-
<img src="public/img/lipfa/입력이미지2.png" alt="입력 이미지">
143-
<p>Figure 2 - a: Input Image (입력 이미지)</p>
144-
</div>
145-
<div class="result-item">
146-
<img src="public/img/lipfa/j0388.png" alt="옷 이미지">
147-
<p>Figure 2 - b: Clothing Image (옷 이미지)</p>
145+
146+
<!-- Paper 1: CAP-VTON -->
147+
<div class="paper-card">
148+
<div class="paper-header">
149+
<span class="paper-badge">MDPI: Electronics 2025</span>
150+
<h3>CAP-VTON</h3>
151+
<p class="paper-title-sub">Clothing Agnostic Pre-inpainting Virtual Try-ON</p>
152+
<p class="paper-title-kr">기존 의류에 독립적인 전처리 인페인팅 기반 가상피팅 기법</p>
148153
</div>
149-
<div class="result-item">
150-
<img src="public/img/lipfa/sy_입력이미지2.png" alt="합성 결과 이미지">
151-
<p>Figure 2 - c: Synthesized Result (합성 결과)</p>
154+
<div class="paper-content">
155+
<p class="paper-abstract">이미지 속 객체를 정밀하게 분석하고, 현실감 있는 가상피팅 기술을 제안</p>
156+
<div class="paper-images">
157+
<div class="paper-img-item">
158+
<img src="public/img/paper/CAP-VTON_mdpi1.png" alt="CAP-VTON Figure 1">
159+
</div>
160+
<div class="paper-img-item">
161+
<img src="public/img/paper/CAP-VTON_mdpi2.png" alt="CAP-VTON Figure 2">
162+
</div>
163+
<div class="paper-img-item">
164+
<img src="public/img/paper/CAP-VTON_mdpi3.png" alt="CAP-VTON Figure 3">
165+
</div>
166+
</div>
167+
<div class="paper-links">
168+
<a href="https://doi.org/10.3390/electronics14234710" target="_blank" rel="noopener noreferrer" class="paper-link-btn">
169+
<span>📄</span> Electronics
170+
</a>
171+
</div>
152172
</div>
153173
</div>
154174
</section>

‎public/ac_aboutdev_style.css‎

Lines changed: 221 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -566,4 +566,225 @@ main{
566566
font-size: 3.5vw;
567567
padding: 8vw 6vw;
568568
}
569+
}
570+
571+
/* ===== Publications Section Styles ===== */
572+
.publications-section {
573+
padding: 100px 20px;
574+
}
575+
576+
.section-subtitle {
577+
font-size: 1.2rem;
578+
color: #888;
579+
margin-top: -10px;
580+
font-weight: 300;
581+
}
582+
583+
/* Paper Card */
584+
.paper-card {
585+
background: linear-gradient(145deg, #1a1a1a 0%, #0d0d0d 100%);
586+
border-radius: 20px;
587+
padding: 40px;
588+
margin: 30px auto;
589+
max-width: 1200px;
590+
width: 90%;
591+
border: 1px solid rgba(255, 120, 51, 0.2);
592+
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
593+
transition: all 0.4s ease;
594+
position: relative;
595+
overflow: hidden;
596+
}
597+
598+
.paper-card::before {
599+
content: '';
600+
position: absolute;
601+
top: 0;
602+
left: 0;
603+
right: 0;
604+
height: 4px;
605+
background: linear-gradient(90deg, #ff7833, #ff4500, #ff7833);
606+
background-size: 200% 100%;
607+
animation: gradientMove 3s ease infinite;
608+
}
609+
610+
@keyframes gradientMove {
611+
0%, 100% { background-position: 0% 50%; }
612+
50% { background-position: 100% 50%; }
613+
}
614+
615+
.paper-card:hover {
616+
transform: translateY(-5px);
617+
border-color: rgba(255, 120, 51, 0.5);
618+
box-shadow: 0 20px 60px rgba(255, 120, 51, 0.15);
619+
}
620+
621+
/* Paper Header */
622+
.paper-header {
623+
text-align: center;
624+
margin-bottom: 30px;
625+
}
626+
627+
.paper-badge {
628+
display: inline-block;
629+
background: linear-gradient(135deg, #ff7833, #ff4500);
630+
color: white;
631+
padding: 8px 20px;
632+
border-radius: 50px;
633+
font-size: 0.85rem;
634+
font-weight: 700;
635+
letter-spacing: 1px;
636+
margin-bottom: 15px;
637+
text-transform: uppercase;
638+
}
639+
640+
.paper-header h3 {
641+
font-size: 2.5rem;
642+
color: #ffffff;
643+
margin: 10px 0;
644+
font-family: 'Montserrat', sans-serif;
645+
letter-spacing: 2px;
646+
}
647+
648+
.paper-title-sub {
649+
font-size: 1.2rem;
650+
color: #ff7833;
651+
margin: 5px 0;
652+
font-weight: 500;
653+
}
654+
655+
.paper-title-kr {
656+
font-size: 1rem;
657+
color: #888;
658+
margin: 5px 0;
659+
font-family: "Noto Sans KR", sans-serif;
660+
}
661+
662+
/* Paper Content */
663+
.paper-content {
664+
padding: 20px 0;
665+
}
666+
667+
.paper-abstract {
668+
font-size: 1.05rem;
669+
color: #ccc;
670+
line-height: 1.8;
671+
text-align: center;
672+
max-width: 900px;
673+
margin: 0 auto 40px auto;
674+
font-family: "Noto Sans KR", sans-serif;
675+
}
676+
677+
/* Paper Images */
678+
.paper-images {
679+
display: flex;
680+
flex-wrap: wrap;
681+
justify-content: center;
682+
gap: 25px;
683+
margin: 30px 0;
684+
}
685+
686+
.paper-img-item {
687+
max-width: 350px;
688+
}
689+
690+
.paper-img-item img {
691+
width: 100%;
692+
height: auto;
693+
}
694+
695+
.paper-img-item p {
696+
margin-top: 12px;
697+
font-size: 0.9rem;
698+
color: #aaa;
699+
text-align: center;
700+
font-weight: 500;
701+
}
702+
703+
/* Paper Links */
704+
.paper-links {
705+
display: flex;
706+
justify-content: center;
707+
gap: 20px;
708+
margin-top: 30px;
709+
flex-wrap: wrap;
710+
}
711+
712+
.paper-link-btn {
713+
display: inline-flex;
714+
align-items: center;
715+
gap: 10px;
716+
padding: 15px 35px;
717+
background: linear-gradient(135deg, #ff7833, #ff4500);
718+
color: white;
719+
text-decoration: none;
720+
border-radius: 50px;
721+
font-weight: 700;
722+
font-size: 1rem;
723+
transition: all 0.3s ease;
724+
box-shadow: 0 5px 20px rgba(255, 120, 51, 0.3);
725+
}
726+
727+
.paper-link-btn:hover {
728+
transform: translateY(-3px);
729+
box-shadow: 0 10px 30px rgba(255, 120, 51, 0.5);
730+
background: linear-gradient(135deg, #ff4500, #ff7833);
731+
}
732+
733+
.paper-link-btn span {
734+
font-size: 1.2rem;
735+
}
736+
737+
.paper-link-btn.coming-soon {
738+
background: linear-gradient(135deg, #444, #333);
739+
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
740+
cursor: default;
741+
}
742+
743+
.paper-link-btn.coming-soon:hover {
744+
transform: none;
745+
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
746+
}
747+
748+
/* Publications 반응형 */
749+
@media (max-width: 768px) {
750+
.paper-card {
751+
padding: 25px 20px;
752+
margin: 20px 10px;
753+
}
754+
755+
.paper-header h3 {
756+
font-size: 1.8rem;
757+
}
758+
759+
.paper-title-sub {
760+
font-size: 1rem;
761+
}
762+
763+
.paper-img-item {
764+
max-width: 280px;
765+
}
766+
767+
.paper-link-btn {
768+
padding: 12px 25px;
769+
font-size: 0.9rem;
770+
}
771+
}
772+
773+
@media (max-width: 480px) {
774+
.paper-header h3 {
775+
font-size: 1.5rem;
776+
}
777+
778+
.paper-abstract {
779+
font-size: 0.95rem;
780+
}
781+
782+
.paper-images {
783+
gap: 15px;
784+
}
785+
786+
.paper-img-item {
787+
max-width: 100%;
788+
padding: 10px;
789+
}
569790
}

‎public/img/paper/CAP-VTON_mdpi1.png‎

376 KB
Loading

‎public/img/paper/CAP-VTON_mdpi2.png‎

531 KB
Loading

‎public/img/paper/CAP-VTON_mdpi3.png‎

321 KB
Loading

‎public/img/paper/SpinalLine Detection_mdpi_1.png‎

265 KB
Loading

‎public/img/paper/SpinalLine Detection_mdpi_2.png‎

291 KB
Loading

‎public/img/paper/SpinalLine Detection_mdpi_3.png‎

320 KB
Loading

0 commit comments

Comments
 (0)