added videos

Author: wig-nesh

.gitignore

@@ -0,0 +1,2 @@
+*.mov
+*.mp4

index.html

@@ -142,7 +142,7 @@ <h1 class="title is-1 publication-title"><span class="gradient-text">DAGDiff</sp
         <div class="container is-max-desktop">
             <div class="columns has-text-centered">
                 <div class="column is-full-width">
-                    <!-- <h2 class="title is-3">Model Architecture</h2> -->
+                    <h2 class="title is-3">Model Architecture</h2>
                     <img src="./static/images/teaser_icra2025.svg" width="70%">
                     <!-- <div class="content has-text-justified my-4">
                         <b>Overview of the proposed method</b>: <b>(a)</b> Given an object point cloud P , our network
@@ -250,7 +250,7 @@ <h2 class="title is-3">Model Architecture</h2>
             </div>
         </div>
     </section>
-
+<!-- 
     <section class="section" style="background-color: rgb(252, 252, 252);">
         <div class="container is-max-desktop">
             <div class="columns has-text-centered">
@@ -259,9 +259,51 @@ <h2 class="title is-3">Results (Coming soon)</h2>
                 </div>
             </div>
         </div>
+    </section> -->
+
+    <section class="section" style="background-color: rgb(252, 252, 252);">
+        <div class="container is-max-desktop">
+            <div class="columns has-text-centered">
+                <div class="column is-full-width">
+                    <h2 class="title is-3">Real Life Results</h2>
+                    <div class="columns is-multiline is-centered">
+                        <div class="column is-one-third">
+                            <video autoplay loop muted poster="" preload="none" style="width:100%;">
+                                <source src="./static/videos/real_life_bucket.webm">
+                            </video>
+                            <h4 class="title is-5">Bucket</h4>
+                        </div>
+                        <div class="column is-one-third">
+                            <video autoplay loop muted poster="" preload="none" style="width:100%;">
+                                <source src="./static/videos/real_life_tray.webm">
+                            </video>
+                            <h4 class="title is-5">Tray</h4>
+                        </div>
+                        <div class="column is-one-third">
+                            <video autoplay loop muted poster="" preload="none" style="width:100%;">
+                                <source src="./static/videos/real_life_drone.webm">
+                            </video>
+                            <h4 class="title is-5">Drone</h4>
+                        </div>
+                        <div class="column is-one-third">
+                            <video autoplay loop muted poster="" preload="none" style="width:100%;">
+                                <source src="./static/videos/real_life_frypan.webm">
+                            </video>
+                            <h4 class="title is-5">Frypan</h4>
+                        </div>
+                        <div class="column is-one-third">
+                            <video autoplay loop muted poster="" preload="none" style="width:100%;">
+                                <source src="./static/videos/real_life_saucepan.webm">
+                            </video>
+                            <h4 class="title is-5">Saucepan</h4>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
     </section>
 
-    <section class="section" id="BibTeX" style="margin-bottom: 1rem;">
+    <!-- <section class="section" id="BibTeX" style="margin-bottom: 1rem;">
         <div class="container is-max-desktop content">
             <h2 class="title">BibTeX</h2>
             <pre><code>@misc{dagdiff2025,
@@ -271,7 +313,7 @@ <h2 class="title">BibTeX</h2>
     journal={}
 }</code></pre>
         </div>
-    </section>
+    </section> -->
 
     <footer class="footer">
         <div class="container">