107 lines
3.6 KiB
HTML
107 lines
3.6 KiB
HTML
<!doctype html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
|
||
<meta property="og:title" content="Gottesdienste Speyer und Schwegenheim" />
|
||
<meta property="og:description" content="... uns aber, die wir gerettet werden, ist es eine Gotteskraft." />
|
||
<meta property="og:image" content="https://app.bethaus-speyer.de/static/icons/logo-200x200.png" />
|
||
<meta property="og:url" content="https://app.bethaus-speyer.de" />
|
||
|
||
<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>
|
||
<style>
|
||
/* Header styles */
|
||
.site-header {
|
||
display: flex;
|
||
align-items: center;
|
||
padding: 10px 20px;
|
||
background-color: #9bbbff; /* Using the theme color */
|
||
color: #000000;
|
||
}
|
||
.site-header img.logo {
|
||
height: 50px;
|
||
margin-right: 15px;
|
||
}
|
||
.site-header h1 {
|
||
font-size: 1.5em;
|
||
margin: 0;
|
||
}
|
||
.container {
|
||
padding: 20px;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<header class="site-header">
|
||
<img src="https://app.bethaus-speyer.de/static/icons/logo-300x300.png" alt="Logo" class="logo">
|
||
<h1>Gottesdienste Speyer und Schwegenheim</h1>
|
||
</header>
|
||
<div class="wrapper">
|
||
<div class="container">
|
||
<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 preload="auto">
|
||
Your browser does not support the audio element.
|
||
</audio>
|
||
<div id="nowPlayingInfo" class="now-playing-info"></div>
|
||
</div>
|
||
</footer>
|
||
</div>
|
||
|
||
<!-- 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>
|