Update index.html

Author: frank-Regal

index.html

@@ -371,7 +371,32 @@ <h2 class="title is-3">Gesture Classes</h2>
     <div class="columns is-centered">
       <div class="column">
         <div class="content">
-          <h2 class="title is-3">Example Videos</h2>
+          <h2 class="title is-3">Clothing Variation Examples</h2>
+          <video id="dollyzoom" autoplay controls muted loop playsinline height="100%">
+            <source src="./static/videos/example_videos_a_cropped.mp4"
+                    type="video/mp4">
+          </video>
+          <video id="dollyzoom" autoplay controls muted loop playsinline height="100%">
+            <source src="./static/videos/egonrg_clothing_variation_video_white_compressed.mp4"
+                    type="video/mp4">
+          </video>
+          <p style="margin-top: 0px">
+            Examples of some of the clothing variation that participants wore during the data collection captured from the 3rd person point of view. You can see the dataset
+            has users not wearing any sleeves or gloves, solid sleeves with alternative colored gloves, and military camo sleeves and gloves. The camo patterns along with the
+            solid colored sleeves and gloves were varied.
+          </p>
+        </div>
+      </div> 
+    </div>
+  </div>
+</section>
+  
+<section class="section">
+  <div class="container is-max-desktop">
+    <div class="columns is-centered">
+      <div class="column">
+        <div class="content">
+          <h2 class="title is-3">Raw Example Videos</h2>
           <video id="dollyzoom" autoplay controls muted loop playsinline height="100%">
             <source src="./static/videos/example_videos_a_cropped.mp4"
                     type="video/mp4">
@@ -396,7 +421,7 @@ <h2 class="title is-3">Example Videos</h2>
     <div class="columns is-centered">
       <div class="column">
         <div class="content">
-          <h2 class="title is-3">Egocentric Viewpoints</h2>
+          <h2 class="title is-3">Multiple Viewpoints</h2>
           <div class="columns is-centered has-text-centered">
             <div class="column">
               <video id="dollyzoom" autoplay controls muted loop playsinline height="100%">