From 3b2ca0add17f9f814a1844e0b27678fca714267e Mon Sep 17 00:00:00 2001
From: Michaela Chang <michaela.w.chang@gmail.com>
Date: Tue, 20 Feb 2024 22:15:11 -0800
Subject: [PATCH] Try to fix video resolver issue

---
 src/lib/components/ImageGallery.svelte              |   5 +++--
 src/lib/data/playground.yml                         |   7 +++----
 src/lib/data/projects.yml                           |   2 +-
 .../3d-animation/{016-video.mp4 => 16-video.mp4}    | Bin
 4 files changed, 7 insertions(+), 7 deletions(-)
 rename src/lib/images/playground/3d-animation/{016-video.mp4 => 16-video.mp4} (100%)

diff --git a/src/lib/components/ImageGallery.svelte b/src/lib/components/ImageGallery.svelte
index 17d59dd..1c1e2f8 100644
--- a/src/lib/components/ImageGallery.svelte
+++ b/src/lib/components/ImageGallery.svelte
@@ -30,7 +30,7 @@
   {#await getImageMapFromModule(module)}
     <ImageLoader />
   {:then images}
-    {#each images as image}
+    {#each images as image, i}
       {#if !image.filename.includes("-video")}
         {@const id = parseInt(image.filename) - 1}
         {@const title = dataTyped[id].title ?? "Untitled"}
@@ -41,7 +41,8 @@
           <div class="item">
             <!-- svelte-ignore a11y-media-has-caption -->
             <video poster={image.url} controls>
-              <source src={image.url.replace(".jpg", "-video.mp4")} type="video/mp4" />
+              {console.log(images)}
+                <source src={images[i+1].url} type="video/mp4" />
             </video>
           </div>
         {:else}
diff --git a/src/lib/data/playground.yml b/src/lib/data/playground.yml
index 7bf2b13..350b82a 100644
--- a/src/lib/data/playground.yml
+++ b/src/lib/data/playground.yml
@@ -1,10 +1,10 @@
-# next_id: 17
+# next_id: 18
 images:
   - id: 1
     title: Beneath the Fireflies
     desc:
       Jellal and Erza from Fairy Tail, one of my favorite anime ships to this day.
-      A redraw of a 2020 illutration that I thought was my best work yet (at the time).
+      A redraw of a 2020 illutration that I thought was my best work yet (at the time)!
     date: 2023
     link: https://www.instagram.com/p/Cvfk8EoIIOy/?img_index=2
     link_text: See the original piece!
@@ -41,8 +41,7 @@ images:
   - id: 6
     title: Toy Dragon
     desc:
-      A complete redraw of an older piece! Although I draw a lot of people these
-      days, I used to love drawing backgrounds and especially clouds. I wanted to try
+      A complete redraw of an older piece! Although I mostly draw characters now, I used to love drawing backgrounds and especially clouds. I wanted to try
       my hand at Studio Ghibli vibes in this piece.
     date: 2022
     link: https://www.instagram.com/p/Cl9cAfIP5SA/?img_index=1
diff --git a/src/lib/data/projects.yml b/src/lib/data/projects.yml
index e6a9579..867030a 100644
--- a/src/lib/data/projects.yml
+++ b/src/lib/data/projects.yml
@@ -19,7 +19,7 @@ projects:
     start_date: Dec 2022
     end_date:
     desc:
-      What youre looking at right now! Started as a winter break project and built
+      What you're looking at right now! Started as a winter break project and built
       up little by little. Created from scratch with SvelteKit, TypeScript, and Sass.
     tags:
       tech:
diff --git a/src/lib/images/playground/3d-animation/016-video.mp4 b/src/lib/images/playground/3d-animation/16-video.mp4
similarity index 100%
rename from src/lib/images/playground/3d-animation/016-video.mp4
rename to src/lib/images/playground/3d-animation/16-video.mp4