<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>FP650 - Password Generator</title>
    <link href="/styles/style.css" rel="stylesheet" type="text/css" />
    <link href="/styles/bounce.css" rel="stylesheet" type="text/css" />
    <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/visits"></script> -->
    <!-- <script async src="https://api.countapi.xyz/hit/firepup650.repl.co/pgen"></script> -->
  </head>
  <body>
    <h5 hidden id='Maintenance' class=center></h5>
    <p class="center rainbow">Click the button to generate a random password:</p><button type="button" onclick="genPwd()" class="cyan center">Generate Password</button>
    <input class="center" type="checkbox" id="commnsym"></input><label for="commnsym"><span class="center force-color">Include common symbols</span></label>
    <input class="center" type="checkbox" id="uncomsym"></input><label for="uncomsym"><span class="center force-color">Include uncommon symbols</span></label>
    <input class="center" type="checkbox" id="uppercas" checked></input><label for="uppercas"><span class="center force-color">Include uppercase letters</span></label>
    <input class="center" type="checkbox" id="lowercas" checked></input><label for="lowercas"><span class="center force-color">Include lowercase letters</span></label>
    <input class="center" type="checkbox" id="numerics" checked></input><label for="numerics"><span class="center force-color">Include numbers</span></label>
    <br/>
    <span class="center force-color" id="password"></span>
    <script src="/scripts/pgen2.js"></script>
  </body>
</html>