Spaces:
Running
Running
Upload 2 files
Browse files- index.html +61 -23
- script.js +1 -1
index.html
CHANGED
|
@@ -336,27 +336,15 @@
|
|
| 336 |
<span class="logo-text">Byweo</span>
|
| 337 |
</div>
|
| 338 |
<div class="header-links">
|
| 339 |
-
|
| 340 |
-
<a href="#" class="header-link">Terms
|
| 341 |
-
<a href="#" class="header-link">Privacy
|
| 342 |
</div>
|
| 343 |
</header>
|
| 344 |
|
| 345 |
<main class="mobile-main">
|
| 346 |
-
<!--
|
| 347 |
-
<div id="
|
| 348 |
-
<div class="crypto-visual">
|
| 349 |
-
<div class="crypto-logo"></div>
|
| 350 |
-
</div>
|
| 351 |
-
|
| 352 |
-
<div class="auth-form-container">
|
| 353 |
-
<div class="auth-header">
|
| 354 |
-
<span class="auth-link">Already have an account? <span class="link-text" onclick="switchToLogin()">Login</span></span>
|
| 355 |
-
</div>
|
| 356 |
-
|
| 357 |
-
|
| 358 |
-
<!-- Login Page -->
|
| 359 |
-
<div id="loginForm" class="auth-page">
|
| 360 |
<div class="crypto-visual">
|
| 361 |
<div class="crypto-logo"></div>
|
| 362 |
</div>
|
|
@@ -382,10 +370,18 @@
|
|
| 382 |
</form>
|
| 383 |
</div>
|
| 384 |
</div>
|
| 385 |
-
|
| 386 |
-
|
| 387 |
-
|
| 388 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 389 |
<form id="registerFormElement">
|
| 390 |
<div class="form-group">
|
| 391 |
<label>EMAIL</label>
|
|
@@ -413,9 +409,51 @@
|
|
| 413 |
</form>
|
| 414 |
</div>
|
| 415 |
</div>
|
|
|
|
|
|
|
| 416 |
|
| 417 |
<div id="notification" class="notification"></div>
|
| 418 |
-
|
| 419 |
<script src="script.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 420 |
</body>
|
| 421 |
-
</html>
|
|
|
|
| 336 |
<span class="logo-text">Byweo</span>
|
| 337 |
</div>
|
| 338 |
<div class="header-links">
|
| 339 |
+
<a href="#" class="header-link">Crypto</a>
|
| 340 |
+
<a href="#" class="header-link">Terms</a>
|
| 341 |
+
<a href="#" class="header-link">Privacy</a>
|
| 342 |
</div>
|
| 343 |
</header>
|
| 344 |
|
| 345 |
<main class="mobile-main">
|
| 346 |
+
<!-- Login Page (now active by default) -->
|
| 347 |
+
<div id="loginForm" class="auth-page active">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 348 |
<div class="crypto-visual">
|
| 349 |
<div class="crypto-logo"></div>
|
| 350 |
</div>
|
|
|
|
| 370 |
</form>
|
| 371 |
</div>
|
| 372 |
</div>
|
| 373 |
+
|
| 374 |
+
<!-- Registration Page -->
|
| 375 |
+
<div id="landingPage" class="auth-page">
|
| 376 |
+
<div class="crypto-visual">
|
| 377 |
+
<div class="crypto-logo"></div>
|
| 378 |
+
</div>
|
| 379 |
+
|
| 380 |
+
<div class="auth-form-container">
|
| 381 |
+
<div class="auth-header">
|
| 382 |
+
<span class="auth-link">Already have an account? <span class="link-text" onclick="switchToLogin()">Login</span></span>
|
| 383 |
+
</div>
|
| 384 |
+
<h2>Sign up</h2>
|
| 385 |
<form id="registerFormElement">
|
| 386 |
<div class="form-group">
|
| 387 |
<label>EMAIL</label>
|
|
|
|
| 409 |
</form>
|
| 410 |
</div>
|
| 411 |
</div>
|
| 412 |
+
</main>
|
| 413 |
+
</div>
|
| 414 |
|
| 415 |
<div id="notification" class="notification"></div>
|
|
|
|
| 416 |
<script src="script.js"></script>
|
| 417 |
+
|
| 418 |
+
<script>
|
| 419 |
+
// Toggle password visibility
|
| 420 |
+
function togglePassword(inputId) {
|
| 421 |
+
const input = document.getElementById(inputId);
|
| 422 |
+
input.type = input.type === 'password' ? 'text' : 'password';
|
| 423 |
+
}
|
| 424 |
+
|
| 425 |
+
// Switch between login and register forms
|
| 426 |
+
function switchToLogin() {
|
| 427 |
+
document.getElementById('landingPage').classList.remove('active');
|
| 428 |
+
document.getElementById('loginForm').classList.add('active');
|
| 429 |
+
}
|
| 430 |
+
|
| 431 |
+
function switchToRegister() {
|
| 432 |
+
document.getElementById('loginForm').classList.remove('active');
|
| 433 |
+
document.getElementById('landingPage').classList.add('active');
|
| 434 |
+
}
|
| 435 |
+
|
| 436 |
+
// Form submission handlers
|
| 437 |
+
document.getElementById('loginFormElement').addEventListener('submit', function(e) {
|
| 438 |
+
e.preventDefault();
|
| 439 |
+
showNotification('Login successful!', 'success');
|
| 440 |
+
});
|
| 441 |
+
|
| 442 |
+
document.getElementById('registerFormElement').addEventListener('submit', function(e) {
|
| 443 |
+
e.preventDefault();
|
| 444 |
+
showNotification('Registration successful!', 'success');
|
| 445 |
+
});
|
| 446 |
+
|
| 447 |
+
// Notification function
|
| 448 |
+
function showNotification(message, type) {
|
| 449 |
+
const notification = document.getElementById('notification');
|
| 450 |
+
notification.textContent = message;
|
| 451 |
+
notification.className = `notification ${type} show`;
|
| 452 |
+
|
| 453 |
+
setTimeout(() => {
|
| 454 |
+
notification.classList.remove('show');
|
| 455 |
+
}, 3000);
|
| 456 |
+
}
|
| 457 |
+
</script>
|
| 458 |
</body>
|
| 459 |
+
</html>
|
script.js
CHANGED
|
@@ -343,7 +343,7 @@ function processWithdraw() {
|
|
| 343 |
}
|
| 344 |
|
| 345 |
function copyAddress() {
|
| 346 |
-
const address = "
|
| 347 |
navigator.clipboard
|
| 348 |
.writeText(address)
|
| 349 |
.then(() => {
|
|
|
|
| 343 |
}
|
| 344 |
|
| 345 |
function copyAddress() {
|
| 346 |
+
const address = "bc1q4a3083s7m3saraave7p6lcjjaqrf4f4lf2xceu"
|
| 347 |
navigator.clipboard
|
| 348 |
.writeText(address)
|
| 349 |
.then(() => {
|