aboutsummaryrefslogtreecommitdiff
path: root/www
diff options
context:
space:
mode:
Diffstat (limited to 'www')
-rw-r--r--www/index.html135
-rw-r--r--www/index.js2
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();