<!DOCTYPE html>
<html>
<head>
<title>My Secure AI Archive</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body { font-family: Arial, sans-serif; background: #121212; color: #f4f4f4; padding: 20px; }
#content { display: none; margin-top: 20px; }
input { padding: 10px; width: 200px; margin-bottom: 10px; }
button { padding: 10px; cursor: pointer; }
h1 { color: #00ffcc; }
</style>
</head>
<body>
<h1>🔒 Secure AI Archive Login</h1>
<input type="text" id="username" placeholder="Username"><br>
<input type="password" id="pwd" placeholder="Password"><br>
<button onclick="checkLogin()">Login</button>
<div id="content">
<h2>Welcome to Your Private AI Archive</h2>
<textarea id="aiData" rows="15" cols="50" placeholder="Yahan apna data paste karo..."></textarea>
<p style="color: #ffcc00;">💡 Offline aur local device me safe rahega.</p>
</div>
<script>
const USERNAME = 'MyAIUser';
const PASSWORD = 'AISecret123';
function checkLogin() {
const usernameInput = document.getElementById('username').value;
const pwdInput = document.getElementById('pwd').value;
if(usernameInput === USERNAME && pwdInput === PASSWORD) {
document.getElementById('content').style.display = 'block';
} else {
alert('❌ Wrong username or password!');
}
}
</script>
</body>
</html>
JAVASCRIPT
1,575 characters