diff options
| author | gabrielgio <gabriel.giovanini@pm.me> | 2022-03-25 20:31:58 +0100 |
|---|---|---|
| committer | gabrielgio <gabriel.giovanini@pm.me> | 2022-03-25 20:31:58 +0100 |
| commit | 34af714c51173075d3a0ac7148ce60334d248aba (patch) | |
| tree | 1f68750a5fd9002b8c1d731a38b31c2d6a1cb398 /www/index.html | |
| parent | 51b4460935bb04d26d368810aa5c330fb9bcccdd (diff) | |
| download | genpass-34af714c51173075d3a0ac7148ce60334d248aba.tar.gz genpass-34af714c51173075d3a0ac7148ce60334d248aba.tar.bz2 genpass-34af714c51173075d3a0ac7148ce60334d248aba.zip | |
feat: Add options for password generator
Add new options to generate a passowrd:
- upper letters
- lower letters
- numbers
- special
Special needs to be worked on still, as probably there are some char
missing.
Diffstat (limited to 'www/index.html')
| -rw-r--r-- | www/index.html | 72 |
1 files changed, 64 insertions, 8 deletions
diff --git a/www/index.html b/www/index.html index 76d8c1c..5a4ada3 100644 --- a/www/index.html +++ b/www/index.html @@ -9,14 +9,70 @@ <body> <section class="section"> <div class="container"> - <h1 class="title"> - Password Generator - </h1> - <h2 class="subtitle" id="password"> - password - </h2> - <div class="control"> - <button class="button is-primary" id="generate">Generate</button> + <div class="columns is-centered"> + <div class="column is-half"> + <div class="field"> + <div class="control"> + <h1 class="title"> + Password Generator + </h1> + </div> + </div> + <div class="field"> + <div class="control" style="word-wrap: anywhere"> + <label class="label is-size-3 has-text-success" id="password"> + password + </label> + </div> + </div> + <div class="field"> + <div class="control"> + <button class="button is-link" id="copy">copy</button> + </div> + </div> + <div class="field"> + <div class="control"> + <input id="size" class="input" type="number" placeholder="Text input" value="32"> + </div> + </div> + <div class="field"> + <div class="control"> + <label class="checkbox"> + <input id="upperCase" type="checkbox"> + Upper-case letters + </label> + </div> + </div> + <div class="field"> + <div class="control"> + <label class="checkbox"> + <input id="lowerCase" type="checkbox"> + Lower-case letters + </label> + </div> + </div> + <div class="field"> + <div class="control"> + <label class="checkbox"> + <input id="number" type="checkbox"> + Numbers + </label> + </div> + </div> + <div class="field"> + <div class="control"> + <label class="checkbox"> + <input id="special" type="checkbox"> + Special characters + </label> + </div> + </div> + <div class="field"> + <div class="control"> + <button class="button is-primary" id="generate">Generate</button> + </div> + </div> + </div> </div> </div> </section> |