knso/Webklar-Kundenbereich
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

design

Browse Source
This commit is contained in:
Kenso Grimm
2026-05-25 16:23:22 +02:00
parent 3840ecf494
commit d83bc33fd9
4 changed files with 322 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
public/login.html
View File

@@ -4,23 +4,58 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Anmelden – Webklar Kundenbereich</title>
<link rel="stylesheet" href="/style.css">
<link rel="stylesheet" href="/login.css">
</head>
<body>
<header><h1>Webklar Kundenbereich</h1></header>
<main>
<form id="login-form" class="card">
<label>E-Mail
<input type="email" name="email" id="email" required autocomplete="username">
</label>
<label>Passwort
<input type="password" name="password" id="password" required autocomplete="current-password">
</label>
<p id="login-error" class="error hidden"></p>
<button type="submit" id="login-btn">Anmelden</button>
</form>
<p class="muted">Zugangsdaten erhältst du von Webklar. Passwortänderungen erfolgen über das Ticketsystem.</p>
<body class="login-page">
<div class="login-bg" aria-hidden="true"></div>
<header class="login-header">
<a class="login-logo" href="/login.html">Webklar</a>
</header>
<main class="login-main">
<div class="login-panel">
<div class="AuthForm">
<div class="login-section">
<p class="auth-label">Anmelden</p>
<form id="login-form" class="login-form" novalidate>
<input
class="auth-input"
type="email"
name="email"
id="email"
placeholder="E-Mail"
required
autocomplete="username"
>
<input
class="auth-input"
type="password"
name="password"
id="password"
placeholder="Passwort"
required
autocomplete="current-password"
>
<p id="login-error" class="error hidden"></p>
<button type="submit" id="login-btn" class="auth-button login-button">
<span class="button-label">Anmelden</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 11 10" aria-hidden="true">
<path fill="currentColor" d="m4.56 8.352 1.824-1.84q.224-.225.144-.4-.064-.192-.384-.192H0V3.76h6.128q.32 0 .4-.176.08-.192-.144-.416l-1.84-1.84L5.84 0l4.848 4.848L5.856 9.68z"></path>
</svg>
<svg class="loading-spinner" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 1 1-6.219-8.56"></path>
</svg>
</button>
</form>
</div>
<p class="login-hint">
Zugangsdaten erhältst du von Webklar. Passwortänderungen erfolgen über das Ticketsystem.
</p>
</div>
</div>
</main>
<script src="/app.js"></script>
<script>
initLoginPage();