<!DOCTYPE HTML>

<html lang="de">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="icon" type="image/x-icon" href="favicon.png">
	<link rel="stylesheet" href="style.css">
	<title>HALE Passwort Generator</title>
</head>

<body>
    <img src="fleetmanager.png" class="center">
    <h1>HALE Passwort Generator</h1>

    <label for="slider">Länge:</label>
    <input type="range" id="slider" min="1" max="50" value="25" step="1">
    <label>Wert: <span id="sliderValue">25</span></label>

    <button onclick="generatePassword()">Start</button>
    <button onclick="copyPassword()">Kopieren</button>
    <button onclick="clearPassword()">Clear</button>

    <br><br>
    <input type="text" id="password" readonly>
    <p id="warning" style="color: red; display: none;">Passwort wird in 30 Sekunden gelöscht!</p>

    <script src="gen.js"></script>
</body>

<footer>
  <p>Author: Florian Punz</p>
  <p><a href="mailto:florian.punz@hale.at">E-Mail</a></p>
</footer>

</html>
