Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
 
 
 
 
 
 

199 rader
11 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width">
  6. <link rel="stylesheet" href="dist/lesspass-vendors.css">
  7. <link rel="stylesheet" href="dist/lesspass-pure.css">
  8. <style>
  9. body {
  10. min-width: 655px;
  11. padding: 1em;
  12. }
  13. .option-block {
  14. display: block;
  15. }
  16. #autoLoginButton {
  17. display: table-cell;
  18. }
  19. </style>
  20. </head>
  21. <body>
  22. <div id="passwordGenerator">
  23. <div class="card">
  24. <div id="password-block" class="card-block">
  25. <form id="generatedPasswordForm">
  26. <fieldset class="form-group">
  27. <label for="login" class="sr-only">Login</label>
  28. <input id="login"
  29. name="login"
  30. type="text"
  31. class="form-control"
  32. placeholder="Login"
  33. autofocus
  34. autocomplete="off"
  35. autocorrect="off"
  36. autocapitalize="none">
  37. <!-- remove autofill for masterPassword -->
  38. <input type="password" id="password" style="display: none">
  39. </fieldset>
  40. <fieldset class="form-group">
  41. <label for="masterPassword" class="sr-only">Password</label>
  42. <div class="input-group">
  43. <input id="masterPassword"
  44. name="masterPassword"
  45. type="password"
  46. class="form-control"
  47. placeholder="Master password"
  48. autocomplete="off"
  49. autocorrect="off"
  50. autocapitalize="none">
  51. <span class="input-group-btn">
  52. <a id="displayMasterPasswordButton" class="btn btn-secondary" type="button"
  53. tabindex="-1">
  54. <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"
  55. alt="See secret">
  56. <small class="hint--top" id="fingerprint" aria-label="fingerprint"></small>
  57. </a>
  58. </span>
  59. </div>
  60. </fieldset>
  61. <fieldset class="form-group">
  62. <label for="site" class="sr-only">Site</label>
  63. <input id="site"
  64. name="site"
  65. type="text"
  66. class="form-control"
  67. placeholder="Site"
  68. autofocus
  69. autocomplete="off"
  70. autocorrect="off"
  71. autocapitalize="none">
  72. </fieldset>
  73. <fieldset class="form-group">
  74. <div class="input-group">
  75. <span id="autoLoginButton" class="input-group-btn">
  76. <button class="btn btn-secondary">
  77. <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABmJLR0QA/wD/AP+gvaeTAAAAzUlEQVQ4je3SIWtCURgG4AdXBRUMFjGMgWF5TYsia/4n9xPWx0wm/4Gsj60Oo1pXFxY1eA67yA3nzmtRXzh83BMe3nvO4VzSStyv4i4V7eItTBiF2cYCD+G7jg/84jEV74V5g2VoBv0D9BNPAR+m4n18YYs1xmG/kUEbuMcPJqlwXuM89BtTVIrA/J1xRLfhTwbHoDFZNLsiWjsF2sRcgctLQWPGChxHHe856Mz+Uv+VC0fhOQd9dcQ7jelgpcSm2dxigxclND1MaS2vsQOL4kuuSAflIAAAAABJRU5ErkJggg=="
  78. alt="auto login">
  79. </button>
  80. </span>
  81. <label for="generatedPassword" class="sr-only">Password Generated</label>
  82. <input id="generatedPassword"
  83. name="generatedPassword"
  84. type="text"
  85. class="form-control"
  86. tabindex="-1"
  87. readonly>
  88. <span class="input-group-btn">
  89. <button id="copyPasswordButton" class="btn-copy btn btn-primary" type="button"
  90. data-clipboard-target="#generatedPassword">
  91. <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABmJLR0QA/wD/AP+gvaeTAAABNUlEQVQ4jdXUsWoVURSF4W9HowYsbQ1CVBAELSySTlJFsEmRIkUsBAufQAufwQfQ1kIUlGBr7QOkCES0EeVWoqWFZFnk3jAZ7sQhE8T8cJhzZvb6ObNnOJw0ajJJMo8HmO2R28WLqtruKjjdmD/EY/zG5jg8jTs4j4vY6CM+M77+xCOkI3MN13G2S9oWT7iAT4eF+jAzIHspybmuh9N2PI2PeNJY38NdvE2yWlW/jir+XlWvJ4ski/iAK13yIa34htu4jM0kc8clVlVfsYwFvElyaqh4hLUkwZexeAXrQ8VPcQO3GuM9bk4K+n68A1TVLraa95L80DgiBvX4MP6JeOc4xfs9rqpnSd5hrlVz394vdTTxWD5qFyQZ4WqSV39xLeHzVHEHL+2deO03abOD5z18/yl/AD7MTbMWZ1fGAAAAAElFTkSuQmCC"
  92. alt="Copy">
  93. </button>
  94. </span>
  95. </div>
  96. </fieldset>
  97. <fieldset class="form-group m-b-0">
  98. <span id="displayOptionsButton">
  99. <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=="
  100. alt="Options">
  101. Advanced options
  102. </span>
  103. </fieldset>
  104. <fieldset class="form-group option-block m-t-1">
  105. <div class="row">
  106. <div class="col-xs-12">
  107. <label>Password groups :</label>
  108. </div>
  109. </div>
  110. <div class="row">
  111. <div class="col-sm-6">
  112. <label class="c-input c-checkbox">
  113. <input type="checkbox" id="lowercase" value="lowercase" name="lowercase"
  114. checked>
  115. <span class="c-indicator"></span> Lower letters (a‑z)
  116. </label>
  117. </div>
  118. <div class="col-sm-6">
  119. <label class="c-input c-checkbox">
  120. <input type="checkbox" id="uppercase" value="uppercase" name="uppercase"
  121. checked>
  122. <span class="c-indicator"></span> Upper letters (A-Z)
  123. </label>
  124. </div>
  125. </div>
  126. <div class="row">
  127. <div class="col-sm-6">
  128. <label class="c-input c-checkbox">
  129. <input type="checkbox" id="numbers" value="numbers" name="numbers" checked>
  130. <span class="c-indicator"></span> Numbers (0-9)
  131. </label>
  132. </div>
  133. <div class="col-sm-6">
  134. <label class="c-input c-checkbox">
  135. <input type="checkbox" id="symbols" value="symbols" name="symbols" checked>
  136. <span class="c-indicator"></span> Special chars (@&%)
  137. </label>
  138. </div>
  139. </div>
  140. </fieldset>
  141. <fieldset class="form-group option-block">
  142. <div class="row">
  143. <div class="col-xs-6">
  144. <label for="passwordLength">Length :</label>
  145. <input id="passwordLength"
  146. type="number"
  147. class="form-control"
  148. value="12"
  149. min="6"
  150. max="64"/>
  151. </div>
  152. <div class="col-xs-6">
  153. <label for="passwordCounter">Counter :</label>
  154. <input id="passwordCounter"
  155. type="number" class="form-control"
  156. value="1"
  157. min="1"
  158. max="1000"/>
  159. </div>
  160. </div>
  161. </fieldset>
  162. <!--
  163. <fieldset class="form-group option-block">
  164. <div class="row">
  165. <div class="col-xs-12">
  166. <label class="c-input c-checkbox">
  167. <input type="checkbox" id="saveLocally" value="saveLocally" name="saveLocally">
  168. <span class="c-indicator"></span> Save passwords info locally
  169. </label>
  170. </div>
  171. </div>
  172. </fieldset>
  173. <fieldset class="form-group option-block">
  174. <div class="row">
  175. <div class="col-xs-6">
  176. <button class="btn btn-success-outline btn-sm btn-block">
  177. <i class="fa fa-download" aria-hidden="true"></i> download passwords info
  178. </button>
  179. </div>
  180. <div class="col-xs-6">
  181. <button class="btn btn-primary-outline btn-sm btn-block">
  182. <i class="fa fa-upload" aria-hidden="true"></i> load passwords info
  183. </button>
  184. </div>
  185. </div>
  186. </fieldset>
  187. -->
  188. </form>
  189. </div>
  190. </div>
  191. </div>
  192. <script src="dist/lesspass-vendors.js"></script>
  193. <script src="dist/lesspass-pure.js"></script>
  194. <script src="dist/popup.min.js"></script>
  195. </body>
  196. </html>