added scub.mp4 and more patches

src/routes/scublings/+page.svelte

@@ -0,0 +1,44 @@
+<script lang="ts">
+	const videos = import.meta.glob("./*.mp4", {
+		eager: true,
+		import: "default",
+		query: { enhanced: true },
+	});
+	console.log(videos);
+	const scub = videos["./scub.mp4"];
+</script>
+
+<svelte:head>
+	<meta property="og:type" content="video.other" />
+	<meta property="og:video" content="https://doloro.co.uk{scub.video.src}" />
+	<meta property="og:video:type" content="video/mp4" />
+	<meta property="og:video:width" content="1920" />
+	<meta property="og:video:height" content="1080" />
+	<meta property="og:title" content="Scublings" />
+	<!-- Optional but helps Discord show a thumbnail -->
+	<meta
+		property="og:image"
+		content="https://yourdomain.com/scub-thumbnail.jpg"
+	/>
+</svelte:head>
+
+<div class="video-container">
+	<enhanced:video src={scub}> </enhanced:video>
+</div>
+
+<style lang="scss">
+	.video-container {
+		display: flex;
+		height: auto;
+		aspect-ratio: 16/9;
+		flex-direction: column;
+		align-items: center;
+		border-width: 3px;
+		border-color: var(--primary);
+		border-style: ridge;
+		video {
+			width: 100%;
+			height: 100%;
+		}
+	}
+</style>

src/routes/store/snacks.scss

@@ -24,3 +24,9 @@
   display: flex;
   flex-direction: column;
 }
+
+.SnackProductButtons {
+  display: flex;
+  flex-direction: row;
+
+}