diff --git a/login.html b/login.html index 867348d..57fad42 100644 --- a/login.html +++ b/login.html @@ -1,85 +1,85 @@ -<!DOCTYPE html> -<html lang="ru"> -<head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <title>Login</title> - <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> - <style> - - body { - background-color: #ffffff; - color: #066163; - - } - - .login-container { - margin-top: 100px; - padding-top: 50px; - } - - - </style> -</head> -<body> - <nav class="navbar" style="background-color: #066163;" data-bs-theme="dark" > - <div class="container"> - <a class="navbar-brand" href="/">Minecraft</a> - <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> - <span class="navbar-toggler-icon"></span> - </button> - <div class="collapse navbar-collapse" id="navbarNav"> - <ul class="navbar-nav ms-auto"> - <li class="nav-item"> - <a class="nav-link" href="/about">О нас</a> - </li> - <li class="nav-item"> - <a class="nav-link" href="/contact">Контакты</a> - </li> - <li class="nav-item"> - <a class="nav-link" href="/dwnld">Скачать</a> - </li> - <li class="nav-item"> - <a class="nav-link" href="/login">Войти</a> - </li> - </ul> - </div> - </div> - </nav> - -<div class="container login-container"> - <div class="row justify-content-center"> - <div class="col-md-6"> - <h1 class="text-center">Войти в аккаунт</h1> - <form action="/login" method="post"> - <div class="mb-3"> - <label for="username" class="form-label">Name:</label> - <input type="text" class="form-control" id="username" name="username" required> - </div> - <div class="mb-3"> - <label for="password" class="form-label">Password:</label> - <div class="input-group"> - <input type="password" class="form-control" id="password" name="password" required> - <button class="btn btn-outline-secondary" type="button" id="togglePassword"><i class="bi bi-eye-fill"></i></button> - </div> - </div> - <button type="submit" class="btn btn-primary">Log in</button> - </form> - </div> - </div> -</div> - -<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> -<script> - const togglePassword = document.querySelector('#togglePassword'); - const password = document.querySelector('#password'); - - togglePassword.addEventListener('click', function () { - const type = password.getAttribute('type') === 'password' ? 'text' : 'password'; - password.setAttribute('type', type); - this.classList.toggle('bi-eye-fill'); - this.classList.toggle('bi-eye-slash-fill'); - }); -</script> -</body> +<!DOCTYPE html> +<html lang="ru"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Login</title> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> + <style> + + body { + background-color: #ffffff; + color: #066163; + + } + + .login-container { + margin-top: 100px; + padding-top: 50px; + } + + + </style> +</head> +<body> + <nav class="navbar" style="background-color: #066163;" data-bs-theme="dark" > + <div class="container"> + <a class="navbar-brand" href="/">Minecraft</a> + <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + <div class="collapse navbar-collapse" id="navbarNav"> + <ul class="navbar-nav ms-auto"> + <li class="nav-item"> + <a class="nav-link" href="/about">О нас</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="/contact">Контакты</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="/dwnld">Скачать</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="/login">Войти</a> + </li> + </ul> + </div> + </div> + </nav> + +<div class="container login-container"> + <div class="row justify-content-center"> + <div class="col-md-6"> + <h1 class="text-center">Войти в аккаунт</h1> + <form action="/login" method="post"> + <div class="mb-3"> + <label for="username" class="form-label">Имя</label> + <input type="text" class="form-control" id="username" name="username" required> + </div> + <div class="mb-3"> + <label for="password" class="form-label">Пароль</label> + <div class="input-group"> + <input type="password" class="form-control" id="password" name="password" required> + <button class="btn btn-outline-secondary" type="button" id="togglePassword"><i class="bi bi-eye-fill"></i></button> + </div> + </div> + <button type="submit" class="btn btn-primary">Log in</button> + </form> + </div> + </div> +</div> + +<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> +<script> + const togglePassword = document.querySelector('#togglePassword'); + const password = document.querySelector('#password'); + + togglePassword.addEventListener('click', function () { + const type = password.getAttribute('type') === 'password' ? 'text' : 'password'; + password.setAttribute('type', type); + this.classList.toggle('bi-eye-fill'); + this.classList.toggle('bi-eye-slash-fill'); + }); +</script> +</body> </html> \ No newline at end of file