ruili3 commited on
Commit
1a1bc65
·
1 Parent(s): 6fc65b9

update the text

Browse files
Files changed (1) hide show
  1. app.py +16 -8
app.py CHANGED
@@ -174,30 +174,38 @@ with gradio.Blocks(
174
  </h1>
175
  """
176
  )
177
-
178
  gradio.HTML(
179
  """
180
  <p style="font-size: 16px; line-height: 1.6;">
181
  This is the official demo of Layered Ray Intersection
182
- (<a href="https://ruili3.github.io/lari/index.html" target="_blank" style="color: #42aaf5">LaRI</a>). The current demo only supports object-level reconstruction.
183
-
 
 
184
  <h3 style="color: #42aaf5;">Get Started</h3>
185
- You can try with your own images with the following steps:
 
186
  <ul>
187
  <li>Load an image</li>
 
188
  <li>Click the 'Process' button</li>
189
- <li>Browse layered depth maps (z-channel of the resulting LaRI point map) by tuning 'Layer ID'</li>
190
  </ul>
191
  </p>
192
- Note that in “3D Point Cloud”, different colors denote different intersection layers:
 
 
193
  <span style="color: #FFBD1C;">Layer 1</span>,
194
  <span style="color: #FB5607;">Layer 2</span>,
195
  <span style="color: #F15BB5;">Layer 3</span>,
196
  <span style="color: #8338EC;">Layer 4</span>.
 
197
 
198
  <h3 style="color: #42aaf5;">Contact</h3>
199
- If you have any question, feel free to create an issue in our <a href="https://github.com/ruili3/lari" target="_blank" style="color: #42aaf5;">GitHub Repo</a> ⭐
200
-
 
 
201
  """
202
  )
203
 
 
174
  </h1>
175
  """
176
  )
 
177
  gradio.HTML(
178
  """
179
  <p style="font-size: 16px; line-height: 1.6;">
180
  This is the official demo of Layered Ray Intersection
181
+ (<a href="https://ruili3.github.io/lari/index.html" target="_blank" style="color: #42aaf5;">LaRI</a>).
182
+ This demo currently supports object-level reconstruction only.
183
+ </p>
184
+
185
  <h3 style="color: #42aaf5;">Get Started</h3>
186
+ <p style="font-size: 16px; line-height: 1.6;">
187
+ As a quick start, click one image from `Examples` and press 'Process'. Try it out with your own images by following these steps:
188
  <ul>
189
  <li>Load an image</li>
190
+ <li>(Optional) Check the 'Remove Background' box</li>
191
  <li>Click the 'Process' button</li>
192
+ <li>Explore the layered depth maps (z-channel of the LaRI point map) by adjusting the 'Layer ID' slider</li>
193
  </ul>
194
  </p>
195
+
196
+ <p style="font-size: 16px; line-height: 1.6;">
197
+ In the '3D Point Cloud' view, different colors represent different intersection layers:
198
  <span style="color: #FFBD1C;">Layer 1</span>,
199
  <span style="color: #FB5607;">Layer 2</span>,
200
  <span style="color: #F15BB5;">Layer 3</span>,
201
  <span style="color: #8338EC;">Layer 4</span>.
202
+ </p>
203
 
204
  <h3 style="color: #42aaf5;">Contact</h3>
205
+ <p style="font-size: 16px; line-height: 1.6;">
206
+ If you have any questions, feel free to open an issue on our
207
+ <a href="https://github.com/ruili3/lari" target="_blank" style="color: #42aaf5;">GitHub repository</a> ⭐
208
+ </p>
209
  """
210
  )
211