75 lines
2.6 KiB
HTML
75 lines
2.6 KiB
HTML
<!doctype html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>Gottesdienste</title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<link rel="icon" href="/static/icons/logo-192x192.png" type="image/png" sizes="192x192">
|
||
|
||
|
||
<!-- Web App Manifest -->
|
||
<link rel="manifest" href="{{ url_for('static', filename='manifest.json') }}">
|
||
|
||
<!-- Android Theme Color -->
|
||
<meta name="theme-color" content="#3367D6">
|
||
|
||
<!-- Apple-specific tags -->
|
||
<link rel="touch-icon" href="{{ url_for('static', filename='icons/icon-192x192.png') }}">
|
||
<meta name="mobile-web-app-capable" content="yes">
|
||
<meta name="mobile-web-app-status-bar-style" content="default">
|
||
<meta name="mobile-web-app-title" content="Gottesdienste">
|
||
|
||
<!-- Your CSS -->
|
||
<link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
|
||
<link rel="stylesheet" href="{{ url_for('static', filename='gallery.css') }}">
|
||
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<h2>Gottesdienste Speyer und Schwegenheim</h2>
|
||
<div id="breadcrumbs" class="breadcrumb"></div>
|
||
<div id="content"></div>
|
||
</div>
|
||
|
||
<!-- Global Audio Player in Footer -->
|
||
<footer style="display: none;">
|
||
<div class="audio-player-container">
|
||
<audio id="globalAudio" controls>
|
||
Your browser does not support the audio element.
|
||
</audio>
|
||
<div id="nowPlayingInfo" class="now-playing-info"></div>
|
||
</div>
|
||
</footer>
|
||
|
||
<!-- Transcript Modal -->
|
||
<div id="transcriptModal">
|
||
<div class="modal-content">
|
||
<span class="close">×</span>
|
||
<div id="transcriptContent"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Gallery Modal for Images -->
|
||
<div id="gallery-modal" style="display: none;">
|
||
<div id="gallery-loader"></div>
|
||
<img id="gallery-modal-content" src="" alt="Gallery Image" />
|
||
<button class="gallery-nav gallery-prev">‹</button>
|
||
<button class="gallery-nav gallery-next">›</button>
|
||
<button id="gallery-close">x</button>
|
||
</div>
|
||
|
||
<!-- Load main app JS first, then gallery JS -->
|
||
<script src="{{ url_for('static', filename='app.js') }}"></script>
|
||
<script src="{{ url_for('static', filename='gallery.js') }}"></script>
|
||
<script>
|
||
if ('serviceWorker' in navigator) {
|
||
window.addEventListener('load', () => {
|
||
navigator.serviceWorker.register('{{ url_for('static', filename='sw.js') }}')
|
||
.then(reg => console.log('Service worker registered.', reg))
|
||
.catch(err => console.error('Service worker not registered.', err));
|
||
});
|
||
}
|
||
</script>
|
||
</body>
|
||
</html>
|