heuzef
/
lesspass
kopie van https://github.com/lesspass/lesspass.git


			
				
					
						
						
							
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="dist/lesspass-vendors.css">
    <link rel="stylesheet" href="dist/lesspass-pure.css">
    <style>
        body {
            min-width: 655px;
            padding: 1em;
        }

        .option-block {
            display: block;
        }

        #autoLoginButton {
            display: table-cell;
        }
    </style>
</head>
<body>
<div id="passwordGenerator">
    <div class="card">
        <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="password" 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">
                                <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABmJLR0QA/wD/AP+gvaeTAAABXElEQVQ4jeXTvUsdQRjF4edevyvRoKSTkNLKj4AXAloplgmCZUiXSmzEwl4D6cUulWCrjYGAH4V/gzaaJlYpUgRFg9dNMQOum9nrVSvxwLIz+7K/98xhXp6aWu6oVzCHF/iFWbzG4WMbf0BWeP5i8LHgwwQ4w9eHwCr4hO8l0AwX2MB0GaSa+NaGMYw2aN6BGoYauSvTW6xhGX3ox0+cYRW9Qt5NqxULWBGOPBChO8Jp3uEPFvHxPmD45ibPy+gswzmucrUvZYBUxrCZW7dHp9Dl9t3fvo/bmpBjhjpmcBL3e5jPOT7Fy2bBB25frXEM4wd6hGzz9c8pSDGK/ug4r5EIPcPvuM/rfTNuJ/w/DOuYFGLpxnGhXkdnEdRa2Pckmo0Io13FFF4V6tXY8KKR41rCcR37cb2bqF+6uTWlqmIr8fN14Z3/vpQCpUa6gjfCxDXSlRDR0V1un7n+AYMEbjEuFwpUAAAAAElFTkSuQmCC"
                                     alt="See secret">
                                <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"
                           autofocus
                           autocomplete="off"
                           autocorrect="off"
                           autocapitalize="none">
                </fieldset>
                <fieldset class="form-group">
                    <div class="input-group">
                        <span id="autoLoginButton" class="input-group-btn">
                            <button class="btn btn-secondary">
                                <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABmJLR0QA/wD/AP+gvaeTAAAAzUlEQVQ4je3SIWtCURgG4AdXBRUMFjGMgWF5TYsia/4n9xPWx0wm/4Gsj60Oo1pXFxY1eA67yA3nzmtRXzh83BMe3nvO4VzSStyv4i4V7eItTBiF2cYCD+G7jg/84jEV74V5g2VoBv0D9BNPAR+m4n18YYs1xmG/kUEbuMcPJqlwXuM89BtTVIrA/J1xRLfhTwbHoDFZNLsiWjsF2sRcgctLQWPGChxHHe856Mz+Uv+VC0fhOQd9dcQ7jelgpcSm2dxigxclND1MaS2vsQOL4kuuSAflIAAAAABJRU5ErkJggg=="
                                     alt="auto login">
                            </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">
                                <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABmJLR0QA/wD/AP+gvaeTAAABNUlEQVQ4jdXUsWoVURSF4W9HowYsbQ1CVBAELSySTlJFsEmRIkUsBAufQAufwQfQ1kIUlGBr7QOkCES0EeVWoqWFZFnk3jAZ7sQhE8T8cJhzZvb6ObNnOJw0ajJJMo8HmO2R28WLqtruKjjdmD/EY/zG5jg8jTs4j4vY6CM+M77+xCOkI3MN13G2S9oWT7iAT4eF+jAzIHspybmuh9N2PI2PeNJY38NdvE2yWlW/jir+XlWvJ4ski/iAK13yIa34htu4jM0kc8clVlVfsYwFvElyaqh4hLUkwZexeAXrQ8VPcQO3GuM9bk4K+n68A1TVLraa95L80DgiBvX4MP6JeOc4xfs9rqpnSd5hrlVz394vdTTxWD5qFyQZ4WqSV39xLeHzVHEHL+2deO03abOD5z18/yl/AD7MTbMWZ1fGAAAAAElFTkSuQmCC"
                                     alt="Copy">
                            </button>
                        </span>
                    </div>
                </fieldset>
                <fieldset class="form-group m-b-0">
                     <span id="displayOptionsButton">
                        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABmJLR0QA/wD/AP+gvaeTAAABhElEQVQ4jeXUsUtXURQH8I+mQYPuLlEJDaUNSqIhrQUNDkK6CUG1BYGrm4qONujvD3AQ3EScbUzXFgvM1EkFTSHQgl/DOz+8PHzvpyA0+IXHed9zzj33nHvvOdwktKIj/juCXwu+4BBvcBD8UmjAfdwrsM+gGsGrwS+FF7GgiseJvg1LOMZE6CaDL4VdYy5YP35gBAOJfhCj2MQT9KIFW2HfCt6LO/kMm7GfZFn0rYV/Bb+xErKSBksz/oPphJ9gHos4S/RTIbtxG9shu9PATSFv4Tnag//CU3wP3ofPUVUnfuI9HmIBq/iWPwJ4lCu3coHPcs6n5aJANeQvrwwNdXjhBj34FNkcycqsoU92zlWM45nsTIfC/hpdZRt8cF7qsfPLO030w+G7jr+Yk138elnWu+o/t6/hX/rc8ujBjqz/Z5NgY/iIDbzCXujfxrp3wffwoGwDeJkELmrp8dBNyLV0GRplQ+hugb02hI5ccQjVQzo2D11hbNZDq6wLhby2Qf9/8A9IaHNVoXWKEAAAAABJRU5ErkJggg=="
                             alt="Options">
                         Advanced options
                    </span>
                </fieldset>
                <fieldset class="form-group option-block m-t-1">
                    <div class="row">
                        <div class="col-xs-12">
                            <label>Password groups :</label>
                        </div>
                    </div>
                    <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>
                <!--
                <fieldset class="form-group option-block">
                    <div class="row">
                        <div class="col-xs-12">
                            <label class="c-input c-checkbox">
                                <input type="checkbox" id="saveLocally" value="saveLocally" name="saveLocally">
                                <span class="c-indicator"></span> Save passwords info locally
                            </label>
                        </div>
                    </div>
                </fieldset>
                <fieldset class="form-group option-block">
                    <div class="row">
                        <div class="col-xs-6">
                            <button class="btn btn-success-outline btn-sm btn-block">
                                <i class="fa fa-download" aria-hidden="true"></i> download passwords info
                            </button>
                        </div>
                        <div class="col-xs-6">
                            <button class="btn btn-primary-outline btn-sm btn-block">
                                <i class="fa fa-upload" aria-hidden="true"></i> load passwords info
                            </button>
                        </div>
                    </div>
                </fieldset>
                -->
            </form>
        </div>
    </div>
</div>
<script src="dist/lesspass-vendors.js"></script>
<script src="dist/lesspass-pure.js"></script>
<script src="dist/popup.min.js"></script>
</body>
</html>