aboutsummaryrefslogtreecommitdiff
path: root/www/index.html
diff options
context:
space:
mode:
authorgabrielgio <gabriel.giovanini@pm.me>2022-03-25 23:27:43 +0100
committergabrielgio <gabriel.giovanini@pm.me>2022-03-25 23:27:43 +0100
commit0ca4250b6c4640fc892320eac81d40ec13cdd278 (patch)
tree5e349cd3e0d09a63bf165205a76625b8fc77698f /www/index.html
parentd6a9e6e46f2c2574ec0665e73b64f0d6c700557a (diff)
downloadgenpass-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.
Diffstat (limited to 'www/index.html')
-rw-r--r--www/index.html135
1 files changed, 71 insertions, 64 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>