feat: update index.html

index.html

@@ -16,21 +16,40 @@
       <h1 class="text-4xl font-bold text-center mt-8">Manimations preview</h1>
       <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mt-8">
         <div>
-          <!-- <h3 class="text-2xl font-bold text-center mb-4">Stirling numbers of the first kind</h3> -->
           <video class="w-full" controls poster="./renders/StirlingI.png">
             <source src="./renders/StirlingI.mp4" type="video/mp4" />
             Your browser does not support the video tag.
           </video>
         </div>
         <div>
-          <!-- <h3 class="text-2xl font-bold text-center mb-4">Stirling numbers of the second kind</h3> -->
           <video class="w-full" controls poster="./renders/StirlingII.png">
             <source src="./renders/StirlingII.mp4" type="video/mp4" />
             Your browser does not support the video tag.
           </video>
         </div>
+
+        <div>
+          <video
+            class="w-full"
+            controls
+            poster="./renders/StirlingIRecurrence.png"
+          >
+            <source src="./renders/StirlingIRecurrence.mp4" type="video/mp4" />
+            Your browser does not support the video tag.
+          </video>
+        </div>
+        <div>
+          <video
+            class="w-full"
+            controls
+            poster="./renders/StirlingIIRecurrence.png"
+          >
+            <source src="./renders/StirlingIIRecurrence.mp4" type="video/mp4" />
+            Your browser does not support the video tag.
+          </video>
+        </div>
+
         <div>
-          <!-- <h3 class="text-2xl font-bold text-center mb-4">Forbidden configurations</h3> -->
           <video
             class="w-full"
             controls
@@ -44,48 +63,32 @@ <h1 class="text-4xl font-bold text-center mt-8">Manimations preview</h1>
           </video>
         </div>
         <div>
-          <!-- <h3 class="text-2xl font-bold text-center mb-4">Rook polynomial - definition & example</h3> -->
           <video class="w-full" controls poster="./renders/RookPolynomial1.png">
             <source src="./renders/RookPolynomial1.mp4" type="video/mp4" />
             Your browser does not support the video tag.
           </video>
         </div>
+
         <div>
-          <!-- <h3 class="text-2xl font-bold text-center mb-4">Rook polynomial - row/columns swap</h3> -->
           <video class="w-full" controls poster="./renders/RookPolynomial2.png">
             <source src="./renders/RookPolynomial2.mp4" type="video/mp4" />
             Your browser does not support the video tag.
           </video>
         </div>
         <div>
-          <!-- <h3 class="text-2xl font-bold text-center mb-4">Rook polynomial - disjoint boards</h3> -->
           <video class="w-full" controls poster="./renders/RookPolynomial3.png">
             <source src="./renders/RookPolynomial3.mp4" type="video/mp4" />
             Your browser does not support the video tag.
           </video>
         </div>
+
         <div>
-          <!-- <h3 class="text-2xl font-bold text-center mb-4">Rook polynomial - row-column removal</h3> -->
           <video class="w-full" controls poster="./renders/RookPolynomial4.png">
             <source src="./renders/RookPolynomial4.mp4" type="video/mp4" />
             Your browser does not support the video tag.
           </video>
         </div>
       </div>
     </div>
-    <script>
-      // function setupVideos() {
-      //   for (const video of document.querySelectorAll('video')) {
-      //     video.controls = false;
-      //     video.addEventListener('mouseover', () => {
-      //       video.controls = 'controls';
-      //     });
-      //     video.addEventListener('mouseout', () => {
-      //       video.controls = false;
-      //     });
-      //   }
-      // }
-      // window.addEventListener('load', setupVideos, false);
-    </script>
   </body>
 </html>