55 Zeilen
2,4 KiB
HTML
55 Zeilen
2,4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Sol2 Training</title>
|
|
<link rel="stylesheet" href="/css/style.css">
|
|
</head>
|
|
<body>
|
|
<!-- Login screen -->
|
|
<div id="login-screen" class="screen" style="display:none;">
|
|
<div class="login-box">
|
|
<h1>Sol2 Training</h1>
|
|
<p class="subtitle">Solution2 / Omnis Studio</p>
|
|
<form id="login-form">
|
|
<input type="text" id="login-user" placeholder="Benutzername" required autocomplete="username">
|
|
<input type="password" id="login-pass" placeholder="Passwort" required autocomplete="current-password">
|
|
<button type="submit" class="btn btn-primary">Anmelden</button>
|
|
<div id="login-error" class="error-msg" style="display:none;"></div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- App -->
|
|
<div id="app" class="screen" style="display:none;">
|
|
<nav class="top-nav">
|
|
<div class="nav-brand">Sol2 Training</div>
|
|
<div class="nav-links">
|
|
<a href="#/dashboard" class="nav-link" data-route="dashboard">Dashboard</a>
|
|
<a href="#/flashcards" class="nav-link" data-route="flashcards">Flashcards</a>
|
|
<a href="#/tutorials" class="nav-link" data-route="tutorials">Tutorials</a>
|
|
<a href="#/quiz" class="nav-link" data-route="quiz">Quiz</a>
|
|
<a href="#/cheatsheets" class="nav-link" data-route="cheatsheets">Cheat Sheets</a>
|
|
<a href="#/admin" class="nav-link nav-admin" data-route="admin" style="display:none;">Admin</a>
|
|
</div>
|
|
<div class="nav-user">
|
|
<span id="nav-username"></span>
|
|
<button id="logout-btn" class="btn btn-small">Abmelden</button>
|
|
</div>
|
|
</nav>
|
|
<main id="content" class="content-area"></main>
|
|
</div>
|
|
|
|
<script src="/js/api.js"></script>
|
|
<script src="/js/markdown.js"></script>
|
|
<script src="/js/auth.js"></script>
|
|
<script src="/js/dashboard.js"></script>
|
|
<script src="/js/flashcards.js"></script>
|
|
<script src="/js/tutorials.js"></script>
|
|
<script src="/js/quiz.js"></script>
|
|
<script src="/js/cheatsheets.js"></script>
|
|
<script src="/js/admin.js"></script>
|
|
<script src="/js/app.js"></script>
|
|
</body>
|
|
</html>
|