From 0db3f3a957c2e3efbfc087fea57adf29b16f4ea2 Mon Sep 17 00:00:00 2001
From: qingyichen <chenqy@umich.edu>
Date: Tue, 13 Feb 2024 18:50:00 -0500
Subject: [PATCH] hard scenario videos

---
 index.markdown | 39 +++++++++++++++++++++++++++++++++++----
 1 file changed, 35 insertions(+), 4 deletions(-)

diff --git a/index.markdown b/index.markdown
index 9e77d00..6fdd0d6 100644
--- a/index.markdown
+++ b/index.markdown
@@ -81,7 +81,7 @@ links:
 {% include sections/authors %}
 {% include sections/links %}
 
-<video preload="auto" controls autoplay muted loop style="display: inline-block; width: 100%; height: 100%;margin-left:auto; margin-right:auto;">
+<video preload="auto" controls autoplay muted loop style="display: inline-block; width: 800px; height: 600px; margin-left:auto; margin-right:auto;">
   <source src="assets/sparrows_two_arm_demo.mp4" type="video/mp4">
 </video>
 # Abstract
@@ -109,9 +109,6 @@ released upon acceptance of this manuscript.
 # Method
 ![link_construction](./assets/sfo_link_construction.png)
 
-There is quite a bit of flexibility to how you structure the text too.
-Here, I'm going to make a justified grey content block with the heading outside.
-
 # Contributions
 To address the limitations of existing approaches, this paper proposes Safe
 Planning for Articulated Robots Using Reachability-based Obstacle Avoidance With
@@ -153,6 +150,40 @@ than previous methods. This paper’s contributions are three-fold:
     <!-- Repeat the above structure for more videos -->
 </div>
 
+# Hard Scenarios Demo
+<div class="video-container" style="display: flex; flex-wrap: wrap; justify-content: space-between; magin: 0 -10px;">
+    <div class="video-item">
+        <video controls>
+            <source src="assets/sparrows_hard_scenarios_2.mp4" type="video/mp4">
+            Your browser does not support the video tag.
+        </video>
+    </div>
+    <div class="video-item">
+        <video controls>
+            <source src="assets/sparrows_hard_scenarios_3.mp4" type="video/mp4">
+            Your browser does not support the video tag.
+        </video>
+    </div>
+    <div class="video-item">
+        <video controls>
+            <source src="assets/sparrows_hard_scenarios_4.mp4" type="video/mp4">
+            Your browser does not support the video tag.
+        </video>
+    </div>
+    <div class="video-item">
+        <video controls>
+            <source src="assets/sparrows_hard_scenarios_8.mp4" type="video/mp4">
+            Your browser does not support the video tag.
+        </video>
+    </div>
+    <div class="video-item">
+        <video controls>
+            <source src="assets/sparrows_hard_scenarios_11.mp4" type="video/mp4">
+            Your browser does not support the video tag.
+        </video>
+    </div>
+</div>
+
 # Citation
 
 <!-- # [Content](#content) -->