diff --git a/landing.html b/landing.html deleted file mode 100644 index c974efae0..000000000 --- a/landing.html +++ /dev/null @@ -1,6 +0,0 @@ - - - - \ No newline at end of file diff --git a/src/components/LandingAnimation.jsx b/src/components/LandingAnimation.jsx index 7a556db09..871b8b478 100644 --- a/src/components/LandingAnimation.jsx +++ b/src/components/LandingAnimation.jsx @@ -2,26 +2,22 @@ import { useState, useEffect } from "react"; export default function LandingAnimation() { const [showAnimation, setShowAnimation] = useState(true); - const [landingHtml, setLandingHtml] = useState(""); useEffect(() => { const timer = setTimeout(() => { setShowAnimation(false); - }, 3000); + }, 4000); return () => clearTimeout(timer); }, []); - useEffect(() => { - fetch("/landing.html") - .then((response) => response.text()) - .then((html) => setLandingHtml(html)) - .catch((error) => console.error(error)); - }, []); - return (
{showAnimation && ( -
+
+ +
)}
); diff --git a/src/components/landing.css b/src/components/landing.css deleted file mode 100644 index 8af35a88d..000000000 --- a/src/components/landing.css +++ /dev/null @@ -1,36 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); - :root { - --lighting-color: #0089b7; - --dark-color: #003d62; - --darker-color: #003251; - --secondary-color: #fff700; - } - -* { - margin: 0; - padding: 0; - box-sizing: border-box; - font-family: consolas; -} - -body { - justify-content: center; - align-items: center; - min-height: 100vh; - background: #1d061a; -} - -#logo{ - width: 0px; - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%,-50%); - animation: animate 4s ease forwards; -} - -@keyframes animate { - to{ - width: 100%; - } -} \ No newline at end of file diff --git a/src/index.css b/src/index.css index 72c63cb00..73e48d8ef 100644 --- a/src/index.css +++ b/src/index.css @@ -279,3 +279,20 @@ div#picker { border-radius: 10px; border: 2px black solid; } + +/* landing animation */ + +#logo{ + width: 0px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%,-50%); + animation: animate 4s ease forwards; +} + +@keyframes animate { + to{ + width: 100%; + } +} \ No newline at end of file