ha_permissions/ui/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="theme-color" content="#14171c">
    <title>Home Assistant</title>
    <style></style>
</head>
<body>
    <div id="notifier" style="display: none">
        <p id="notifierMessage"></p>
    </div>

    <div id="loginPage" class="page" style="display: none">
        <form>
            <h1>Login</h1>

            <label>Email:
                <input type="email" id="loginPageEmail" required>
            </label>

            <label>Password:
                <input type="password" id="loginPagePassword" required>
            </label>

            <button>Log In</button>
        </form>
    </div>

    <div id="dashboardPage" class="page" style="display: none">
        <input type="checkbox" id="dashboardMenuOpen" class="dashboard-menu-toggle-input" hidden>

        <header class="dashboard-topbar">
            <label for="dashboardMenuOpen" class="dashboard-menu-toggle" aria-label="Open menu">
                <span></span>
                <span></span>
                <span></span>
            </label>
            <h1 class="dashboard-topbar-title">Dashboard</h1>
        </header>

        <label for="dashboardMenuOpen" class="dashboard-menu-backdrop" aria-hidden="true"></label>

        <nav class="dashboard-menu" aria-label="Dashboard menu">
            <div class="dashboard-menu-header">
                <span class="dashboard-menu-brand">Home Assistant</span>
                <label for="dashboardMenuOpen" class="dashboard-menu-close" aria-label="Close menu"></label>
            </div>
            <ul class="dashboard-menu-list">
                <li>
                    <button
                        type="button"
                        id="dashboardLogout"
                        class="dashboard-menu-logout"
                        onclick="document.getElementById('dashboardMenuOpen').checked = false; localStorage.removeItem('loggedIn'); openPage('login');"
                    >Log Out</button>
                </li>
            </ul>
        </nav>

        <main></main>
    </div>

    <div id="adminCreatePage" class="page" style="display: none">
        <form>
            <h1>Admin Creation</h1>
            <p>Create an admin account in order to use Home Assistant</p>

            <label>Name:
                <input type="text" id="adminCreateName" required>
            </label>

            <label>Email:
                <input type="email" id="adminCreateEmail" required>
            </label>

            <label>Password:
                <input type="password" id="adminCreatePass" required>
            </label>

            <label>Confirm Password:
                <input type="password" id="adminCreatePassConf" required>
            </label>

            <button>Submit</button>
        </form>
    </div>

    <script></script>
</body>
</html>