nmemmertandClaude Sonnet 5.5
7fc5e4b534
Build and Push Docker Image / build-and-push (push) Successful in 4m30s
The app now sets theme-color, color-scheme and the page background from the chosen theme, so the iPad status-bar area no longer shows a light band over a dark theme. Every top bar leaves room for the status bar via a safe-top class (replacing a rule that padded every <header>). Install defaults match the paper theme. Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
28 lines
898 B
HTML
28 lines
898 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
|
|
<title>Bible Study Project</title>
|
|
|
|
<!-- PWA manifest -->
|
|
<link rel="manifest" href="/manifest.json" />
|
|
|
|
<!-- Theme / status bar -->
|
|
<meta name="theme-color" content="#f1ece0" />
|
|
|
|
<!-- iOS PWA -->
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
|
<meta name="apple-mobile-web-app-title" content="Bible Study" />
|
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
|
|
|
|
<!-- Fallback icon for browsers -->
|
|
<link rel="icon" type="image/png" sizes="192x192" href="/icon-192.png" />
|
|
</head>
|
|
<body>
|
|
<div id="root"></div>
|
|
<script type="module" src="/src/main.jsx"></script>
|
|
</body>
|
|
</html>
|