update vid and rollout

BerkeleyAutomation · Mar 23, 2024 · fa3ae42 · fa3ae42
1 parent 40f5f38
commit fa3ae42
Show file tree

Hide file tree

Showing 13 changed files with 12 additions and 4 deletions.
diff --git a/MANIP_video.mp4 b/MANIP_video.mp4
diff --git a/index.html b/index.html
@@ -169,6 +169,13 @@ <h2 class="subheader">IROS 2024 (under review)</h1>
                     <strong class="link-labels-text">Generic MANIP Diagram (Google Draw)</strong>
                 </div>
             </div>
+
+            <br>
+            <video controls width="800px">              
+                <source src="MANIP_video.mp4" type="video/mp4" />
+            </video>
+            <br>
+
             <figure>
                 <img src="MANIP_Diagram.png" style="width: 100%;" alt="Manip Diagram"/>
                 <figcaption>MANIP Diagram.</figcaption>
@@ -211,9 +218,10 @@ <h1 id="abstract">Overview</h1>
                     cables.
                 </p>
             </div>
-
+
+            <h1 id="abstract">Example Rollout</h1>
             <div class="gallery-container">
-                <img src="images/step1.png" alt="Gallery Image" id="galleryImage" class="gallery-img">
+                <img src="interactive_display/step1.png" alt="Gallery Image" id="galleryImage" class="gallery-img">
                 <div>
                   <button id="prevBtn" class="disabled">Previous</button>
                   <button id="nextBtn">Next</button>
@@ -222,7 +230,7 @@ <h1 id="abstract">Overview</h1>
 
               <script>
               let currentImageIndex = 1;
-              const imageCount = 6; // Update this to reflect the actual number of images
+              const imageCount = 11; // Update this to reflect the actual number of images
 
               function updateButtons() {
                 document.getElementById('prevBtn').classList.toggle('disabled', currentImageIndex === 1);
@@ -244,7 +252,7 @@ <h1 id="abstract">Overview</h1>
               });
 
               function updateImage() {
-                const imagePath = `images/step${currentImageIndex}.png`;
+                const imagePath = `interactive_display/step${currentImageIndex}.png`;
                 document.getElementById('galleryImage').src = imagePath;
                 updateButtons();
               }

diff --git a/interactive_display/step1.png b/interactive_display/step1.png
diff --git a/interactive_display/step10.png b/interactive_display/step10.png
diff --git a/interactive_display/step11.png b/interactive_display/step11.png
diff --git a/interactive_display/step2.png b/interactive_display/step2.png
diff --git a/interactive_display/step3.png b/interactive_display/step3.png
diff --git a/interactive_display/step4.png b/interactive_display/step4.png
diff --git a/interactive_display/step5.png b/interactive_display/step5.png
diff --git a/interactive_display/step6.png b/interactive_display/step6.png
diff --git a/interactive_display/step7.png b/interactive_display/step7.png
diff --git a/interactive_display/step8.png b/interactive_display/step8.png
diff --git a/interactive_display/step9.png b/interactive_display/step9.png