admin/NanoJason
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit of MindShift CBT Therapy app

Browse Source
This commit is contained in:
Gemini AI
2025-12-06 16:02:48 +04:00
Unverified
commit 0ba7af6489
23 changed files with 14352 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

111
MindShift-Windows/src/index.html Normal file
View File

@@ -0,0 +1,111 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MindShift - CBT Therapy App</title>
<!-- PWA Meta Tags -->
<meta name="theme-color" content="#FF6B6B">
<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">
<meta name="apple-mobile-web-app-title" content="MindShift">
<meta name="application-name" content="MindShift">
<meta name="msapplication-TileColor" content="#FF6B6B">
<meta name="msapplication-config" content="browserconfig.xml">
<!-- PWA Manifest -->
<link rel="manifest" href="manifest.json">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Styles -->
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Animated Background Orbs -->
<div class="background-orbs">
<div class="orb orb-1"></div>
<div class="orb orb-2"></div>
<div class="orb orb-3"></div>
</div>
<!-- Success Ping Container -->
<div id="success-ping" class="success-ping"></div>
<!-- Proactive Badge -->
<div id="proactive-badge" class="proactive-badge">✨ Time for a vibe check?</div>
<!-- Welcome Overlay -->
<div id="welcome-overlay" class="welcome-overlay">
<div class="welcome-emoji">🧠</div>
<h1 class="welcome-title">MindShift</h1>
<p class="welcome-subtitle">Your personal CBT companion</p>
</div>
<!-- Header -->
<header class="app-header">
<div class="header-content">
<div class="app-title">
<span class="material-icons">self_improvement</span>
MindShift
</div>
<div class="header-actions">
<div style="position: relative;">
<button class="nav-item" onclick="toggleNotifications()" style="color: white;">
<span class="material-icons">notifications</span>
<span id="notification-badge" class="notification-badge" style="display: none;">0</span>
</button>
<div id="notification-list" class="notification-dropdown">
<!-- Notifications will be loaded here -->
</div>
</div>
<button class="nav-item" onclick="logout()" style="color: white;">
<span class="material-icons">logout</span>
</button>
</div>
</div>
</header>
<!-- Main Content -->
<main id="main-content" class="main-content">
<!-- Content will be dynamically loaded here -->
</main>
<!-- Bottom Navigation -->
<nav class="bottom-nav">
<button class="nav-item active" onclick="navigateTo('home')">
<span class="material-icons">home</span>
<span class="nav-label">Home</span>
</button>
<button class="nav-item" onclick="navigateTo('mood')">
<span class="material-icons">mood</span>
<span class="nav-label">Mood</span>
</button>
<button class="nav-item" onclick="navigateTo('thoughts')">
<span class="material-icons">psychology</span>
<span class="nav-label">Thoughts</span>
</button>
<button class="nav-item" onclick="navigateTo('gratitude')">
<span class="material-icons">favorite</span>
<span class="nav-label">Gratitude</span>
</button>
<button class="nav-item" onclick="navigateTo('progress')">
<span class="material-icons">insights</span>
<span class="nav-label">Progress</span>
</button>
</nav>
<!-- Floating Action Button -->
<button class="fab" onclick="showQuickActionMenu()">
<span class="material-icons">add</span>
</button>
<!-- Scripts -->
<script type="module" src="api.js"></script>
<script type="module" src="app.js"></script>
</body>
</html>