add assets

.gitignore

@@ -164,7 +164,6 @@ cython_debug/
 *.sif
 blender-4.2.5-linux-x64*/
 *.zip
-*.png
 *.jpg
 *.log
 intermediate/

app.py

@@ -167,12 +167,6 @@ with gradio.Blocks(
     title="LaRI Demo",
 ) as demo:
 
-    # gradio.Markdown(
-    #     "<h1 style='text-align: center;'>LaRI: Layered Ray Intersections for Single-view 3D Geometric Reasoning</h1>",
-    #     elem_id="title",
-    # )
-
-
     gradio.HTML(
         """
         <h1 style="text-align: center; font-size: 28px; font-weight: bold; margin-bottom: 1em;">
@@ -181,29 +175,13 @@ with gradio.Blocks(
         """
     )
 
-    # gradio.Markdown(
-    #     """
-    #     This is the official demo of Layered Ray Intersection (<a href="https://ruili3.github.io/lari/index.html" target="_blank" style="color: #2a9d8f;">LaRI</a>). For a quick start, click the images in 'Examples' and then click the 'Process' Button.
-        
-    #     You can try with your own images with following steps:
-    #     - Load an image;
-    #     - Click the 'Process' button;
-    #     - Browse layered depth maps (z-channel of the resulting LaRI point map) by tunning 'Layer ID';
-
-    #     Note that in '3D Point Cloud', different color denotes diffrent intersection layers, i.e., <b style="color: #FFBD1C;">layer 1</b>, <b style="color: #FB5607;">layer 2</b>, <b style="color: #F15BB5;">layer 3</b>, <b style="color: #8338EC;">layer 4</b>.
-    #     """
-    # )
-
-
     gradio.HTML(
         """
         <p style="font-size: 16px; line-height: 1.6;">
         This is the official demo of Layered Ray Intersection 
-        (<a href="https://ruili3.github.io/lari/index.html" target="_blank" style="color: #2a9d8f; font-weight: bold;">LaRI</a>). 
-        For a quick start, click the images in 'Examples' and then click the 'Process' Button.
-        </p>
-
-        <p style="font-size: 16px; line-height: 1.6;">
+        (<a href="https://ruili3.github.io/lari/index.html" target="_blank" style="color: #42aaf5">LaRI</a>). The current demo only supports object-level reconstruction.
+        
+        <h3 style="color: #42aaf5;">Get Started</h3>
         You can try with your own images with the following steps:
         <ul>
             <li>Load an image</li>
@@ -211,14 +189,15 @@ with gradio.Blocks(
             <li>Browse layered depth maps (z-channel of the resulting LaRI point map) by tuning 'Layer ID'</li>
         </ul>
         </p>
+        Note that in “3D Point Cloud”, different colors denote different intersection layers:  
+        <span style="color: #FFBD1C;">Layer 1</span>,  
+        <span style="color: #FB5607;">Layer 2</span>,  
+        <span style="color: #F15BB5;">Layer 3</span>,  
+        <span style="color: #8338EC;">Layer 4</span>.
+
+        <h3 style="color: #42aaf5;">Contact</h3>
+        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> ⭐
 
-        <p style="font-size: 16px; line-height: 1.6;">
-        Note that in <b>3D Point Cloud</b>, different colors denote different intersection layers:
-        <span style="color: #FFBD1C;"><b>Layer 1</b></span>, 
-        <span style="color: #FB5607;"><b>Layer 2</b></span>, 
-        <span style="color: #F15BB5;"><b>Layer 3</b></span>, 
-        <span style="color: #8338EC;"><b>Layer 4</b></span>.
-        </p>
         """
     )