newWebsite2.0
This commit is contained in:
100
mini/index.html
Normal file
100
mini/index.html
Normal 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>
|
||||
Reference in New Issue
Block a user