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