Skip to content

Commit 1dd44dd

Browse files
kimsehyun-34kimsehyun-34
committed
DevChoco
1 parent df89dad commit 1dd44dd

2 files changed

Lines changed: 549 additions & 0 deletions

File tree

‎aboutteam.html‎

Lines changed: 166 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,166 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<!-- 글꼴 참고 -->
6+
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap" rel="stylesheet">
7+
8+
<link rel="preconnect" href="https://fonts.googleapis.com">
9+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10+
<link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic&family=Noto+Sans+KR:wght@100..900&display=swap" rel="stylesheet">
11+
12+
<!-- 인코딩-->
13+
<meta charset="UTF-8" />
14+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
15+
16+
<!-- 메인 제목-->
17+
<title>FITVERSE</title>
18+
<link rel="stylesheet" href="/public/ac_aboutdev_style.css"/>
19+
</head>
20+
21+
<body id="body">
22+
<!-- <header class="hero">
23+
<nav class="navbar">
24+
<div class="nav-buttons">
25+
<button onclick="location.href='/main'">Home</button>
26+
</div>
27+
</nav>
28+
</header> -->
29+
30+
<main>
31+
<div class="logo-container" id="team_name">
32+
<h1>DevChoco</h1>
33+
</div>
34+
</main>
35+
36+
<!-- about firverse -->
37+
<section class="content fade-in">
38+
<img src="/public/img/devchoco_logo.png" alt="우리 팀 이미지" class="section-banner-img1" />
39+
<div class="section-text">
40+
<h2>About Us | 팀 DevChoco를 소개합니다!</h2>
41+
<p id="ab" class="ani_text"><strong>DevChoco</strong> 팀은 사람들의 개성과 스타일을 존중하는 차세대 가상 피팅 기술을 개발합니다.<br>
42+
우리는 단순한 의류 시뮬레이션을 넘어서, AI 기반의 퍼스널 컬러 분석, 실시간 피팅 경험, 사용자 중심의 의사결정 지원을 목표로 합니다.
43+
</p>
44+
<p id="ab" class="ani_text"><em>DevChoco is pioneering the next generation of virtual fitting technology that respects individual style and identity.<br>
45+
Beyond mere simulation, we offer AI-powered color analysis, live virtual try-ons, and personalized fashion support.</em></p>
46+
</div>
47+
</section>
48+
49+
<!-- about team -->
50+
<section class="content">
51+
<div class="section-text">
52+
<h2> Introduce Dev_Choco <br> DevChoco 팀원소개</h2>
53+
<p>DevChoco Familia</p>
54+
</div>
55+
<div class="team-container">
56+
<div class="team">
57+
<div class="member" onclick="location.href='https://github.com/Sonny997'">
58+
<img src="/public/img/team/김민수.jpg" alt="김민수">
59+
<h3>김민수</h3>
60+
<ul>
61+
<li>Team Leader</li>
62+
<li>Project Manager</li>
63+
</ul>
64+
</div>
65+
<div class="member" onclick="location.href='https://github.com/kimsehyun-34'">
66+
<img src="/public/img/team/김세현.png" alt="김세현">
67+
<h3>Kimsehyun | 김세현</h3>
68+
<ul>
69+
<li>Chief Technical Officer</li>
70+
<li>CV Model Engineer</li>
71+
<li>Back-end Developer</li>
72+
</ul>
73+
</div>
74+
<div class="member" onclick="location.href='https://github.com/jiwo-lee'">
75+
<img src="/public/img/team/이지우.jpg" alt="이지우">
76+
<h3>이지우</h3>
77+
<ul>
78+
<li>Data Scientist</li>
79+
<li>Front-end Developer</li>
80+
</ul>
81+
</div>
82+
<div class="member" onclick="location.href='https://github.com/lee123-jun'">
83+
<img src="/public/img/team/이혜준.jpg" alt="이혜준">
84+
<h3>이혜준</h3>
85+
<ul>
86+
<li>DL Model Engineer</li>
87+
<li>Database Admin</li>
88+
</ul>
89+
</div>
90+
<div class="member">
91+
<img src="/public/img/unnamed.png" alt="박영준">
92+
<h3>박영준</h3>
93+
<ul>
94+
<li>Big-data Parsing</li>
95+
</ul>
96+
</div>
97+
</div>
98+
</div>
99+
</section>
100+
101+
<!-- 기술 및 비전 -->
102+
<section class="content">
103+
<img src="/public/img/fitverse_app_img.png" alt="우리 팀 이미지" class="section-banner-img2" />
104+
<div class="section-text">
105+
<h2>Our Vision & Technology | 비전과 기술</h2>
106+
<p id="ab" class="ani_text">우리는 컴퓨터 비전과 딥러닝을 활용하여 영상과 이미지 속 객체를 정밀하게 분석하고, 현실감 있는 옷 입히기 기술을 연구합니다.<br>
107+
이를 통해 패션 산업, 커머스, AR/VR 등 실제 산업에 적용 가능한 지능형 시각 시스템을 구현하는 것이 우리의 목표입니다.
108+
</p>
109+
<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>
110+
Our goal is to build intelligent visual systems applicable to real-world fashion, commerce, and immersive technologies.</em></p>
111+
</div>
112+
</section>
113+
114+
<button class="home_btn" onclick="location.href='/main'">Home</button>
115+
116+
<script>
117+
document.addEventListener("DOMContentLoaded", () => {
118+
// id="ab"를 가진 모든 요소 선택
119+
const abElements = document.querySelectorAll("#ab");
120+
121+
// IntersectionObserver 설정
122+
const observer = new IntersectionObserver(
123+
(entries) => {
124+
entries.forEach((entry) => {
125+
if (entry.isIntersecting) {
126+
entry.target.classList.add("ani_text_bf"); // 애니메이션 클래스 추가
127+
} else {
128+
entry.target.classList.remove("ani_text_bf"); // 애니메이션 클래스 제거
129+
}
130+
});
131+
},
132+
{
133+
threshold: 0.5, // 요소가 50% 보일 때 트리거
134+
}
135+
);
136+
137+
abElements.forEach((el) => observer.observe(el));
138+
});
139+
140+
const body = document.getElementById('body');
141+
142+
window.scroll({
143+
top: 0,
144+
left: 100,
145+
behavior: 'smooth',
146+
wrapperSpeed: 0.065
147+
});
148+
149+
const nameSection = document.getElementById('team_name');
150+
151+
let zoom = 3;
152+
const ZOOM_SPEED = 2;
153+
154+
document.addEventListener("wheel", function (e) {
155+
if (zoom < 40) {
156+
if (e.deltaY > 0) {
157+
zoom += ZOOM_SPEED;
158+
nameSection.style.transform = `scale(${zoom})`;
159+
}
160+
} else if (zoom >= 40) {
161+
nameSection.classList.add("zoomed");
162+
}
163+
});
164+
</script>
165+
</body>
166+
</html>

0 commit comments

Comments
 (0)