/
alekstar79
/
qr-code
Обзор
Документация
Войти
/
alekstar79
/
qr-code
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
dist/index.html
119 строк
5 KB
alekstar79
Release 1.0.0
06 фев 2023, 18:58
06 фев 2023, 18:58
5806e76
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="shortcut icon" href="favicon.png" type="image/x-icon"> <title>Генератор QR-кода</title> <link rel="stylesheet" href="css/style.css"> <script src="js/qr-code.js" defer></script> <script src="js/app.js" defer></script> </head> <body> <main class="container"> <div id="app"> <div class="section-header"> <header> <div class="header-logo h1"> <span class="lang-head-1">ГЕНЕРАТОР</span> <span class="lang-head-2">QR</span> <span class="lang-head-3">КОДА</span> </div> <div class="btn-simple lang-btn-create h2" id="generate-qrcode"> генерировать </div> <div class="header-lang"> <select class="switch h4"> <option value="rus">РУС</option> <option value="eng">ENG</option> </select> </div> </header> <div class="error-message h3"></div> </div> <div class="section-main"> <div class="main params"> <div class="lang-main-text h2">Текст для кодирования</div> <textarea id="qr-text" class="h3"></textarea> <div class="lang-main-params h2">Параметры генерации QR-кода</div> <div class="main-params h4 access-main-params"> <div id="qr-mode" class="row-box"> <span class="col-0 lang-param-mode">метод кодирования</span> <div class="col-1 switch h4 lang-vs1">авто</div> <select class="col-2 switch h4 hide"> <option value="1" class="lang-m1">цифровой</option> <option value="2" class="lang-m2">буквенно-цифровой</option> <option value="4" class="lang-m4">двоичный (UTF8)</option> </select> <span class="col-3 h4 hide"></span> </div> <div id="qr-eccl" class="row-box"> <span class="col-0 lang-param-eccl">уровень коррекции ошибок</span> <div class="col-1 switch h4 lang-vs1">авто</div> <select class="col-2 switch h4 hide"> <option value="1">L ( 7%)</option> <option value="0">M (15%)</option> <option value="3">Q (25%)</option> <option value="2" selected>H (30%)</option> </select> <span class="col-3 h4 hide"></span> </div> <div id="qr-version" class="row-box"> <span class="col-0 lang-param-version">версия ( 1 - 40 )</span> <div class="col-1 switch h4 lang-vs1">авто</div> <input class="col-2 switch h4 hide" value="1" placeholder="1"> <span class="col-3 h4 hide"></span> </div> <div id="qr-mask" class="row-box"> <span class="col-0 lang-param-mask">шаблон маски ( 0 - 7 )</span> <div class="col-1 switch h4 lang-vs1">авто</div> <input class="col-2 switch h4 hide" value="0" placeholder="0"> <span class="col-3 h4 hide"></span> </div> <div id="qr-modsize" class="row-box"> <span class="col-0 lang-param-modsize">размер модуля ( n x n )</span> <div class="col-1 switch h4 lang-vs1">авто</div> <input class="col-2 switch h4 hide" value="1" placeholder="1"> <span class="col-3 h4 hide"></span> </div> <div id="qr-margin" class="row-box"> <span class="col-0 lang-param-margin">размер свободной зоны в модулях</span> <div class="col-1 switch h4 lang-vs1">авто</div> <input class="col-2 switch h4 hide" value="0" placeholder="0"> <span class="col-3 h4 hide"></span> </div> </div> </div> <div class="main qrcode"> <div id="qrcode-output" class="empty"></div> <div id="qrcode-save-as" class="access-save-as h4"> <div class="save-as btn-symbol h-btn" data-image="png">PNG</div> <div class="save-as btn-symbol h-btn" data-image="svg">SVG</div> <div class="save-as btn-symbol h-btn" data-image="html">HTML</div> <div class="save-as-title lang-save-as-title">Сохранить</div> </div> </div> </div> </div> </main> </body> </html>