ben/ben.de-roo.org
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updates js/css/html

Browse Source
This commit is contained in:
ben
2026-08-06 18:23:39 +02:00
parent a087a5e66f
commit ec80f8dca4
3 changed files with 1229 additions and 621 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+18 -10
View File
@@ -1,12 +1,16 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Calendar Dashboard</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<a href="#content" class="skip-link">Skip to main content</a>
<div class="login-screen" id="login-screen">
<div class="login-box">
@@ -15,17 +19,21 @@
<form onsubmit="handleLogin(event)">
<label class="field-label" for="login-username">Username</label>
<input
type="text"
id="login-username"
placeholder="Username"
autocomplete="username"
required
>
<label class="field-label" for="login-password">Password</label>
<input
type="password"
id="login-password"
placeholder="Password"
autocomplete="current-password"
required
>
@@ -37,7 +45,7 @@
Create account
</button>
<p id="login-error" class="error"></p>
<p id="login-error" class="error" role="alert" aria-live="assertive"></p>
</div>
@@ -53,21 +61,21 @@
</div>
<nav>
<nav aria-label="Main navigation">
<a data-page="dashboard" onclick="showPage('dashboard')" class="active">
<a data-page="dashboard" onclick="showPage('dashboard')" class="active" tabindex="0" role="button">
Dashboard
</a>
<a data-page="rooms" onclick="showPage('rooms')">
<a data-page="rooms" onclick="showPage('rooms')" tabindex="0" role="button">
Rooms
</a>
<a data-page="events" onclick="showPage('events')">
<a data-page="events" onclick="showPage('events')" tabindex="0" role="button">
Events
</a>
<a data-page="settings" onclick="showPage('settings')">
<a data-page="settings" onclick="showPage('settings')" tabindex="0" role="button">
Settings
</a>
@@ -77,7 +85,7 @@
<div class="sidebar-bottom">
<button onclick="toggleTheme()">
dark / light Theme
Toggle theme
</button>
</div>
@@ -86,7 +94,7 @@
<main class="content" id="content">
<main class="content" id="content" tabindex="-1">
</main>
@@ -97,4 +105,4 @@
<script src="app.js"></script>
</body>
</html>
</html>