play all videos button

src/routes/videos-of-all-time/+page.js

@@ -1 +1 @@
-export const csr = false;
+//export const csr = false;

src/routes/videos-of-all-time/+page.svelte

@@ -116,4 +116,6 @@
       </div>
     {/each}
   </div>
+  <br><br>
+  <button on:click={() => {document.querySelectorAll('video').forEach(v => {v.play(); v.loop = true; v.volume = Math.random() * v.volume})}} class="center">Play every video at the same time</button>
 </main>

src/style.css

@@ -47,6 +47,7 @@ main {
   align-items: flex-start;
   gap: 2em;
   padding-top: 3em;
+  margin-bottom: 6em;
 }
 .center {
   align-self: center;
@@ -135,7 +136,3 @@ blockquote {
   padding-left: 8px;
   border-left: 1.5px solid #aaa;
 }
-
-footer {
-  margin-bottom: 6em;
-}