From 38763aff095dc50aeca5cf7cd26b3f58d3587b52 Mon Sep 17 00:00:00 2001
From: outfoxxed <outfoxxed@outfoxxed.me>
Date: Fri, 15 Nov 2024 04:22:42 -0800
Subject: [PATCH] add pfaj-bdebiase showcase

---
 public/assets/showcase/pfaj-bdeblase.mp4 |  3 +++
 src/components/marquee/Marquee.astro     | 19 ++++++++++---------
 2 files changed, 13 insertions(+), 9 deletions(-)
 create mode 100644 public/assets/showcase/pfaj-bdeblase.mp4

diff --git a/public/assets/showcase/pfaj-bdeblase.mp4 b/public/assets/showcase/pfaj-bdeblase.mp4
new file mode 100644
index 0000000..9e8627d
--- /dev/null
+++ b/public/assets/showcase/pfaj-bdeblase.mp4
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:621be266d2fb1cdf0d48f0db1af28ff18a321c873e29510a8cc090b160d7910d
+size 6896053
diff --git a/src/components/marquee/Marquee.astro b/src/components/marquee/Marquee.astro
index 1a6e2ba..6c629c9 100644
--- a/src/components/marquee/Marquee.astro
+++ b/src/components/marquee/Marquee.astro
@@ -3,18 +3,19 @@ import { Icon } from "astro-icon/components";
 
 const videos = [
   {
-    author: "outfoxxed",
-    authorlink: "https://outfoxxed.me",
+    author: '<a href="https://outfoxxed.me">outfoxxed</a>',
     path: "/assets/showcase/outfoxxed.mp4",
   },
   {
-    author: "flicko",
-    authorlink: "https://github.com/flick0",
+    author: '<a href="https://github.com/pfaj/">pfaj</a> and <a href="https://github.com/bdebiase">bdebiase</a>',
+    path: "/assets/showcase/pfaj-bdeblase.mp4",
+  },
+  {
+    author: '<a href="https://github.com/flick0">flicko</a>',
     path: "/assets/showcase/flicko.mp4",
   },
   {
-    author: "vaxry",
-    authorlink: "https://vaxry.net",
+    author: '<a href="https://vaxry.net">vaxry</a>',
     path: "/assets/showcase/vaxry.mp4",
   },
 ];
@@ -31,7 +32,7 @@ const videos = [
     </div>
   </div>
   <div id="marquee-content" class="marquee-content" data-scroll="0" data-media-index="0">
-    {videos.map(({ author, authorlink, path }, index) => <div class="marquee-item">
+    {videos.map(({ author, path }, index) => <div class="marquee-item">
       <div>
         <video
           data-media-index={index}
@@ -44,7 +45,7 @@ const videos = [
         >
           <source src={path} type="video/mp4"/>
         </video>
-        <p>Configuration by <a href={authorlink}>{author}</a></p>
+        <p>Configuration by <Fragment set:html={author}/></p>
       </div>
     </div>)}
   </div>
@@ -52,7 +53,7 @@ const videos = [
 
 <script>
   // marquee
-  const dataNum = 2; // last array index
+  const dataNum = 3; // last array index
   const marquee = document.getElementById("marquee-content")!;
   marquee.style.setProperty("--scroll", "0")