Skip to content

Commit 2d2a7c8

Browse files
zcai0612zcai0612
committed
first commit
1 parent f53488a commit 2d2a7c8

2 files changed

Lines changed: 21 additions & 62 deletions

File tree

‎index.html‎

Lines changed: 17 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -28,11 +28,13 @@
2828
body {
2929
font-family: "Inter", "Noto Sans", sans-serif;
3030
background: #ffffff;
31+
color: #1f2937;
3132
min-height: 100vh;
3233
}
3334

3435
.dark body {
3536
background: #ffffff;
37+
color: #1f2937;
3638
}
3739

3840
a {
@@ -47,6 +49,8 @@
4749
p {
4850
font-size: 1.125rem;
4951
width: 100%;
52+
color: #374151;
53+
line-height: 1.7;
5054
}
5155

5256
h1 {
@@ -122,20 +126,14 @@
122126
width: 100%;
123127
font-size: 1.5rem !important;
124128
font-weight: 900 !important;
125-
background: linear-gradient(135deg, #1e293b 0%, #475569 100%);
126-
-webkit-background-clip: text;
127-
background-clip: text;
128-
-webkit-text-fill-color: transparent;
129+
color: #1f2937;
129130
font-family: 'Inter', sans-serif;
130131
letter-spacing: -0.01em;
131132
margin-bottom: 1.5rem;
132133
}
133134

134135
.conference-title {
135-
background: linear-gradient(135deg, #1e293b 0%, #475569 50%, #64748b 100%);
136-
-webkit-background-clip: text;
137-
background-clip: text;
138-
-webkit-text-fill-color: transparent;
136+
color: #475569;
139137
font-family: 'Inter', sans-serif;
140138
font-weight: 600;
141139
font-size: 1.2rem;
@@ -223,11 +221,11 @@
223221
}
224222
</style>
225223
</head>
226-
<body class="flex flex-col gap-6 items-center pt-8 pb-8 w-full text-zinc-900 dark:text-zinc-50">
224+
<body class="flex flex-col gap-6 items-center pt-8 pb-8 w-full">
227225

228226
<header class="flex flex-col gap-10 items-center mb-6 px-6 max-w-[60rem]">
229227
<h1 class="gradient-title">UP2You</h1>
230-
<h2 class="text-3xl text-center text-gray-600 dark:text-gray-400 font-bold">Fast Reconstruction of Yourself from Unconstrained Photo Collections</h2>
228+
<h2 class="text-3xl text-center font-bold" style="color: #374151 !important;">Fast Reconstruction of Yourself from Unconstrained Photo Collections</h2>
231229
<div class="flex flex-col gap-6 items-center">
232230
<div class="text-xl flex flex-wrap justify-center gap-x-1 gap-y-2 leading-relaxed">
233231
<a href="https://github.com/zcai0612" class="text-red-600 hover:text-red-700 hover:underline font-semibold transition-colors duration-200">Zeyu Cai<sup class="text-blue-500 font-semibold">1,2</sup></a><span class="text-blue-600">,</span>
@@ -239,9 +237,9 @@ <h2 class="text-3xl text-center text-gray-600 dark:text-gray-400 font-bold">Fast
239237
<a href="https://xiuyuliang.cn" class="text-blue-600 hover:text-blue-700 hover:underline font-medium transition-colors duration-200">Yuliang Xiu<sup class="text-blue-500 font-semibold">1,</sup><sup class="text-orange-500 font-bold">&#8224;</sup></a>
240238
</div>
241239
<div class="text-center space-y-2">
242-
<p class="text-lg text-gray-700 dark:text-gray-300 font-medium"><sup class="text-blue-600 font-semibold">1</sup>Westlake University, <sup class="text-blue-600 font-semibold">2</sup>Nanjing University</p>
243-
<p class="text-lg text-gray-700 dark:text-gray-300 font-medium"><sup class="text-blue-600 font-semibold">3</sup>The Hong Kong University of Science and Technology (Guangzhou)</p>
244-
<p class="text-sm text-gray-600 dark:text-gray-400 font-medium italic mt-3"><sup class="text-orange-500 font-bold">&#8224;</sup> Shared Corresponding Author</p>
240+
<p class="text-lg font-medium" style="color: #374151 !important;"><sup class="text-blue-600 font-semibold">1</sup>Westlake University, <sup class="text-blue-600 font-semibold">2</sup>Nanjing University</p>
241+
<p class="text-lg font-medium" style="color: #374151 !important;"><sup class="text-blue-600 font-semibold">3</sup>The Hong Kong University of Science and Technology (Guangzhou)</p>
242+
<p class="text-sm font-medium italic mt-3" style="color: #6b7280 !important;"><sup class="text-orange-500 font-bold">&#8224;</sup> Shared Corresponding Author</p>
245243
</div>
246244

247245
<!-- Links Section -->
@@ -273,7 +271,7 @@ <h2 class="text-3xl text-center text-gray-600 dark:text-gray-400 font-bold">Fast
273271
</div>
274272

275273

276-
<p class="text-lg w-full mb-6">
274+
<p class="text-lg w-full mb-6" style="color: #374151 !important;">
277275
<b>UP2You</b> reconstructs high-quality textured meshes from unconstrained photos. Our approach effectively handles extremely unconstrained photo collections by rectifying them into orthogonal multi-view images and corresponding normal maps, enabling the reconstruction of detailed 3D clothed portraits.
278276
</p>
279277

@@ -288,9 +286,9 @@ <h2 class="text-3xl text-center text-gray-600 dark:text-gray-400 font-bold">Fast
288286

289287
<!-- Abstract Section -->
290288
<section class="w-full mb-8">
291-
<h2 class="text-2xl font-bold text-gray-800 dark:text-gray-200 mb-4 text-center">Abstract</h2>
292-
<div class="bg-gray-50 dark:bg-gray-800 rounded-lg p-6 border-l-4 border-blue-500">
293-
<p class="text-lg leading-relaxed text-gray-700 dark:text-gray-300 text-justify">
289+
<h2 class="text-2xl font-bold mb-4 text-center" style="color: #1f2937 !important;">Abstract</h2>
290+
<div class="bg-gray-50 rounded-lg p-6 border-l-4 border-blue-500">
291+
<p class="text-lg leading-relaxed text-justify" style="color: #374151 !important;">
294292
We present UP2You, the first tuning-free solution for reconstructing high-fidelity 3D clothed portraits from extremely unconstrained in-the-wild 2D photos.
295293
Unlike previous approaches that require "clean" inputs (e.g., full-body images with minimal occlusions, or well-calibrated cross-view captures), UP2You directly processes raw, unstructured photographs, which may vary significantly in pose, viewpoint, cropping, and occlusion.
296294
Instead of compressing data into tokens for slow online text-to-3D optimization, we introduce a <em>data rectifier</em> paradigm that efficiently converts unconstrained inputs into clean, orthogonal multi-view images in a single forward pass within seconds, simplifying the 3D reconstruction.
@@ -313,7 +311,7 @@ <h2>Paradigm Differences Between Previous Works and UP2You </h2>
313311
</video>
314312
</div>
315313

316-
<p class="text-lg w-full">
314+
<p class="text-lg w-full" style="color: #374151 !important;">
317315
<b>Top:</b> Previous works like PuzzleAvatar and AvatarBooth compress unconstrained photos into implicit personal tokens and DreamBooth weights through fine-tuning, then generate 3D humans via SDS optimization. <br>
318316
<b>Bottom:</b> <b>UP2You</b> directly rectifies unconstrained photo collections into orthogonal view images and normals, then reconstructs textured human meshes, achieving superior quality while reducing processing time from 4 hours to 1.5 minutes.
319317
</p>
@@ -396,7 +394,7 @@ <h2>Pose-Dependent Correlation Maps</h2>
396394
<div class="flex flex-col gap-6 items-center w-full max-w-[60rem] px-8">
397395
<h2>Related Work</h2>
398396
<div class="w-full">
399-
<ul class="space-y-3 text-lg">
397+
<ul class="space-y-3 text-lg" style="color: #374151 !important;">
400398
<li>
401399
<a href="https://github.com/YuliangXiu/PuzzleAvatar" class="text-blue-600 hover:text-blue-800 hover:underline">
402400
PuzzleAvatar: Assembly of Avatar from Unconstrained Photo Collections

‎src/styles/global.css‎

Lines changed: 4 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -12,21 +12,8 @@
1212

1313
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');
1414

15-
body {
16-
font-family: "Inter", "Noto Sans", sans-serif;
17-
background: #ffffff;
18-
min-height: 100vh;
19-
}
20-
21-
.dark body {
22-
background: #ffffff;
23-
}
24-
a {
25-
@apply text-blue-500 dark:text-blue-300 hover:underline;
26-
}
27-
p {
28-
@apply text-lg w-full;
29-
}
15+
/* body styles are handled in index.html to avoid conflicts */
16+
/* Basic link and p styles are handled in index.html to avoid conflicts */
3017
h1 {
3118
@apply text-5xl text-center font-medium;
3219
}
@@ -104,24 +91,7 @@ h1 {
10491
}
10592

10693
/* Enhanced Typography */
107-
h2 {
108-
@apply w-full text-3xl font-bold;
109-
background: linear-gradient(135deg, #1e293b 0%, #475569 100%);
110-
-webkit-background-clip: text;
111-
background-clip: text;
112-
-webkit-text-fill-color: transparent;
113-
font-family: 'Inter', sans-serif;
114-
font-weight: 700;
115-
letter-spacing: -0.01em;
116-
margin-bottom: 1.5rem;
117-
}
118-
119-
.dark h2 {
120-
background: linear-gradient(135deg, #f8fafc 0%, #cbd5e1 100%);
121-
-webkit-background-clip: text;
122-
background-clip: text;
123-
-webkit-text-fill-color: transparent;
124-
}
94+
/* h2 styles are handled in index.html to avoid conflicts */
12595

12696
h3 {
12797
@apply w-full text-xl font-bold;
@@ -134,16 +104,7 @@ h3 {
134104
color: #cbd5e1;
135105
}
136106

137-
p {
138-
@apply text-lg w-full;
139-
color: #475569;
140-
line-height: 1.7;
141-
font-weight: 400;
142-
}
143-
144-
.dark p {
145-
color: #cbd5e1;
146-
}
107+
/* p styles are handled in index.html to avoid conflicts */
147108

148109
/* Enhanced Links */
149110
a {

0 commit comments

Comments
 (0)