Accueil Explorer Aide
Connexion
RevolvingCow
/
enigma
Suivre 1
Voter 0
Embranchement 0
Code Problèmes 0 Pull Requests 0 Commissions 9 Publications 0 Wiki

Personal book of passwords

Aborescence: 0532b96f74
Branches Tags
enigma
/
book.html

book.html 12KB
Historique Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236 
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  8.     <title>Enigma</title>
  10.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" />
  11.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css" />
  12.     <!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.1/flatly/bootstrap.min.css" />-->
  13.     <style type="text/css">
  14.         body {
  15.             padding-top: 40px;
  16.             padding-bottom: 40px;
  17.             background-color: #fff;
  18.         }
  19.         h2 {
  20.             margin-bottom: 1em;
  21.         }
  22.         td {
  23.             text-align: left;
  24.             vertical-align: middle !important;
  25.         }
  26.         .tab-content > .tab-pane {
  27.             padding: 1em;
  28.         }
  29.     </style>
  31.     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  32.     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  33.     <!--[if lt IE 9]>
  34.         <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  35.         <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  36.     <![endif]-->
  37. </head>
  38. <body>
  39.     <div class="container">
  40.         <h1>Enigma</h1>
  41.         <h2><small>Your personal password safe and generator</small></h2>
  43.         <div role="tabpanel">
  44.             <!-- Nav tabs -->
  45.             <ul class="nav nav-tabs" role="tablist">
  46.                 <li role="presentation" class="active"><a href="#passwords" aria-controls="passwords" role="tab" data-toggle="tab">Passwords</a></li>
  47.                 <li role="presentation"><a href="#add" aria-controls="Add" role="tab" data-toggle="tab">Add</a></li>
  48.                 <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li>
  49.             </ul>
  51.             <!-- Tab panes -->
  52.             <div class="tab-content">
  53.                 <div role="tabpanel" class="tab-pane active" id="passwords">
  54.                     <form id="book" class="form form-horizontal">
  55.                         <table class="table table-striped table-hover">
  56.                             <thead>
  57.                                 <tr>
  58.                                     <th>Site</th>
  59.                                     <th>Password</th>
  60.                                     <th>&nbsp;</th>
  61.                                 </tr>
  62.                             </thead>
  63.                             <tbody>
  64.                                 <tr>
  65.                                     <td>google.com</td>
  66.                                     <td>
  67.                                         <button class="btn btn-default btn-xs"><span class="glyphicon glyphicon-share" aria-hidden="true"></span></button>
  68.                                         <button class="btn btn-default btn-xs"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span></button>
  69.                                         <span>jfkle3r0934uf09jeafasdfjkajdf</span>
  70.                                     </td>
  71.                                     <td><button class="btn btn-default"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button></td>
  72.                                 </tr>
  73.                                 <tr>
  74.                                     <td>yahoo.com</td>
  75.                                     <td>
  76.                                         <button class="btn btn-default btn-xs"><span class="glyphicon glyphicon-share" aria-hidden="true"></span></button>
  77.                                         <button class="btn btn-default btn-xs"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span></button>
  78.                                         <span>jfkle3r0934uf09jeafasdfjkajdf</span>
  79.                                     </td>
  80.                                     <td><button class="btn btn-default"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button></td>
  81.                                 </tr>
  82.                             </tbody>
  83.                         </table>
  84.                     </form>
  85.                 </div>
  86.                 <div role="tabpanel" class="tab-pane" id="add">
  87.                     <form id="add" class="form form-horizontal">
  88.                         <div class="form-group">
  89.                             <label for="site" class="col-md-2 control-label">Site</label>
  90.                             <div class="col-md-10">
  91.                                 <input type="text" class="form-control" id="site" placeholder="gmail.com" />
  92.                             </div>
  93.                         </div>
  94.                         <div class="form-group">
  95.                             <label for="minimumLength" class="col-md-2 control-label">Minimum Length</label>
  96.                             <div class="col-md-2">
  97.                                 <select id="minimumLength" class="form-control">
  98.                                     <option value="-1">No Limit</option>
  99.                                     <option>1</option>
  100.                                     <option>2</option>
  101.                                     <option>3</option>
  102.                                     <option>4</option>
  103.                                     <option>5</option>
  104.                                     <option>6</option>
  105.                                     <option>7</option>
  106.                                     <option>8</option>
  107.                                     <option>9</option>
  108.                                     <option>10</option>
  109.                                 </select>
  110.                             </div>
  111.                         </div>
  112.                         <div class="form-group">
  113.                             <label for="maximumLength" class="col-md-2 control-label">Maximum Length</label>
  114.                             <div class="col-md-2">
  115.                                 <select id="maximumLength" class="form-control">
  116.                                     <option value="-1">No Limit</option>
  117.                                     <option>4</option>
  118.                                     <option>5</option>
  119.                                     <option>6</option>
  120.                                     <option>7</option>
  121.                                     <option>8</option>
  122.                                     <option>9</option>
  123.                                     <option>10</option>
  124.                                     <option>11</option>
  125.                                     <option>12</option>
  126.                                     <option>13</option>
  127.                                     <option>14</option>
  128.                                     <option>15</option>
  129.                                     <option>16</option>
  130.                                     <option>17</option>
  131.                                     <option>18</option>
  132.                                     <option>19</option>
  133.                                     <option>20</option>
  134.                                 </select>
  135.                             </div>
  136.                         </div>
  137.                         <div class="form-group">
  138.                             <label for="minimumDigits" class="col-md-2 control-label">Minimum Digits</label>
  139.                             <div class="col-md-2">
  140.                                 <select id="minimumDigits" class="form-control">
  141.                                     <option>0</option>
  142.                                     <option>1</option>
  143.                                     <option>2</option>
  144.                                     <option>3</option>
  145.                                     <option>4</option>
  146.                                     <option>5</option>
  147.                                     <option>6</option>
  148.                                     <option>7</option>
  149.                                     <option>8</option>
  150.                                     <option>9</option>
  151.                                     <option>10</option>
  152.                                 </select>
  153.                             </div>
  154.                         </div>
  155.                         <div class="form-group">
  156.                             <label for="minimumUppercase" class="col-md-2 control-label">Minimum Uppercase</label>
  157.                             <div class="col-md-2">
  158.                                 <select id="minimumUppercase" class="form-control">
  159.                                     <option>0</option>
  160.                                     <option>1</option>
  161.                                     <option>2</option>
  162.                                     <option>3</option>
  163.                                     <option>4</option>
  164.                                     <option>5</option>
  165.                                     <option>6</option>
  166.                                     <option>7</option>
  167.                                     <option>8</option>
  168.                                     <option>9</option>
  169.                                     <option>10</option>
  170.                                 </select>
  171.                             </div>
  172.                         </div>
  173.                         <div class="form-group">
  174.                             <label for="minimumSpecialCharacters" class="col-md-2 control-label">Minimum Special Characters</label>
  175.                             <div class="col-md-2">
  176.                                 <select id="minimumSpecialCharacters" class="form-control">
  177.                                     <option>0</option>
  178.                                     <option>1</option>
  179.                                     <option>2</option>
  180.                                     <option>3</option>
  181.                                     <option>4</option>
  182.                                     <option>5</option>
  183.                                     <option>6</option>
  184.                                     <option>7</option>
  185.                                     <option>8</option>
  186.                                     <option>9</option>
  187.                                     <option>10</option>
  188.                                 </select>
  189.                             </div>
  190.                         </div>
  191.                         <div class="form-group">
  192.                             <label for="specialCharacters" class="col-md-2 control-label">Special Characters</label>
  193.                             <div class="col-md-5">
  194.                                 <input type="text" class="form-control" id="specialCharacters" value=" !@#$%^&*()_+-=<>,." />
  195.                             </div>
  196.                         </div>
  197.                         <div class="form-group">
  198.                             <div class="col-md-offset-2 col-md-10">
  199.                                 <button type="submit" class="btn btn-default">Generate Password</button>
  200.                             </div>
  201.                         </div>
  202.                     </form>
  203.                 </div>
  204.                 <div role="tabpanel" class="tab-pane" id="settings">
  205.                     <div class="row">
  206.                         <form id="add" class="form form-horizontal">
  207.                             <div class="form-group">
  208.                                 <label for="newPassphrase" class="col-md-2 control-label">New passphrase</label>
  209.                                 <div class="col-md-5">
  210.                                     <input type="password" class="form-control" id="newPassphrase" placeholder="" />
  211.                                 </div>
  212.                             </div>
  213.                             <div class="form-group">
  214.                                 <label for="confirmPassphrase" class="col-md-2 control-label">Confirm passphrase</label>
  215.                                 <div class="col-md-5">
  216.                                     <input type="password" class="form-control" id="confirmPassphrase" placeholder="" />
  217.                                 </div>
  218.                             </div>
  219.                             <div class="form-group">
  220.                                 <div class="col-md-offset-2 col-md-10">
  221.                                     <button type="submit" class="btn btn-default">Update Passphrase</button>
  222.                                     <button type="submit" value="delete" class="btn btn-danger">Delete Profile</button>
  223.                                 </div>
  224.                             </div>
  225.                         </form>
  226.                     </div>
  227.                 </div>
  228.             </div>
  229.         </div>
  230.     </div>
  232.     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  233.     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
  234. </body>
  235. </html>