Spaces:

muboboev
/

quantumcode-ai-architect

Running

App Files Files Community

muboboev commited on Oct 20, 2025

Commit

be3690e

verified ·

1 Parent(s): 9909792

Подэтап 5.3 — GameQuest

Browse files

Создать мини-игры (“Order a coffee”, “At the airport”).

Подключить VoiceTrack внутри игровых сцен.

Сохранять очки и результат.

Files changed (9) hide show

components/voice-track.js +28 -17
data-architecture.html +1 -0
gamequest-airport.html +197 -0
gamequest-coffee.html +202 -0
gamequest.html +134 -0
index.html +1 -1
learning-engine.html +1 -0
progress-report.html +1 -0
self-talk-journal.html +2 -1

components/voice-track.js CHANGED Viewed

@@ -266,7 +266,6 @@ class VoiceTrack extends HTMLElement {
       this.mediaRecorder.stream.getTracks().forEach(track => track.stop());
     }
   }
   async analyzeRecording() {
     if (this.audioChunks.length === 0) return;
@@ -276,26 +275,38 @@ class VoiceTrack extends HTMLElement {
     const audioBlob = new Blob(this.audioChunks, { type: 'audio/wav' });
     try {
-      // In a real app, you would send to your backend API endpoint
-      // const formData = new FormData();
-      // formData.append('audio', audioBlob, 'recording.wav');
-      // const response = await fetch('/voice/analyze', {
-      //   method: 'POST',
-      //   body: formData
-      // });
-      // this.analysisResult = await response.json();
       // Simulate API response for demo
       await new Promise(resolve => setTimeout(resolve, 1500));
-      this.analysisResult = {
-        pronunciation: Math.floor(Math.random() * 30) + 70,
-        confidence: Math.floor(Math.random() * 30) + 70,
-        fluency: Math.floor(Math.random() * 30) + 70,
-        clarity: Math.floor(Math.random() * 30) + 70
-      };
       this.displayResults();
-    } catch (error) {
       console.error('Error analyzing recording:', error);
       alert('Error analyzing recording. Please try again.');
     } finally {

       this.mediaRecorder.stream.getTracks().forEach(track => track.stop());
     }
   }
   async analyzeRecording() {
     if (this.audioChunks.length === 0) return;
     const audioBlob = new Blob(this.audioChunks, { type: 'audio/wav' });
     try {
       // Simulate API response for demo
       await new Promise(resolve => setTimeout(resolve, 1500));
+      // Check if we're in a game context
+      const isGamePage = window.location.pathname.includes('gamequest');
+      if (isGamePage) {
+        // Game-specific analysis with higher scores
+        this.analysisResult = {
+          pronunciation: Math.floor(Math.random() * 20) + 80,
+          confidence: Math.floor(Math.random() * 20) + 80,
+          fluency: Math.floor(Math.random() * 20) + 80,
+          clarity: Math.floor(Math.random() * 20) + 80
+        };
+        // Update game score if on game page
+        if (typeof updateScore === 'function') {
+          const points = Math.floor(this.analysisResult.confidence / 10);
+          updateScore(points);
+        }
+      } else {
+        // Regular analysis
+        this.analysisResult = {
+          pronunciation: Math.floor(Math.random() * 30) + 70,
+          confidence: Math.floor(Math.random() * 30) + 70,
+          fluency: Math.floor(Math.random() * 30) + 70,
+          clarity: Math.floor(Math.random() * 30) + 70
+        };
+      }
       this.displayResults();
+} catch (error) {
       console.error('Error analyzing recording:', error);
       alert('Error analyzing recording. Please try again.');
     } finally {

data-architecture.html CHANGED Viewed

@@ -57,6 +57,7 @@
                 <a href="select-role.html" class="hover:text-indigo-400 transition-colors">Roles</a>
                 <a href="progress-report.html" class="hover:text-indigo-400 transition-colors">Progress</a>
                 <a href="self-talk-journal.html" class="hover:text-indigo-400 transition-colors">Self-Talk</a>
 </div>
 </nav>

                 <a href="select-role.html" class="hover:text-indigo-400 transition-colors">Roles</a>
                 <a href="progress-report.html" class="hover:text-indigo-400 transition-colors">Progress</a>
                 <a href="self-talk-journal.html" class="hover:text-indigo-400 transition-colors">Self-Talk</a>
+                <a href="gamequest.html" class="hover:text-indigo-400 transition-colors">GameQuest</a>
 </div>
 </nav>

gamequest-airport.html ADDED Viewed

	@@ -0,0 +1,197 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>At the Airport | QuantumCode</title>
+    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://unpkg.com/feather-icons"></script>
+    <script src="components/voice-track.js"></script>
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');
+        body {
+            font-family: 'Space Grotesk', sans-serif;
+            background-color: #0f172a;
+            color: #e2e8f0;
+        }
+        .gradient-text {
+            background: linear-gradient(90deg, #7c3aed 0%, #2563eb 100%);
+            -webkit-background-clip: text;
+            background-clip: text;
+            color: transparent;
+        }
+        .glass-card {
+            background: rgba(15, 23, 42, 0.7);
+            backdrop-filter: blur(10px);
+            border: 1px solid rgba(255, 255, 255, 0.1);
+            border-radius: 1rem;
+        }
+        .scene {
+            transition: all 0.3s ease;
+        }
+        .progress-bar {
+            height: 8px;
+            border-radius: 4px;
+            background: rgba(124, 58, 237, 0.2);
+        }
+        .progress-fill {
+            height: 100%;
+            border-radius: 4px;
+            background: linear-gradient(90deg, #7c3aed 0%, #2563eb 100%);
+        }
+    </style>
+</head>
+<body class="min-h-screen">
+    <nav class="px-6 py-4 flex justify-between items-center">
+        <div class="flex items-center space-x-2">
+            <i data-feather="cpu" class="text-indigo-500"></i>
+            <span class="text-xl font-bold gradient-text">QuantumCode</span>
+        </div>
+        <div class="flex items-center space-x-2">
+            <a href="i18n-setup.html" class="flex items-center text-sm hover:text-indigo-400 transition-colors">
+                <i data-feather="globe" class="w-4 h-4 mr-1"></i>
+                <span id="currentLang">EN</span>
+            </a>
+        </div>
+    </nav>
+    <main class="container mx-auto px-4 py-16">
+        <section class="max-w-4xl mx-auto">
+            <div class="flex justify-between items-center mb-8">
+                <h1 class="text-3xl md:text-4xl font-bold gradient-text">At the Airport</h1>
+                <div class="text-xl font-medium">
+                    Score: <span id="currentScore" class="text-indigo-400">0</span>/100
+                </div>
+            </div>
+            <div class="glass-card p-8 mb-8">
+                <div class="scene" id="scene1">
+                    <h3 class="text-xl font-bold mb-4">Check-in Counter</h3>
+                    <p class="text-slate-300 mb-6">You're checking in for your flight. The agent asks for your passport and boarding details.</p>
+                    <div class="glass-card p-6 mb-6">
+                        <p class="mb-4">Agent: "Good morning. May I see your passport and boarding pass, please?"</p>
+                        <voice-track></voice-track>
+                        <p class="mt-4 text-sm text-slate-400">Try saying: "Here's my passport and boarding pass."</p>
+                    </div>
+                    <button id="nextScene1" class="px-6 py-2 bg-indigo-600 hover:bg-indigo-700 rounded-lg font-medium transition-colors">
+                        Continue to Security
+                    </button>
+                </div>
+                <div class="scene hidden" id="scene2">
+                    <h3 class="text-xl font-bold mb-4">Security Checkpoint</h3>
+                    <p class="text-slate-300 mb-6">The security officer needs to check your belongings before you proceed.</p>
+                    <div class="glass-card p-6 mb-6">
+                        <p class="mb-4">Officer: "Please remove your shoes, belt, and any metal objects. Do you have any liquids?"</p>
+                        <voice-track></voice-track>
+                        <p class="mt-4 text-sm text-slate-400">Try saying: "No liquids, just these items."</p>
+                    </div>
+                    <button id="nextScene2" class="px-6 py-2 bg-indigo-600 hover:bg-indigo-700 rounded-lg font-medium transition-colors">
+                        Continue to Gate
+                    </button>
+                </div>
+                <div class="scene hidden" id="scene3">
+                    <h3 class="text-xl font-bold mb-4">Boarding Gate</h3>
+                    <p class="text-slate-300 mb-6">You've reached the boarding gate and need to confirm your seat.</p>
+                    <div class="glass-card p-6 mb-6">
+                        <p class="mb-4">Agent: "Welcome aboard. May I see your boarding pass? Your seat number is 24B."</p>
+                        <voice-track></voice-track>
+                        <p class="mt-4 text-sm text-slate-400">Try saying: "Thank you. Which way to seat 24B?"</p>
+                    </div>
+                    <button id="completeGame" class="px-6 py-2 bg-indigo-600 hover:bg-indigo-700 rounded-lg font-medium transition-colors">
+                        Complete Game
+                    </button>
+                </div>
+                <div class="progress-bar w-full mb-2 mt-6">
+                    <div class="progress-fill" id="progressBar" style="width: 0%"></div>
+                </div>
+                <div class="text-right text-sm text-slate-400">
+                    Progress: <span id="progressText">0</span>%
+                </div>
+            </div>
+            <div class="text-center">
+                <a href="gamequest.html" class="inline-flex items-center px-6 py-3 border border-indigo-500 text-indigo-400 hover:bg-indigo-900/50 rounded-full font-medium transition-colors">
+                    <i data-feather="arrow-left" class="mr-2"></i>
+                    Back to GameQuest
+                </a>
+            </div>
+        </section>
+    </main>
+    <script>
+        let currentScore = 0;
+        let currentScene = 1;
+        let progress = 0;
+        // Scene navigation
+        document.getElementById('nextScene1').addEventListener('click', () => {
+            document.getElementById('scene1').classList.add('hidden');
+            document.getElementById('scene2').classList.remove('hidden');
+            currentScene = 2;
+            updateScore(30);
+        });
+        document.getElementById('nextScene2').addEventListener('click', () => {
+            document.getElementById('scene2').classList.add('hidden');
+            document.getElementById('scene3').classList.remove('hidden');
+            currentScene = 3;
+            updateScore(30);
+        });
+        document.getElementById('completeGame').addEventListener('click', () => {
+            updateScore(40);
+            completeGame();
+        });
+        // Update score and progress
+        function updateScore(points) {
+            currentScore += points;
+            document.getElementById('currentScore').textContent = currentScore;
+            progress = Math.min(currentScore / 100 * 100, 100);
+            document.getElementById('progressBar').style.width = `${progress}%`;
+            document.getElementById('progressText').textContent = Math.floor(progress);
+        }
+        function completeGame() {
+            // Save game stats
+            const stats = JSON.parse(localStorage.getItem('gamequestStats')) || {
+                gamesPlayed: 0,
+                totalScore: 0,
+                highScore: 0
+            };
+            stats.gamesPlayed += 1;
+            stats.totalScore += currentScore;
+            if (currentScore > stats.highScore) {
+                stats.highScore = currentScore;
+            }
+            localStorage.setItem('gamequestStats', JSON.stringify(stats));
+            alert(`Congratulations! You scored ${currentScore}/100 points.`);
+        }
+        // Set initial language
+        document.getElementById('currentLang').textContent =
+            document.cookie.match('(^|;)\\s*NEXT_LOCALE\\s*=\\s*([^;]+)')?.pop() || 'EN';
+        feather.replace();
+    </script>
+</body>
+</html>

gamequest-coffee.html ADDED Viewed

	@@ -0,0 +1,202 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Order a Coffee | QuantumCode</title>
+    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://unpkg.com/feather-icons"></script>
+    <script src="components/voice-track.js"></script>
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');
+        body {
+            font-family: 'Space Grotesk', sans-serif;
+            background-color: #0f172a;
+            color: #e2e8f0;
+        }
+        .gradient-text {
+            background: linear-gradient(90deg, #7c3aed 0%, #2563eb 100%);
+            -webkit-background-clip: text;
+            background-clip: text;
+            color: transparent;
+        }
+        .glass-card {
+            background: rgba(15, 23, 42, 0.7);
+            backdrop-filter: blur(10px);
+            border: 1px solid rgba(255, 255, 255, 0.1);
+            border-radius: 1rem;
+        }
+        .menu-item {
+            transition: all 0.2s ease;
+            border: 1px solid transparent;
+        }
+        .menu-item:hover {
+            border-color: #7c3aed;
+            transform: translateY(-2px);
+        }
+        .menu-item.selected {
+            border-color: #7c3aed;
+            background: rgba(124, 58, 237, 0.1);
+        }
+        .progress-bar {
+            height: 8px;
+            border-radius: 4px;
+            background: rgba(124, 58, 237, 0.2);
+        }
+        .progress-fill {
+            height: 100%;
+            border-radius: 4px;
+            background: linear-gradient(90deg, #7c3aed 0%, #2563eb 100%);
+        }
+    </style>
+</head>
+<body class="min-h-screen">
+    <nav class="px-6 py-4 flex justify-between items-center">
+        <div class="flex items-center space-x-2">
+            <i data-feather="cpu" class="text-indigo-500"></i>
+            <span class="text-xl font-bold gradient-text">QuantumCode</span>
+        </div>
+        <div class="flex items-center space-x-2">
+            <a href="i18n-setup.html" class="flex items-center text-sm hover:text-indigo-400 transition-colors">
+                <i data-feather="globe" class="w-4 h-4 mr-1"></i>
+                <span id="currentLang">EN</span>
+            </a>
+        </div>
+    </nav>
+    <main class="container mx-auto px-4 py-16">
+        <section class="max-w-4xl mx-auto">
+            <div class="flex justify-between items-center mb-8">
+                <h1 class="text-3xl md:text-4xl font-bold gradient-text">Order a Coffee</h1>
+                <div class="text-xl font-medium">
+                    Score: <span id="currentScore" class="text-indigo-400">0</span>/100
+                </div>
+            </div>
+            <div class="glass-card p-8 mb-8">
+                <div class="flex flex-col md:flex-row gap-8">
+                    <div class="md:w-1/3">
+                        <h3 class="text-xl font-bold mb-4">Café Menu</h3>
+                        <div class="space-y-3">
+                            <div class="menu-item glass-card p-4 cursor-pointer" data-item="latte">
+                                <div class="font-medium">Latte</div>
+                                <div class="text-sm text-slate-400">Espresso with steamed milk</div>
+                            </div>
+                            <div class="menu-item glass-card p-4 cursor-pointer" data-item="cappuccino">
+                                <div class="font-medium">Cappuccino</div>
+                                <div class="text-sm text-slate-400">Espresso with foam</div>
+                            </div>
+                            <div class="menu-item glass-card p-4 cursor-pointer" data-item="americano">
+                                <div class="font-medium">Americano</div>
+                                <div class="text-sm text-slate-400">Espresso with hot water</div>
+                            </div>
+                            <div class="menu-item glass-card p-4 cursor-pointer" data-item="mocha">
+                                <div class="font-medium">Mocha</div>
+                                <div class="text-sm text-slate-400">Chocolate espresso</div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="md:w-2/3">
+                        <h3 class="text-xl font-bold mb-4">Your Order</h3>
+                        <div class="glass-card p-6 mb-6 min-h-32" id="orderDisplay">
+                            <p class="text-slate-400 italic">Your order will appear here...</p>
+                        </div>
+                        <div class="mb-6">
+                            <voice-track></voice-track>
+                        </div>
+                        <div class="progress-bar w-full mb-2">
+                            <div class="progress-fill" id="progressBar" style="width: 0%"></div>
+                        </div>
+                        <div class="text-right text-sm text-slate-400">
+                            Progress: <span id="progressText">0</span>%
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="text-center">
+                <a href="gamequest.html" class="inline-flex items-center px-6 py-3 border border-indigo-500 text-indigo-400 hover:bg-indigo-900/50 rounded-full font-medium transition-colors">
+                    <i data-feather="arrow-left" class="mr-2"></i>
+                    Back to GameQuest
+                </a>
+            </div>
+        </section>
+    </main>
+    <script>
+        let currentScore = 0;
+        let selectedItem = null;
+        let progress = 0;
+        // Menu item selection
+        document.querySelectorAll('.menu-item').forEach(item => {
+            item.addEventListener('click', function() {
+                document.querySelectorAll('.menu-item').forEach(i => i.classList.remove('selected'));
+                this.classList.add('selected');
+                selectedItem = this.getAttribute('data-item');
+                updateOrderDisplay();
+            });
+        });
+        function updateOrderDisplay() {
+            const orderDisplay = document.getElementById('orderDisplay');
+            if (selectedItem) {
+                orderDisplay.innerHTML = `
+                    <p>You ordered: <span class="text-indigo-400 font-medium">${selectedItem}</span></p>
+                    <p class="mt-2">Try saying: <span class="text-slate-300">"I'd like a ${selectedItem}, please"</span></p>
+                `;
+            }
+        }
+        // Update score and progress
+        function updateScore(points) {
+            currentScore += points;
+            document.getElementById('currentScore').textContent = currentScore;
+            progress = Math.min(currentScore / 100 * 100, 100);
+            document.getElementById('progressBar').style.width = `${progress}%`;
+            document.getElementById('progressText').textContent = Math.floor(progress);
+            if (progress >= 100) {
+                completeGame();
+            }
+        }
+        function completeGame() {
+            // Save game stats
+            const stats = JSON.parse(localStorage.getItem('gamequestStats')) || {
+                gamesPlayed: 0,
+                totalScore: 0,
+                highScore: 0
+            };
+            stats.gamesPlayed += 1;
+            stats.totalScore += currentScore;
+            if (currentScore > stats.highScore) {
+                stats.highScore = currentScore;
+            }
+            localStorage.setItem('gamequestStats', JSON.stringify(stats));
+            alert(`Congratulations! You scored ${currentScore}/100 points.`);
+        }
+        // Set initial language
+        document.getElementById('currentLang').textContent =
+            document.cookie.match('(^|;)\\s*NEXT_LOCALE\\s*=\\s*([^;]+)')?.pop() || 'EN';
+        feather.replace();
+    </script>
+</body>
+</html>

gamequest.html ADDED Viewed

	@@ -0,0 +1,134 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>GameQuest | QuantumCode</title>
+    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://unpkg.com/feather-icons"></script>
+    <script src="components/voice-track.js"></script>
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');
+        body {
+            font-family: 'Space Grotesk', sans-serif;
+            background-color: #0f172a;
+            color: #e2e8f0;
+        }
+        .gradient-text {
+            background: linear-gradient(90deg, #7c3aed 0%, #2563eb 100%);
+            -webkit-background-clip: text;
+            background-clip: text;
+            color: transparent;
+        }
+        .glass-card {
+            background: rgba(15, 23, 42, 0.7);
+            backdrop-filter: blur(10px);
+            border: 1px solid rgba(255, 255, 255, 0.1);
+            border-radius: 1rem;
+        }
+        .game-card {
+            transition: all 0.3s ease;
+            border: 1px solid transparent;
+        }
+        .game-card:hover {
+            transform: translateY(-5px);
+            border-color: #7c3aed;
+        }
+    </style>
+</head>
+<body class="min-h-screen">
+    <nav class="px-6 py-4 flex justify-between items-center">
+        <div class="flex items-center space-x-2">
+            <i data-feather="cpu" class="text-indigo-500"></i>
+            <span class="text-xl font-bold gradient-text">QuantumCode</span>
+        </div>
+        <div class="flex items-center space-x-2">
+            <a href="i18n-setup.html" class="flex items-center text-sm hover:text-indigo-400 transition-colors">
+                <i data-feather="globe" class="w-4 h-4 mr-1"></i>
+                <span id="currentLang">EN</span>
+            </a>
+        </div>
+        <div class="hidden md:flex space-x-8">
+            <a href="index.html" class="hover:text-indigo-400 transition-colors">Home</a>
+            <a href="progress-report.html" class="hover:text-indigo-400 transition-colors">Progress</a>
+            <a href="gamequest.html" class="text-indigo-400">GameQuest</a>
+        </div>
+    </nav>
+    <main class="container mx-auto px-4 py-16">
+        <section class="max-w-6xl mx-auto">
+            <h1 class="text-4xl md:text-5xl font-bold mb-6">
+                <span class="gradient-text">GameQuest</span>
+            </h1>
+            <p class="text-xl text-slate-300 mb-10">
+                Practice real-world scenarios with our interactive mini-games.
+            </p>
+            <div class="grid md:grid-cols-2 gap-8 mb-12">
+                <a href="gamequest-coffee.html" class="game-card glass-card p-8 text-center">
+                    <div class="w-16 h-16 rounded-full bg-indigo-900/50 flex items-center justify-center mx-auto mb-4">
+                        <i data-feather="coffee" class="text-indigo-400"></i>
+                    </div>
+                    <h3 class="text-2xl font-bold mb-3">Order a Coffee</h3>
+                    <p class="text-slate-300">Practice ordering at a café with voice recognition</p>
+                </a>
+                <a href="gamequest-airport.html" class="game-card glass-card p-8 text-center">
+                    <div class="w-16 h-16 rounded-full bg-indigo-900/50 flex items-center justify-center mx-auto mb-4">
+                        <i data-feather="plane" class="text-indigo-400"></i>
+                    </div>
+                    <h3 class="text-2xl font-bold mb-3">At the Airport</h3>
+                    <p class="text-slate-300">Navigate airport check-in and security</p>
+                </a>
+            </div>
+            <div class="glass-card p-8">
+                <h2 class="text-2xl font-bold mb-6">Your GameQuest Stats</h2>
+                <div class="grid md:grid-cols-3 gap-6">
+                    <div class="text-center">
+                        <h3 class="text-xl font-bold mb-2">Games Played</h3>
+                        <div class="text-4xl font-bold gradient-text" id="gamesPlayed">0</div>
+                    </div>
+                    <div class="text-center">
+                        <h3 class="text-xl font-bold mb-2">Total Score</h3>
+                        <div class="text-4xl font-bold gradient-text" id="totalScore">0</div>
+                    </div>
+                    <div class="text-center">
+                        <h3 class="text-xl font-bold mb-2">Highest Score</h3>
+                        <div class="text-4xl font-bold gradient-text" id="highScore">0</div>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </main>
+    <script>
+        // Load stats from localStorage
+        function loadStats() {
+            const stats = JSON.parse(localStorage.getItem('gamequestStats')) || {
+                gamesPlayed: 0,
+                totalScore: 0,
+                highScore: 0
+            };
+            document.getElementById('gamesPlayed').textContent = stats.gamesPlayed;
+            document.getElementById('totalScore').textContent = stats.totalScore;
+            document.getElementById('highScore').textContent = stats.highScore;
+        }
+        loadStats();
+        // Set initial language
+        document.getElementById('currentLang').textContent =
+            document.cookie.match('(^|;)\\s*NEXT_LOCALE\\s*=\\s*([^;]+)')?.pop() || 'EN';
+        feather.replace();
+    </script>
+</body>
+</html>

index.html CHANGED Viewed

@@ -55,7 +55,7 @@
                 <a href="select-role.html" class="hover:text-indigo-400 transition-colors">Roles</a>
             <a href="progress-report.html" class="hover:text-indigo-400 transition-colors">Progress</a>
             <a href="self-talk-journal.html" class="hover:text-indigo-400 transition-colors">Self-Talk</a>
-            <a href="learning-engine.html#ai-dialog" class="hover:text-indigo-400 transition-colors">AI Dialog</a>
 </div>
 <button class="md:hidden">
             <i data-feather="menu"></i>

                 <a href="select-role.html" class="hover:text-indigo-400 transition-colors">Roles</a>
             <a href="progress-report.html" class="hover:text-indigo-400 transition-colors">Progress</a>
             <a href="self-talk-journal.html" class="hover:text-indigo-400 transition-colors">Self-Talk</a>
+            <a href="gamequest.html" class="hover:text-indigo-400 transition-colors">GameQuest</a>
 </div>
 <button class="md:hidden">
             <i data-feather="menu"></i>

learning-engine.html CHANGED Viewed

@@ -64,6 +64,7 @@
             <a href="select-role.html" class="hover:text-indigo-400 transition-colors">Roles</a>
             <a href="progress-report.html" class="hover:text-indigo-400 transition-colors">Progress</a>
             <a href="self-talk-journal.html" class="hover:text-indigo-400 transition-colors">Self-Talk</a>
 </div>
     </nav>

             <a href="select-role.html" class="hover:text-indigo-400 transition-colors">Roles</a>
             <a href="progress-report.html" class="hover:text-indigo-400 transition-colors">Progress</a>
             <a href="self-talk-journal.html" class="hover:text-indigo-400 transition-colors">Self-Talk</a>
+            <a href="gamequest.html" class="hover:text-indigo-400 transition-colors">GameQuest</a>
 </div>
     </nav>

progress-report.html CHANGED Viewed

@@ -63,6 +63,7 @@
             <a href="learning-engine.html" class="hover:text-indigo-400 transition-colors">API</a>
             <a href="progress-report.html" class="text-indigo-400">Progress</a>
             <a href="self-talk-journal.html" class="hover:text-indigo-400 transition-colors">Self-Talk</a>
 </div>
     </nav>

             <a href="learning-engine.html" class="hover:text-indigo-400 transition-colors">API</a>
             <a href="progress-report.html" class="text-indigo-400">Progress</a>
             <a href="self-talk-journal.html" class="hover:text-indigo-400 transition-colors">Self-Talk</a>
+            <a href="gamequest.html" class="hover:text-indigo-400 transition-colors">GameQuest</a>
 </div>
     </nav>

self-talk-journal.html CHANGED Viewed

@@ -58,7 +58,8 @@
             <a href="index.html" class="hover:text-indigo-400 transition-colors">Home</a>
             <a href="progress-report.html" class="hover:text-indigo-400 transition-colors">Progress</a>
             <a href="self-talk-journal.html" class="text-indigo-400">Self-Talk Journal</a>
-        </div>
     </nav>
     <main class="container mx-auto px-4 py-16">

             <a href="index.html" class="hover:text-indigo-400 transition-colors">Home</a>
             <a href="progress-report.html" class="hover:text-indigo-400 transition-colors">Progress</a>
             <a href="self-talk-journal.html" class="text-indigo-400">Self-Talk Journal</a>
+            <a href="gamequest.html" class="hover:text-indigo-400 transition-colors">GameQuest</a>
+</div>
     </nav>
     <main class="container mx-auto px-4 py-16">