reconstruire UC inceput

2024-04-03 04:07:20 +03:00
parent af8c295d75
commit 5e4a488bfd
36 changed files with 264 additions and 943 deletions
@@ -5,10 +5,28 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="/images/hard-disk.ico" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="/css/login.css">
+    <link rel="stylesheet" type="text/css" href="/css/transition.css">
    <script src="/js/login.js"></script>
+    <script>
+        function fadeIn() {
+            document.querySelector('.container').classList.remove('fade-out');
+            document.querySelector('.container').classList.add('fade-in');
+        }
+
+        function fadeOut(destination) {
+            const container = document.querySelector('.container');
+            container.classList.remove('fade-in');
+            container.classList.add('fade-out');
+
+            container.addEventListener('animationend', () => {
+                window.location.href = destination;
+            });
+        }
+    </script>
+
    <title>Login</title>
 </head>
-<body>
+<body onload="fadeIn()">
 <div class="container">
    <div class="header">
        <h1>DO WE KNOW</h1>