1
0

newWebsite2.0

This commit is contained in:
Br0tcraft
2026-08-20 20:36:47 +02:00
parent 7020f970d8
commit 7d975feae4
100 changed files with 6774 additions and 3327 deletions

100
mini/index.html Normal file
View File

@@ -0,0 +1,100 @@
<!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>