<!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>