update the everything a lil bit

package.json

@@ -9,13 +9,13 @@
 	},
 	"devDependencies": {
 		"@sveltejs/adapter-auto": "next",
-		"@sveltejs/kit": "next",
-		"svelte": "^3.44.0",
-		"vite": "^3.1.0"
+		"@sveltejs/kit": "^1.24.1",
+		"svelte": "^4.2.0",
+		"vite": "^4.4.9"
 	},
 	"type": "module",
 	"dependencies": {
-		"@fontsource/noto-emoji": "^4.5.5",
+		"@fontsource/noto-emoji": "^4.5.6",
 		"@fontsource/roboto": "^4.5.8",
 		"@sveltejs/adapter-node": "1.0.0-next.100",
 		"@sveltejs/adapter-static": "1.0.0-next.48",

src/lib/People.svelte

@@ -319,7 +319,7 @@ a set of 2 wedding videos.
     {/each}
     <button class="person disabled">
       <div class="person-icon-fake">
-        +7
+        +9
       </div>
       <div class="person-name">...and others</div>
     </button>

src/lib/YoutubeEmbed.svelte

@@ -1,5 +1,14 @@
 <script>
-  let hash;
+  export let hash;
+  export let title;
 </script>
 
-<iframe width="1280" height="720" src="https://www.youtube.com/embed/{hash}" title="An unintentional CTF, and how we solved it [BlanketCon 23 UNAUTHORIZED????]" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen/>
+<style>
+  iframe {
+    width: 100%;
+    height: auto;
+    aspect-ratio: 16 / 9;
+  }
+</style>
+
+<iframe width="1280" height="720" src="https://www.youtube.com/embed/{hash}" {title} frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen/>

src/routes/+page.svelte

@@ -5,6 +5,7 @@
   import 'tippy.js/dist/tippy.css';
   import { onMount } from "svelte";
   import Footer from "../lib/Footer.svelte";
+  import YoutubeEmbed from "../lib/YoutubeEmbed.svelte";
 
   let tipFriendCloud;
 
@@ -32,7 +33,7 @@
     and overall queer furries.
   </div>
 
-  <p class="center">
+  <p>
     This domain <em>(and associated server)</em> is used for hosting various
     <span class="has-tooltip" bind:this={tipFriendCloud}>friend cloud</span> services. <span title="among us">Among</span> those
     services is:
@@ -69,13 +70,19 @@
     <li><a href="https://git.oat.zone/dark-firepit/dotfiles">NixOS system configuration</a></li>
   </el>
 
+  <p>
+    We've also held a talk on the <a href="https://blanketcon.modfest.net/">BlanketCon modded convention</a>:
+  </p>
+
+  <YoutubeEmbed hash="LIpyC_q7JXw" title="An unintentional CTF, and how we solved it [BlanketCon 23 UNAUTHORIZED????]"/>
+
   <div class="big neat-bg-container center">
     <div class="neat-bg" style="transform: skewY(-1deg)"></div>
     But who are we, really?
   </div>
 
   <p class="center">
-    We consist of 14 people, give or take:
+    We consist of 16 people, give or take:
   </p>
 
   <hr>

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

@@ -25,5 +25,5 @@ export async function load({ params }) {
 
   const sorted = fileMetadata.sort((a, b) => a.modified - b.modified).map(a => ({width: a.width, height: a.height, name: a.name, mime: a.mime}));
 
-  return sorted;
+  return {videos: sorted};
 }

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

@@ -3,6 +3,7 @@
 
   /** @type {import('./$types').PageData} */
   export let data;
+  let videos = data.videos;
 </script>
 
 <style>
@@ -49,7 +50,7 @@
   </div>
   
   <div class="videos">
-    {#each Object.values(data) as vid}
+    {#each Object.values(videos) as vid}
       <div class="video">
         <!-- svelte-ignore a11y-media-has-caption -->
         <video

src/style.css

@@ -37,13 +37,27 @@ body {
   -moz-osx-font-smoothing: grayscale;
   -webkit-text-size-adjust: 100%;
 }
+
 main {
   margin: auto;
   max-width: 90%;
   width: 600px;
+  margin: 0 2rem;
 
   margin-bottom: 6em;
 }
+.big {
+  margin: 0 -2rem;
+}
+@media (max-width: 700px) {
+  main {
+    margin: 0 0;
+  }
+  .big {
+    margin: 0px 0;
+  }
+}
+
 .center {
   text-align: center;
   margin: auto;

svelte.config.js

@@ -5,11 +5,7 @@ const config = {
 	kit: {
 		adapter: adapter({
 			//fallback: 'index.html'
-		}),
-		trailingSlash: 'always',
-		prerender: {
-			enabled: true
-		}
+		})
 	}
 };