diff options
author | gabrielgio <gabriel.giovanini@pm.me> | 2022-03-25 23:27:43 +0100 |
---|---|---|
committer | gabrielgio <gabriel.giovanini@pm.me> | 2022-03-25 23:27:43 +0100 |
commit | 0ca4250b6c4640fc892320eac81d40ec13cdd278 (patch) | |
tree | 5e349cd3e0d09a63bf165205a76625b8fc77698f | |
parent | d6a9e6e46f2c2574ec0665e73b64f0d6c700557a (diff) | |
download | genpass-0ca4250b6c4640fc892320eac81d40ec13cdd278.tar.gz genpass-0ca4250b6c4640fc892320eac81d40ec13cdd278.tar.bz2 genpass-0ca4250b6c4640fc892320eac81d40ec13cdd278.zip |
feat: Add footer
Add footer to link to gitlab repo.
Also make extended ASCII unchecked by defaul. I think some people may
find that too harsh.
-rw-r--r-- | www/index.html | 135 | ||||
-rw-r--r-- | www/index.js | 2 |
2 files changed, 72 insertions, 65 deletions
diff --git a/www/index.html b/www/index.html index 3197b6c..6b18b15 100644 --- a/www/index.html +++ b/www/index.html @@ -7,83 +7,90 @@ <title>[WIP] Password generator</title> </head> <body> -<section class="section"> - <div class="container"> - <div class="columns is-centered"> - <div class="column is-half"> - <div class="field"> - <div class="control"> - <h1 class="title"> - Password Generator - </h1> +<div class='container hero is-fullheight'> + <section class="section"> + <div class="container"> + <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> - <div class="field"> - <div class="control" style="word-wrap: anywhere"> - <label class="label is-size-3 has-text-success" id="password"> - password - </label> + <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> - <div class="field"> - <div class="control"> - <button class="button is-link" id="copy">copy</button> + <div class="field"> + <div class="control"> + <button class="button is-link" id="copy">copy</button> + </div> </div> - </div> - <div class="field"> - <div class="control"> - <input id="size" class="input" type="number" placeholder="Text input" value="32"> + <div class="field"> + <div class="control"> + <input id="size" class="input" type="number" placeholder="Text input" value="32"> + </div> </div> - </div> - <div class="field"> - <div class="control"> - <label class="checkbox"> - <input id="upperCase" type="checkbox"> - Upper-case letters - </label> + <div class="field"> + <div class="control"> + <label class="checkbox"> + <input id="upperCase" type="checkbox"> + Upper-case letters + </label> + </div> </div> - </div> - <div class="field"> - <div class="control"> - <label class="checkbox"> - <input id="lowerCase" type="checkbox"> - Lower-case letters - </label> + <div class="field"> + <div class="control"> + <label class="checkbox"> + <input id="lowerCase" type="checkbox"> + Lower-case letters + </label> + </div> </div> - </div> - <div class="field"> - <div class="control"> - <label class="checkbox"> - <input id="number" type="checkbox"> - Numbers - </label> + <div class="field"> + <div class="control"> + <label class="checkbox"> + <input id="number" type="checkbox"> + Numbers + </label> + </div> </div> - </div> - <div class="field"> - <div class="control"> - <label class="checkbox"> - <input id="special" type="checkbox"> - Special characters - </label> + <div class="field"> + <div class="control"> + <label class="checkbox"> + <input id="special" type="checkbox"> + Special characters + </label> + </div> </div> - </div> - <div class="field"> - <div class="control"> - <label class="checkbox"> - <input id="extended" type="checkbox"> - Extended ASCII - </label> + <div class="field"> + <div class="control"> + <label class="checkbox"> + <input id="extended" type="checkbox"> + Extended ASCII + </label> + </div> </div> - </div> - <div class="field"> - <div class="control"> - <button class="button is-primary" id="generate">Generate</button> + <div class="field"> + <div class="control"> + <button class="button is-primary" id="generate">Generate</button> + </div> </div> </div> </div> </div> - </div> -</section> + </section> + <footer class="footer" style="padding: 10px"> + <div class="content has-text-centered mt-auto"> + <a href="https://gitlab.com/gabrielgio/genpass">source code</a> + </div> + </footer> +</div> <script src="./bootstrap.js"></script> </body> </html> diff --git a/www/index.js b/www/index.js index d7b2869..c8d5508 100644 --- a/www/index.js +++ b/www/index.js @@ -42,7 +42,7 @@ upperCaseInput.checked = true; lowerCaseInput.checked = true; numberInput.checked = true; specialInput.checked = true; -extendedInput.checked = true; +extendedInput.checked = false; //this will trigger passwordInput to be filled generate(); |