From c40a47244e34cc23308e04ef10158b7f3bae2ebb Mon Sep 17 00:00:00 2001
From: Alec Delaney <tekktrik@gmail.com>
Date: Wed, 31 Jan 2024 10:28:58 -0500
Subject: [PATCH] Hide cards until animation starts

---
 flask_app/static/css/animations.css | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/flask_app/static/css/animations.css b/flask_app/static/css/animations.css
index af26490..b040c07 100644
--- a/flask_app/static/css/animations.css
+++ b/flask_app/static/css/animations.css
@@ -36,6 +36,18 @@
         InitClear calc(var(--duration, 1s) + var(--delay, 0s)) ease-out var(--delay, 0s) 1;
 }
 
+@keyframes Reveal {
+    0% {
+        height: 0;
+        opacity: 0;
+    }
+
+    100% {
+        height: auto;
+        opacity: 1;
+    }
+}
+
 @keyframes RecentLoadIn {
     0% {
         transform: rotate(-15deg) scale(0.5);
@@ -47,10 +59,13 @@
 }
 
 .recent-load-in {
+    height: 0;
+    opacity: 0;
     animation:
-        InitClear var(--delay, 0s) step-end 0s 1,
-        RecentLoadIn var(--duration, 0.5s) ease-out calc(var(--delay, 0s));
-}
+        InitClear var(--delay, 0s) step-end 0s,
+        RecentLoadIn var(--duration, 0.5s) ease-out calc(var(--delay, 0s)),
+        Reveal 0s step-start 0s forwards;
+    }
 
 @keyframes LandingImageGlow {
     0% {