From 0cac76a14a71fe8b415cf2a90581685ca6808b90 Mon Sep 17 00:00:00 2001
From: Alex Booker <alexbooker@fastmail.im>
Date: Fri, 14 Aug 2015 14:27:22 +0100
Subject: [PATCH] added password generation form

---
 password.html | 53 ++++++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 50 insertions(+), 3 deletions(-)
diff --git a/password.html b/password.html
index a41cec17..6d4ddbe2 100644
--- a/password.html
+++ b/password.html
@@ -1,6 +1,5 @@
 <!DOCTYPE html>
 <html lang="en">
-
 <head>
   <meta charset="UTF-8">
   <title>Generate Password</title>
@@ -10,9 +9,13 @@
       margin: 30px;
       max-width: 600px;
     }
+    .form-container {
+      background-color: #F8F8F8;
+      border: 1px #F0F0F0 solid;
+      padding: 10px;
+    }
   </style>
 </head>
-
 <body>
   <div class="container">
     <h1>
@@ -20,8 +23,52 @@
         <img src="img/layout/logo.png" alt="privacytools.io" class="img-responsive">
       </a>
     </h1>
-    <h1></h1>
     <h1>Secure Password Generator</h1>
+    <div class="form-container clearfix ">
+      <div class="form-group">
+        <label>Secure Password:</label>
+        <div class="input-group">
+          <input type="text" class="form-control" id="password-input" readonly>
+          <span class="input-group-btn">
+            <button class="btn btn-default" type="button"><span class="glyphicon glyphicon-refresh"></span>          Generate Another</button>
+          </span>
+        </div>
+      </div>
+      <div class="form-group">
+        <label>Password Length:</label>
+        <select class="form-control">
+          <option value="">4</option>
+        </select>
+      </div>
+      <div class="form-group collapse" id="advancedOptions">
+        <label>
+          <input type="checkbox" checked>
+          Upper-case
+        </label>
+        <label>
+          <input type="checkbox" checked>
+          Lower-case
+        </label>
+        <label>
+          <input type="checkbox" checked>
+          Digits
+        </label>
+        <label>
+          <input type="checkbox">
+          Special
+        </label>
+      </div>
+      <a class="btn btn-default pull-right" data-toggle="collapse" href="#advancedOptions">
+        <span class="glyphicon glyphicon-menu-hamburger"></span> Advanced Options
+      </a>
+    </div>
   </div>
+  <script src="js/jquery-1.11.2.min.js"></script>
+  <script src="js/bootstrap.min.js"></script>
+  <script>
+    $(function() {
+      $("#password-input").val("Password123");
+    });
+  </script>
 </body>
 </html>
