The probably user-friendliest password generator out there, available as a web app or command line program. Generates random strings, gibberish (pronounceable passwords), or 'correct-horse-battery-staple' passphrases in English or German. https://pag.momar.io
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

47 lines
2.9 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>password generator</title>
  5. <meta name="description" content="The probably user-friendliest password generator out there - just press Ctrl+C. Generates random strings, gibberish (pronounceable passwords), or 'correct-horse-battery-staple' passphrases in English or German.">
  6. <meta charset="utf-8">
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <link rel="shortcut icon" href="./favicon.ico"><!-- lock-password-fill from https://remixicon.com/ -->
  9. <link rel="stylesheet" href="./iosevka/webfont.css">
  10. <link rel="stylesheet" href="./style.css">
  11. </head>
  12. <body>
  13. <main style="width: 100%">
  14. <div class="password">
  15. <img class="update" onclick="update()" src="data:image/svg+xml,<svg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path class='heroicon-ui' d='M6 18.7V21a1 1 0 0 1-2 0v-5a1 1 0 0 1 1-1h5a1 1 0 1 1 0 2H7.1A7 7 0 0 0 19 12a1 1 0 1 1 2 0 9 9 0 0 1-15 6.7zM18 5.3V3a1 1 0 0 1 2 0v5a1 1 0 0 1-1 1h-5a1 1 0 0 1 0-2h2.9A7 7 0 0 0 5 12a1 1 0 1 1-2 0 9 9 0 0 1 15-6.7z'/></svg>"><!-- https://www.iconfinder.com/icons/2867936/icon_refresh_icon (MIT License) -->
  16. <code></code>
  17. </div>
  18. <div class="selection">
  19. <strong>Generator:</strong>
  20. <div>
  21. <a data-type="alphanum" onclick="setType('alphanum')">alphanum <kbd>A</kbd></a>
  22. <a data-type="random" onclick="setType('random')">random <kbd>R</kbd></a>
  23. <a data-type="gibberish" onclick="setType('gibberish')">gibberish <kbd>G</kbd></a>
  24. <a data-type="passphrase-de" onclick="setType('passphrase-de')">passphrase-de <kbd>D</kbd></a>
  25. <a data-type="passphrase-en" onclick="setType('passphrase-en')">passphrase-en <kbd>E</kbd></a>
  26. </div>
  27. </div>
  28. <div class="selection">
  29. <strong>Strength:&nbsp;</strong>
  30. <div>
  31. <a data-strength="1" onclick="setStrength(1)" title="Equivalent to 8 random characters">easy <kbd>1</kbd></a>
  32. <a data-strength="2" onclick="setStrength(2)" title="Equivalent to 12 random characters">medium <kbd>2</kbd></a>
  33. <a data-strength="3" onclick="setStrength(3)" title="Equivalent to 18 random characters">strong <kbd>3</kbd></a>
  34. <a data-strength="4" onclick="setStrength(4)" title="Equivalent to 24 random characters">insane <kbd>4</kbd></a>
  35. </div>
  36. </div>
  37. <div class="selection">
  38. <a href="https://codeberg.org/momar/pag" class="link">Source &amp; Command-Line Application</a>
  39. </div>
  40. </main>
  41. <script src="./generate.js"></script>
  42. <script src="./script.js"></script>
  43. </body>
  44. </html>