From 3bb08cfbd3e3ba3ede60d8a11e4144a737837263 Mon Sep 17 00:00:00 2001
From: Kevin Midboe <kevin.midboe@gmail.com>
Date: Sat, 24 Jun 2023 22:30:54 +0200
Subject: [PATCH] Animate brew progress arrow 1.8s after page load

---
 src/lib/components/BrewProgress.svelte | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/BrewProgress.svelte b/src/lib/components/BrewProgress.svelte
index 2af58ef..e35a264 100644
--- a/src/lib/components/BrewProgress.svelte
+++ b/src/lib/components/BrewProgress.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { onMount } from 'svelte';
   import brews from '../../brews.json';
   import ArrowRight from '../icons/ArrowRight.svelte';
 
@@ -39,6 +40,10 @@
 
   let isOpen: number | null;
 
+  onMount(() =>
+    setTimeout(() => document.querySelector('a.brew svg')?.classList.add('animate'), 1800)
+  );
+
   const steps: Array<IStep> = [
     {
       icon: 'M9.94 8.007l3.983 3.983 1.06 1.06 1.06-1.06 6.93-6.93-2.12-2.12-6.93 6.93h2.12l-3.982-3.984-2.12 2.12z',
@@ -135,7 +140,7 @@
     }
   }
 
-  :global(a.brew:hover svg) {
+  :global(a.brew:hover svg, a.brew svg.animate) {
     animation: bounce 2s infinite;
   }