From e5530ef60d0404431b7d6493eb7793a5d59a35dd Mon Sep 17 00:00:00 2001
From: Paul Buetow <paul@buetow.org>
Date: Sun, 6 Mar 2022 22:45:32 +0000
Subject: fix animations

---
 share/templates/default/header.tmpl | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

(limited to 'share')

diff --git a/share/templates/default/header.tmpl b/share/templates/default/header.tmpl
index 010d3d5..932fbb8 100644
--- a/share/templates/default/header.tmpl
+++ b/share/templates/default/header.tmpl
@@ -65,17 +65,17 @@ cat <<END
         .animate-fading {animation:fading 10s}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
 
         .animate-opacity-slow {animation:opac 2.0s}@keyframes opac{from{opacity:0} to{opacity:1}}
-        .animate-top-slow {position:relative;animation:animatetop 2.0s}@keyframes animatetop{from{top:-2.0px;opacity:0} to{top:0;opacity:1}}
-        .animate-left-slow {position:relative;animation:animateleft 2.0s}@keyframes animateleft{from{left:-2.0px;opacity:0} to{left:0;opacity:1}}
-        .animate-right-slow {position:relative;animation:animateright 2.0s}@keyframes animateright{from{right:-2.0px;opacity:0} to{right:0;opacity:1}}
-        .animate-bottom-slow {position:relative;animation:animatebottom 2.0s}@keyframes animatebottom{from{bottom:-2.0px;opacity:0} to{bottom:0;opacity:1}}
+        .animate-top-slow {position:relative;animation:animatetop 2.0s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
+        .animate-left-slow {position:relative;animation:animateleft 2.0s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
+        .animate-right-slow {position:relative;animation:animateright 2.0s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
+        .animate-bottom-slow {position:relative;animation:animatebottom 2.0s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
         .animate-zoom-slow {animation:animatezoom 2.0s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
 
         .animate-opacity-fast {animation:opac 0.5s}@keyframes opac{from{opacity:0} to{opacity:1}}
-        .animate-top-fast {position:relative;animation:animatetop 0.5s}@keyframes animatetop{from{top:-2.0px;opacity:0} to{top:0;opacity:1}}
-        .animate-left-fast {position:relative;animation:animateleft 0.5s}@keyframes animateleft{from{left:-2.0px;opacity:0} to{left:0;opacity:1}}
-        .animate-right-fast {position:relative;animation:animateright 0.5s}@keyframes animateright{from{right:-2.0px;opacity:0} to{right:0;opacity:1}}
-        .animate-bottom-fast {position:relative;animation:animatebottom 0.5s}@keyframes animatebottom{from{bottom:-2.0px;opacity:0} to{bottom:0;opacity:1}}
+        .animate-top-fast {position:relative;animation:animatetop 0.5s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
+        .animate-left-fast {position:relative;animation:animateleft 0.5s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
+        .animate-right-fast {position:relative;animation:animateright 0.5s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
+        .animate-bottom-fast {position:relative;animation:animatebottom 0.5s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
         .animate-zoom-fast {animation:animatezoom 0.5s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
     </style>
 </head>
-- 
cgit v1.2.3