From a2e30ace0267efd87d6439ce1d3a4bda833056cc Mon Sep 17 00:00:00 2001
From: "Timothy J. Baek" <timothyjrbeck@gmail.com>
Date: Wed, 12 Jun 2024 00:13:35 -0700
Subject: [PATCH] refac: her

---
 src/app.html              | 16 +++++++++++++---
 src/routes/+layout.svelte |  4 +++-
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/app.html b/src/app.html
index 3248fd447..8f1e09278 100644
--- a/src/app.html
+++ b/src/app.html
@@ -89,18 +89,19 @@
 					position: absolute;
 					width: 12rem;
 					height: 12rem;
-					top: 32%;
+					top: 34%;
 					left: 50%;
 					margin-left: -6rem;
 				"
 				src="/logo.svg"
+				class="animate-pulse-fast"
 			/>
 
 			<div
 				id="progress-background"
 				style="
 					position: absolute;
-					top: 56%;
+					top: 58%;
 					left: 50%;
 
 					margin-left: -12rem;
@@ -117,7 +118,7 @@
 				id="progress-bar"
 				style="
 					position: absolute;
-					top: 56%;
+					top: 58%;
 					left: 50%;
 
 					margin-left: -12rem;
@@ -186,4 +187,13 @@
 	html.her #progress-bar {
 		display: block;
 	}
+
+	@keyframes pulse {
+		50% {
+			opacity: 0.65;
+		}
+	}
+	.animate-pulse-fast {
+		animation: pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+	}
 </style>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index c8e31b6c8..2117809d3 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -2,7 +2,9 @@
 	import { io } from 'socket.io-client';
 	import { spring } from 'svelte/motion';
 
-	let loadingProgress = spring(0);
+	let loadingProgress = spring(0, {
+		stiffness: 0.05
+	});
 
 	import { onMount, tick, setContext } from 'svelte';
 	import {