/
sergioplay.dev
/
password_generator
Обзор
Документация
Войти
/
sergioplay.dev
/
password_generator
Код
Запросы
0
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
main
index.html
58 строк
2 KB
SerGio_Play
Update index.html
08 июн 2023, 18:35
Не верифицирован
08 июн 2023, 18:35
614640e
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru" > <head> <meta charset="UTF-8"> <title>Генератор паролей</title> <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css'> <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Montserrat&display=swap'><link rel="stylesheet" href="./style.css"> </head> <body> <!-- partial:index.partial.html --> <div class="container"> <h2 class="title">Генератор паролей</h2> <div class="result"> <div class="result__title field-title">Сгенерировать пароль</div> <div class="result__info right">копировать</div> <div class="result__info left">скопировано</div> <div class="result__viewbox" id="result">Нажмите сгенерировать</div> <button id="copy-btn" style="--x: 0; --y: 0"><i class="far fa-copy"></i></button> </div> <div class="length range__slider" data-min="8" data-max="45"> <div class="length__title field-title" data-length='0'>длина:</div> <input id="slider" type="range" min="8" max="45" value="8" /> </div> <div class="settings"> <span class="settings__title field-title">Параметры</span> <div class="setting"> <input type="checkbox" id="uppercase" checked /> <label for="uppercase">Включить верхний регистр букв</label> </div> <div class="setting"> <input type="checkbox" id="lowercase" checked /> <label for="lowercase">Включить нижный регистр букв</label> </div> <div class="setting"> <input type="checkbox" id="number" checked /> <label for="number">Включить числа</label> </div> <div class="setting"> <input type="checkbox" id="symbol" /> <label for="symbol">Включить символы</label> </div> </div> <button class="btn generate" id="generate">Сгенерировать</button> </div> <div class="author"> Разработчик сайта: <a target="_blank" href="https://sergioplay01.github.io/portfolio_sergio_play/" class="link"> SerGio Play </a> </div> <script src="./script.js"></script> </body> </html>