Release v1.0.2: Fix startup syntax error, offline mode, UI improvements

This commit is contained in:
Gemini AI
2025-12-06 23:41:51 +04:00
Unverified
parent 864070b26a
commit 5e9ffe1997
66 changed files with 2596 additions and 216 deletions

View File

@@ -2,11 +2,11 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<title>MindShift - CBT Therapy App</title>
<!-- PWA Meta Tags -->
<meta name="theme-color" content="#FF6B6B">
<meta name="theme-color" content="#8ECAE6">
<meta name="description" content="Your personal CBT therapy companion for mood management and mental wellness">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
@@ -72,7 +72,11 @@
<!-- Main Content -->
<main id="main-content" class="main-content">
<!-- Content will be dynamically loaded here -->
<!-- Loading State -->
<div id="initial-loader" style="display: flex; flex-direction: column; align-items: center; justify-content: center; height: 80vh; color: #666;">
<div class="spinner" style="width: 40px; height: 40px; border: 4px solid #f3f3f3; border-top: 4px solid #FF6B6B; border-radius: 50%; animation: spin 1s linear infinite;"></div>
<p style="margin-top: 20px; font-family: sans-serif;">Initializing MindShift...</p>
</div>
</main>
<!-- Bottom Navigation -->
@@ -104,8 +108,19 @@
<span class="material-icons">add</span>
</button>
<style>
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
</style>
<!-- Scripts -->
<script type="module" src="api.js"></script>
<script type="module" src="app.js"></script>
<script>
window.addEventListener('error', function(e) {
// Display error on screen if app fails to load
var loader = document.getElementById('initial-loader');
if (loader) {
loader.innerHTML = '<div style="color: red; padding: 20px; text-align: center;"><h3>Error Loading App</h3><p>' + e.message + '</p></div>';
}
});
</script>
<script type="module" src="./app.js"></script>
</body>
</html>