heuzef
/
lesspass
mirror da https://github.com/lesspass/lesspass.git


			
				
					
						
						
							
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>lesspass</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="dist/lesspass.uncss.css">
    <style>
        body {
            background-color: #008ed6;
        }
    </style>
</head>
<body>
<div class="container m-t-2">
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <div id="passwordGenerator">
                <div class="card">
                    <div class="card-header">
                        <img src="dist/logo.png" id="logo" alt="logo">
                    </div>
                    <div id="password-block" class="card-block">
                        <form id="generatedPasswordForm">
                            <fieldset class="form-group">
                                <label for="login" class="sr-only">Login</label>
                                <input id="login"
                                       name="login"
                                       type="text"
                                       class="form-control"
                                       placeholder="Login"
                                       autofocus
                                       autocomplete="off"
                                       autocorrect="off"
                                       autocapitalize="none">
                                <!-- remove autofill for masterPassword -->
                                <input type="hidden" id="password" style="display: none">
                            </fieldset>
                            <fieldset class="form-group">
                                <label for="masterPassword" class="sr-only">Password</label>
                                <div class="input-group">
                                    <input id="masterPassword"
                                           name="masterPassword"
                                           type="password"
                                           class="form-control"
                                           placeholder="Master password"
                                           autocomplete="off"
                                           autocorrect="off"
                                           autocapitalize="none">
                                    <span class="input-group-btn">
                                        <a id="displayMasterPasswordButton" class="btn btn-secondary" type="button"
                                           tabindex="-1">
                                            <svg viewBox="0 0 1792 1792"
                                                 xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1664 960q-152-236-381-353 61 104 61 225 0 185-131.5 316.5t-316.5 131.5-316.5-131.5-131.5-316.5q0-121 61-225-229 117-381 353 133 205 333.5 326.5t434.5 121.5 434.5-121.5 333.5-326.5zm-720-384q0-20-14-34t-34-14q-125 0-214.5 89.5t-89.5 214.5q0 20 14 34t34 14 34-14 14-34q0-86 61-147t147-61q20 0 34-14t14-34zm848 384q0 34-20 69-140 230-376.5 368.5t-499.5 138.5-499.5-139-376.5-368q-20-35-20-69t20-69q140-229 376.5-368t499.5-139 499.5 139 376.5 368q20 35 20 69z"/>
                                            </svg>
                                            <small class="hint--top" id="fingerprint" aria-label="fingerprint"></small>
                                        </a>
                                    </span>
                                </div>
                            </fieldset>
                            <fieldset class="form-group">
                                <label for="site" class="sr-only">Site</label>
                                <input id="site"
                                       name="site"
                                       type="text"
                                       class="form-control"
                                       placeholder="Site"
                                       list="domains"
                                       autofocus
                                       autocomplete="off"
                                       autocorrect="off"
                                       autocapitalize="none">
                                <datalist id="domains"></datalist>
                            </fieldset>
                            <fieldset class="form-group">
                                <div class="input-group">
                                    <span id="autoLoginButton" class="input-group-btn">
                                        <button class="btn btn-secondary">
                                            <svg viewBox="0 0 1792 1792"
                                                 xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1254 581l293-293-107-107-293 293zm447-293q0 27-18 45l-1286 1286q-18 18-45 18t-45-18l-198-198q-18-18-18-45t18-45l1286-1286q18-18 45-18t45 18l198 198q18 18 18 45zm-1351-190l98 30-98 30-30 98-30-98-98-30 98-30 30-98zm350 162l196 60-196 60-60 196-60-196-196-60 196-60 60-196zm930 478l98 30-98 30-30 98-30-98-98-30 98-30 30-98zm-640-640l98 30-98 30-30 98-30-98-98-30 98-30 30-98z"/>
                                            </svg>
                                        </button>
                                    </span>
                                    <label for="generatedPassword" class="sr-only">Password Generated</label>
                                    <input id="generatedPassword"
                                           name="generatedPassword"
                                           type="text"
                                           class="form-control"
                                           tabindex="-1"
                                           readonly>
                                    <span class="input-group-btn">
                                        <button id="copyPasswordButton" class="btn-copy btn btn-primary" type="button"
                                                data-clipboard-target="#generatedPassword">
                                            <svg viewBox="0 0 1792 1792"
                                                 xmlns="http://www.w3.org/2000/svg">
                                                <path d="M768 1664h896v-640h-416q-40 0-68-28t-28-68v-416h-384v1152zm256-1440v-64q0-13-9.5-22.5t-22.5-9.5h-704q-13 0-22.5 9.5t-9.5 22.5v64q0 13 9.5 22.5t22.5 9.5h704q13 0 22.5-9.5t9.5-22.5zm256 672h299l-299-299v299zm512 128v672q0 40-28 68t-68 28h-960q-40 0-68-28t-28-68v-160h-544q-40 0-68-28t-28-68v-1344q0-40 28-68t68-28h1088q40 0 68 28t28 68v328q21 13 36 28l408 408q28 28 48 76t20 88z"
                                                      fill="#fff"/>
                                            </svg>
                                        </button>
                                    </span>
                                </div>
                            </fieldset>
                            <fieldset class="form-group m-b-0">
                                <div class="row">
                                    <div class="col-xs-6">
                                        <label id="displayOptionsButton">
                                            <svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1152 896q0-106-75-181t-181-75-181 75-75 181 75 181 181 75 181-75 75-181zm512-109v222q0 12-8 23t-20 13l-185 28q-19 54-39 91 35 50 107 138 10 12 10 25t-9 23q-27 37-99 108t-94 71q-12 0-26-9l-138-108q-44 23-91 38-16 136-29 186-7 28-36 28h-222q-14 0-24.5-8.5t-11.5-21.5l-28-184q-49-16-90-37l-141 107q-10 9-25 9-14 0-25-11-126-114-165-168-7-10-7-23 0-12 8-23 15-21 51-66.5t54-70.5q-27-50-41-99l-183-27q-13-2-21-12.5t-8-23.5v-222q0-12 8-23t19-13l186-28q14-46 39-92-40-57-107-138-10-12-10-24 0-10 9-23 26-36 98.5-107.5t94.5-71.5q13 0 26 10l138 107q44-23 91-38 16-136 29-186 7-28 36-28h222q14 0 24.5 8.5t11.5 21.5l28 184q49 16 90 37l142-107q9-9 24-9 13 0 25 10 129 119 165 170 7 8 7 22 0 12-8 23-15 21-51 66.5t-54 70.5q26 50 41 98l183 28q13 2 21 12.5t8 23.5z"/>
                                            </svg>
                                            Options
                                        </label>
                                    </div>
                                    <!--
                                    <div class="col-xs-6 text-xs-right">
                                        <label id="displayHelpButton">
                                            How it works ?
                                        </label>
                                    </div>
                                    -->
                                </div>
                            </fieldset>
                            <fieldset class="form-group option-block m-t-1">
                                <div class="row">
                                    <div class="col-sm-6">
                                        <label class="c-input c-checkbox">
                                            <input type="checkbox" id="lowercase" value="lowercase" name="lowercase"
                                                   checked>
                                            <span class="c-indicator"></span> Lower letters (a‑z)
                                        </label>
                                    </div>
                                    <div class="col-sm-6">
                                        <label class="c-input c-checkbox">
                                            <input type="checkbox" id="uppercase" value="uppercase" name="uppercase"
                                                   checked>
                                            <span class="c-indicator"></span> Upper letters (A-Z)
                                        </label>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-6">
                                        <label class="c-input c-checkbox">
                                            <input type="checkbox" id="numbers" value="numbers" name="numbers" checked>
                                            <span class="c-indicator"></span> Numbers (0-9)
                                        </label>
                                    </div>
                                    <div class="col-sm-6">
                                        <label class="c-input c-checkbox">
                                            <input type="checkbox" id="symbols" value="symbols" name="symbols" checked>
                                            <span class="c-indicator"></span> Special chars (@&%)
                                        </label>
                                    </div>
                                </div>
                            </fieldset>
                            <fieldset class="form-group option-block">
                                <div class="row">
                                    <div class="col-xs-6">
                                        <label for="passwordLength">Length :</label>
                                        <input id="passwordLength"
                                               type="number"
                                               class="form-control"
                                               value="12"
                                               min="6"
                                               max="64"/>
                                    </div>
                                    <div class="col-xs-6">
                                        <label for="passwordCounter">Counter :</label>
                                        <input id="passwordCounter"
                                               type="number" class="form-control"
                                               value="1"
                                               min="1"
                                               max="1000"/>
                                    </div>
                                </div>
                            </fieldset>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="dist/lesspass.js"></script>
</body>
</html>