Update Digit multiple step animation

index.html

@@ -59,15 +59,15 @@ <h3>Demos</h3>
 						<div class="box alt" style="margin-bottom: 1em;">
 							<div class="row 50% uniform" style="width: 100%; color: black;">
 								<div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: left; width: 33.33%">
-									Digit walking forward with 0.0 m/s and 0.10 m step height
+									Digit walking forward with 0.0 m/s and 0.10 m step height (periodic)
 								</div>
 
 								<div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: left; width: 33.33%">
-									Digit walking forward with 0.5 m/s and 0.15 m step height
+									Digit walking forward with 0.5 m/s and 0.15 m step height (periodic)
 								</div>
 
 								<div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: left; width: 33.33%">
-									Digit walking forward with 1.0 m/s and 0.20 m step height
+									Digit walking forward with 1.0 m/s and 0.20 m step height (periodic)
 								</div>
 							</div>
 							<div class="row 50% uniform" style="width: 100%;">
@@ -91,16 +91,16 @@ <h3>Demos</h3>
 							</div>
 							<div class="row 50% uniform" style="width: 100%; color: black;">
 								<div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: left; width: 33.33%">
-									Digit turning
+									Digit turning (periodic)
 								</div>
 
 								<div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: left; width: 33.33%">
-									Digit stepping upward
+									Digit stepping upward (periodic)
 								</div>
 
-<!-- 								<!-- <div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: left; width: 33.33%">
-									Digit walking forward with 1.0 m/s and 0.20 m step height
-								</div> -->
+ 								<div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: left; width: 33.33%">
+									Digit walking forward with different step lengths and step heights (periodic)
+								</div>
 							</div>
 							<div class="row 50% uniform" style="width: 100%;">
 								<div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: center; width: 33.33%">
@@ -115,23 +115,23 @@ <h3>Demos</h3>
 									</span>
 								</div>
 
-<!-- 								<!-- <div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: center; width: 33.33%">
+ 								<div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: center; width: 33.33%">
 									<span class="image fit">
-										<img src="https://github.com/user-attachments/assets/248dac99-740e-4964-be70-d517f2290ba5" alt="">
+										<img src="https://github.com/user-attachments/assets/a717d417-fbe5-448f-9b75-04e88c529eda" alt="">
 									</span>
-								</div> -->
+								</div>
 							</div>
 							<div class="row 50% uniform" style="width: 100%; color: black;">
 								<div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: left; width: 33.33%">
-									Talos walking forward with 0.0 m/s and 0.10 m step height
+									Talos walking forward with 0.0 m/s and 0.10 m step height (periodic)
 								</div>
 
 								<div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: left; width: 33.33%">
-									Talos walking forward with 0.5 m/s and 0.15 m step height
+									Talos walking forward with 0.5 m/s and 0.15 m step height (periodic)
 								</div>
 
 								<div class="2u" style="font-size: 1em; line-height: 1.5em; text-align: left; width: 33.33%">
-									Talos walking forward with 1.0 m/s and 0.20 m step height
+									Talos walking forward with 1.0 m/s and 0.20 m step height (periodic)
 								</div>
 							</div>
 							<div class="row 50% uniform" style="width: 100%;">