read_md

memperbarui login page
hapus
2025-11-24 13:33:44 +07:00 · 2025-11-24 13:15:46 +07:00 · 2025-11-24 12:58:40 +07:00 · 2025-11-24 12:56:25 +07:00 · 2025-11-24 12:55:30 +07:00 · 2025-11-24 12:48:35 +07:00
2 changed files with 65 additions and 10 deletions
--- a/page.html
+++ b/page.html
@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
@ -44,8 +45,15 @@
        }

        @keyframes float {
-            0%, 100% { transform: translateY(0px); }
-            50% { transform: translateY(20px); }
+
+            0%,
+            100% {
+                transform: translateY(0px);
+            }
+
+            50% {
+                transform: translateY(20px);
+            }
        }

        .container {
@ -182,8 +190,15 @@
        }

        @keyframes pulse {
-            0%, 100% { transform: scale(1); }
-            50% { transform: scale(1.1); }
+
+            0%,
+            100% {
+                transform: scale(1);
+            }
+
+            50% {
+                transform: scale(1.1);
+            }
        }

        .success-message {
@ -211,6 +226,7 @@
        }
    </style>
 </head>
+
 <body>
    <div class="container">
        <div class="logo">
@ -234,7 +250,8 @@
                </div>

                <div class="button-group">
-                    <button type="button" class="btn btn-signin" onclick="goToSignUp()">Sign Up</button>
+                    <button type="button" class="btn btn-signin" onclick="handleLogin()">Login</button>
+                    <button type="button" class="btn btn-signup" onclick="goToSignUp()">Sign Up</button>
                </div>

                <div class="success-message" id="mainMessage"></div>
@ -281,6 +298,38 @@
            document.getElementById('signupForm').style.display = 'block';
        }

+        // Login handler: validate input and show messages
+        function handleLogin() {
+            const username = document.getElementById('mainUsername').value.trim();
+            const password = document.getElementById('mainPassword').value.trim();
+            const successEl = document.getElementById('mainMessage');
+            const errorEl = document.getElementById('mainError');
+
+            // Reset messages
+            successEl.classList.remove('show');
+            errorEl.classList.remove('show');
+
+            if (!username || !password) {
+                errorEl.textContent = 'Please enter both username and password.';
+                errorEl.classList.add('show');
+                return;
+            }
+
+            // Simulate login (replace with real auth as needed)
+            if (username.toLowerCase() === 'admin' && password === 'admin') {
+                successEl.textContent = `Welcome back, ${username}! Redirecting...`;
+                successEl.classList.add('show');
+                setTimeout(() => {
+                    alert('Logged in as ' + username + '. (Simulated)');
+                    // Example: redirect to game/dashboard page
+                    // window.location.href = 'dashboard.html';
+                }, 800);
+            } else {
+                errorEl.textContent = 'Invalid username or password.';
+                errorEl.classList.add('show');
+            }
+        }
+
        // Signup Form Handler
        document.getElementById('signupForm').addEventListener('submit', function (e) {
            e.preventDefault();
@ -302,4 +351,5 @@
        });
    </script>
 </body>
+
 </html>
--- a/read.md
+++ b/read.md
@ -1,2 +1,7 @@
-nama : Tebak kartu
-haha hihi haha hiuhu
+nama Game : Black Jack 21
+tambahan =
+- Top up
+- Nambahin logo
+- Background
+- Sambungin Login Page
+- Mmepercantik UI
Author	SHA1	Message	Date
alexander	3c807a5c70	read_md	2025-11-24 13:33:44 +07:00
alexander	ea71ea03e0	memperbarui login page	2025-11-24 13:15:46 +07:00
alexander	38f29f52f0	hapus	2025-11-24 12:58:40 +07:00
alexander	fa2989b8af	test2	2025-11-24 12:56:25 +07:00
alexander	ded6aceff7	gggg	2025-11-24 12:55:30 +07:00
alexander	e9000eb28e	ody toturo	2025-11-24 12:48:35 +07:00
alexander	d4eb254b74	new file	2025-11-24 12:42:08 +07:00