From 57f3c5f3f043b6b6261bd1f5eeac96e11d904859 Mon Sep 17 00:00:00 2001
From: outfoxxed <outfoxxed@outfoxxed.me>
Date: Fri, 8 Nov 2024 04:24:53 -0800
Subject: [PATCH] add showcase videos

---
 public/assets/showcase/flicko.mp4    |  3 +++
 public/assets/showcase/outfoxxed.mp4 |  3 +++
 public/assets/showcase/vaxry.mp4     |  3 +++
 src/components/marquee/Marquee.astro | 39 +++++++++++++++++-----------
 4 files changed, 33 insertions(+), 15 deletions(-)
 create mode 100644 public/assets/showcase/flicko.mp4
 create mode 100644 public/assets/showcase/outfoxxed.mp4
 create mode 100644 public/assets/showcase/vaxry.mp4

diff --git a/public/assets/showcase/flicko.mp4 b/public/assets/showcase/flicko.mp4
new file mode 100644
index 0000000..dc9383f
--- /dev/null
+++ b/public/assets/showcase/flicko.mp4
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e41204573343c73add9f8d7e1890be06a2be798bff3901ead103de1ea30fdbb7
+size 6989471
diff --git a/public/assets/showcase/outfoxxed.mp4 b/public/assets/showcase/outfoxxed.mp4
new file mode 100644
index 0000000..5a505e2
--- /dev/null
+++ b/public/assets/showcase/outfoxxed.mp4
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:919974cab72a22ef4c03e14fff20cdad8854b9529be082107f53a723fd48e992
+size 6440494
diff --git a/public/assets/showcase/vaxry.mp4 b/public/assets/showcase/vaxry.mp4
new file mode 100644
index 0000000..621a88b
--- /dev/null
+++ b/public/assets/showcase/vaxry.mp4
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e360f2c9756d9a34396506c1fd01e35a72ceff5801ed3738f88eee206c79e26f
+size 600393
diff --git a/src/components/marquee/Marquee.astro b/src/components/marquee/Marquee.astro
index b778c3e..adbc635 100644
--- a/src/components/marquee/Marquee.astro
+++ b/src/components/marquee/Marquee.astro
@@ -1,18 +1,24 @@
 ---
 import { Icon } from "astro-icon/components";
 
-function placeholders() {
-  const word = "placeholder";
-  let str: string;
-  const arr: string[] = [];
-  for (let i = 0; i < 10; i++) {
-    str = `${word}-${i}`;
-    arr.push(str);
-  }
-  return arr;
-}
+const videos = [
+  {
+    author: "outfoxxed",
+    authorlink: "https://outfoxxed.me",
+    path: "/assets/showcase/outfoxxed.mp4",
+  },
+  {
+    author: "flicko",
+    authorlink: "https://github.com/flick0",
+    path: "/assets/showcase/flicko.mp4",
+  },
+  {
+    author: "vaxry",
+    authorlink: "https://vaxry.net",
+    path: "/assets/showcase/vaxry.mp4",
+  },
+];
 
-const ph = placeholders();
 ---
 <div class="marquee">
   <div class="marquee-scroll">
@@ -25,10 +31,13 @@ const ph = placeholders();
     </div>
   </div>
   <div id="marquee-content" class="marquee-content" data-scroll="0">
-    {ph.map(_ => <div class="marquee-item">
-      <video class="marquee-item-spacing marquee-item-content" controls>
-        <source src="/assets/simple-shell-livereload.mp4" type="video/mp4"/>
-      </video>
+    {videos.map(({ author, authorlink, path }, index) => <div class="marquee-item">
+      <div>
+        <video class="marquee-item-spacing marquee-item-content" muted controls {...(index == 0 ? {autoplay: ""} : {})}>
+          <source src={path} type="video/mp4"/>
+        </video>
+        <p>Configuration by <a href={authorlink}>{author}</a></p>
+      </div>
     </div>)}
   </div>
 </div>