100 lines
3.4 KiB
HTML
100 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
|
|
<title>Ministranten Guide</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<header class="top-bar">
|
|
<div class="brand">
|
|
<div class="header-icon">
|
|
<img src="assets/icons/church.svg" alt="Ministranten Guide Icon">
|
|
</div>
|
|
<div>
|
|
<div class="header-title">Ministranten-Guide</div>
|
|
<div class="header-subtitle"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<nav class="desktop-nav">
|
|
<a href="#" class="tab-btn active" data-file="pages/today.html">Heute</a>
|
|
<a href="#" class="tab-btn" data-file="pages/sequence.html">Ablauf</a>
|
|
<a href="#" class="tab-btn" data-file="pages/knowledge.html">Wissen</a>
|
|
</nav>
|
|
|
|
<button class="settings-btn" id="settingsBtn" aria-label="Einstellungen">
|
|
<img src="assets/icons/settings.svg" alt="Einstellungen">
|
|
</button>
|
|
</header>
|
|
|
|
<main class="content" id="content-container">
|
|
</main>
|
|
|
|
<nav class="bottom-nav">
|
|
<a href="#" class="bottom-tab active" data-file="pages/today.html">
|
|
<img src="assets/icons/sun.svg" alt="Heute Icon">
|
|
<span>Heute</span>
|
|
</a>
|
|
<a href="#" class="bottom-tab" data-file="pages/sequence.html">
|
|
<img src="assets/icons/list.svg" alt="Ablauf Icon">
|
|
<span>Ablauf</span>
|
|
</a>
|
|
<a href="#" class="bottom-tab" data-file="pages/knowledge.html">
|
|
<img src="assets/icons/book.svg" alt="Wissen Icon">
|
|
<span>Wissen</span>
|
|
</a>
|
|
</nav>
|
|
|
|
<div class="modal-overlay" id="settingsModal">
|
|
<div class="modal-content settings-modal">
|
|
<div class="modal-top-row">
|
|
<div class="modal-icon">
|
|
<img src="assets/icons/settings.svg" alt="Einstellungen Icon">
|
|
</div>
|
|
<button class="modal-close" id="closeSettingsBtn" aria-label="Schließen">
|
|
<img src="assets/icons/x.svg" alt="Schließen">
|
|
</button>
|
|
</div>
|
|
|
|
<h2 class="modal-title">Einstellungen</h2>
|
|
|
|
<div class="setting-item">
|
|
<div class="setting-label">
|
|
<span>Dark Mode</span>
|
|
</div>
|
|
<label class="switch">
|
|
<input type="checkbox" id="darkModeToggle">
|
|
<span class="slider round"></span>
|
|
</label>
|
|
</div>
|
|
|
|
<hr class="settings-divider">
|
|
|
|
<div class="settings-info">
|
|
<p><strong>Ministranten-Guide</strong> v0.1.0-beta</p>
|
|
<p>Entwickelt von <strong></strong></p>
|
|
<p>
|
|
<a href="https://github.com/dein-repo/ministranten-guide" target="_blank" rel="noopener">
|
|
GitHub Repository
|
|
</a>
|
|
</p>
|
|
<p>
|
|
<a href="https://github.com/dein-repo/ministranten-guide/issues/new" target="_blank" rel="noopener">
|
|
Problem melden (Issue)
|
|
</a>
|
|
</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<script type="module" src="js/main.js"></script>
|
|
|
|
</body>
|
|
|
|
</html> |