Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Join | Crypto LLM</title> | |
| <link rel="stylesheet" href="styles.css"> | |
| </head> | |
| <body> | |
| <nav class="navbar"> | |
| <div class="container nav-flex"> | |
| <a href="index.html" class="logo"><span>Crypto</span><span class="brand-highlight">LLM</span></a> | |
| <ul class="nav-links"> | |
| <li><a href="index.html">Home</a></li> | |
| <li><a href="how-it-works.html">How it Works</a></li> | |
| <li><a href="earnings.html">Earnings</a></li> | |
| <li><a href="join.html" class="active">Join</a></li> | |
| <li><a href="faq.html">FAQ</a></li> | |
| <li><a href="about.html">About</a></li> | |
| <li><a href="contact.html">Contact</a></li> | |
| </ul> | |
| </div> | |
| </nav> | |
| <main class="page-main"> | |
| <section class="page-header"> | |
| <div class="container"> | |
| <h1>Join Crypto LLM</h1> | |
| <p>Create your account and start earning with your GPU in minutes.</p> | |
| </div> | |
| </section> | |
| <section class="join-form-section"> | |
| <div class="container join-form-container"> | |
| <form class="join-form" id="joinForm" autocomplete="off"> | |
| <label for="username">Username</label> | |
| <input type="text" id="username" name="username" required placeholder="Your username"> | |
| <label for="email">Email</label> | |
| <input type="email" id="email" name="email" required placeholder="you@email.com"> | |
| <label for="password">Password</label> | |
| <input type="password" id="password" name="password" required minlength="8" placeholder="Choose a password"> | |
| <button type="submit" class="btn btn-primary btn-lg">Create Account</button> | |
| </form> | |
| <div class="join-divider"> | |
| <span>or</span> | |
| </div> | |
| <div class="wallet-connect"> | |
| <button type="button" class="btn btn-secondary btn-lg" id="connectWalletBtn"> | |
| <!-- TODO: Replace with wallet SVG icon --> | |
| <img src="https://www.svgrepo.com/show/353498/metamask-icon.svg" style="width:22px;vertical-align:middle;margin-right:8px;" alt="Wallet Icon"/> | |
| Connect Crypto Wallet | |
| </button> | |
| </div> | |
| <p class="join-info"> | |
| By joining, you agree to our <a href="terms.html">Terms of Service</a>. <br> | |
| Already have an account? <a href="#">Login</a> | |
| </p> | |
| </div> | |
| </section> | |
| </main> | |
| <footer class="footer"> | |
| <div class="container footer-flex"> | |
| <div class="footer-brand"> | |
| <a href="index.html" class="logo"><span>Crypto</span><span class="brand-highlight">LLM</span></a> | |
| <p>© 2025 Crypto LLM. All rights reserved.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| // Simple join form handler (prevent default demo; connect wallet placeholder) | |
| document.getElementById('joinForm').onsubmit = e => { | |
| e.preventDefault(); | |
| alert('Signup logic to be implemented.'); | |
| } | |
| document.getElementById('connectWalletBtn').onclick = () => { | |
| alert('Wallet connection coming soon.'); | |
| } | |
| </script> | |
| </body> | |
| </html> |