|
- <!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>
|