viết nội dung chi tiết Phần 1 chương 1 - Initial Deployment

index.html

@@ -78,6 +78,93 @@
                         </ul>
                     </div>
                     
+                    <!-- Chapter Content START -->
+                    <div class="chapter-content mt-8 hidden" id="chapter1-1">
+                        <h3 class="text-2xl font-bold mb-4 text-blue-800">Chương 1: Giao dịch Forex là gì?</h3>
+                        
+                        <div class="mb-6">
+                            <h4 class="font-bold text-lg mb-2 text-blue-700">1. Khái niệm cơ bản</h4>
+                            <p class="mb-3">Forex (Foreign Exchange) là thị trường trao đổi ngoại hối lớn nhất thế giới, nơi các đồng tiền được giao dịch theo cặp. Khối lượng giao dịch hàng ngày đạt khoảng 6.6 nghìn tỷ USD (theo báo cáo BIS 2019).</p>
+                            <p class="mb-3">Ví dụ: Khi bạn đổi USD sang EUR, bạn đang tham gia vào thị trường Forex.</p>
+                            <img src="https://via.placeholder.com/800x400?text=Forex+Market+Infographic" alt="Thị trường Forex" class="w-full rounded-lg border mb-3">
+                        </div>
+                        
+                        <div class="mb-6">
+                            <h4 class="font-bold text-lg mb-2 text-blue-700">2. Các cặp tiền chính</h4>
+                            <p class="mb-2">3 loại cặp tiền chính:</p>
+                            <ul class="list-disc list-inside mb-3 space-y-1">
+                                <li><strong>Major pairs (Cặp chính):</strong> EUR/USD, USD/JPY, GBP/USD, USD/CHF, AUD/USD, USD/CAD, NZD/USD</li>
+                                <li><strong>Minor pairs (Cặp phụ):</strong> EUR/GBP, GBP/JPY, AUD/NZD</li>
+                                <li><strong>Exotic pairs (Cặp ngoại lai):</strong> USD/SGD, EUR/TRY, USD/ZAR</li>
+                            </ul>
+                            <div class="bg-green-50 border-l-4 border-green-500 p-3 mb-3">
+                                <p class="font-semibold text-green-700">Lưu ý:</p>
+                                <p class="text-sm">Cặp tiền chính có thanh khoản cao nhất và spread thấp nhất nên thường được ưa chuộng bởi trader mới.</p>
+                            </div>
+                        </div>
+                        
+                        <div class="mb-6">
+                            <h4 class="font-bold text-lg mb-2 text-blue-700">3. Pip và Lot</h4>
+                            <p class="mb-3">Pip (Percentage in Point) là đơn vị đo lường sự thay đổi giá. Đối với hầu hết các cặp tiền, 1 pip = 0.0001.</p>
+                            <p class="mb-3">Lot là đơn vị khối lượng giao dịch. Standard lot = 100,000 đơn vị tiền tệ.</p>
+                            
+                            <div class="overflow-x-auto">
+                                <table class="min-w-full bg-white border">
+                                    <thead>
+                                        <tr class="bg-gray-100">
+                                            <th class="py-2 px-4 border">Loại Lot</th>
+                                            <th class="py-2 px-4 border">Khối lượng</th>
+                                            <th class="py-2 px-4 border">Giá trị 1 Pip (EUR/USD)</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr class="text-center">
+                                            <td class="py-2 px-4 border">Standard</td>
+                                            <td class="py-2 px-4 border">100,000</td>
+                                            <td class="py-2 px-4 border">$10</td>
+                                        </tr>
+                                        <tr class="text-center bg-gray-50">
+                                            <td class="py-2 px-4 border">Mini</td>
+                                            <td class="py-2 px-4 border">10,000</td>
+                                            <td class="py-2 px-4 border">$1</td>
+                                        </tr>
+                                        <tr class="text-center">
+                                            <td class="py-2 px-4 border">Micro</td>
+                                            <td class="py-2 px-4 border">1,000</td>
+                                            <td class="py-2 px-4 border">$0.1</td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                        
+                        <div class="mb-6">
+                            <h4 class="font-bold text-lg mb-2 text-blue-700">4. Spread và Phí giao dịch</h4>
+                            <div class="flex flex-col md:flex-row gap-4">
+                                <div class="md:w-1/2">
+                                    <img src="https://via.placeholder.com/400x250?text=Spread+Example" alt="Spread Example" class="w-full rounded-lg border mb-2">
+                                    <p class="text-sm italic text-center">Hình ảnh minh họa Spread trên biểu đồ</p>
+                                </div>
+                                <div class="md:w-1/2">
+                                    <p class="mb-2">Spread là chênh lệch giữa giá Bid (bán) và Ask (mua). Đây là cách sàn forex kiếm tiền.</p>
+                                    <p class="bg-yellow-50 border-l-4 border-yellow-500 p-2 text-sm">Ví dụ: EUR/USD có Bid = 1.1200 và Ask = 1.1202 thì Spread = 2 pips.</p>
+                                    <p class="mt-3">Các loại spread:</p>
+                                    <ul class="list-disc list-inside ml-4 space-y-1">
+                                        <li><strong>Fixed Spread:</strong> Cố định trong mọi điều kiện</li>
+                                        <li><strong>Floating Spread:</strong> Thay đổi theo thị trường</li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                        
+                        <div class="flex justify-end mt-6">
+                            <button class="bg-blue-600 hover:bg-blue-700 text-white py-2 px-6 rounded-lg flex items-center" id="quizBtn1-1">
+                                <i class="fas fa-question-circle mr-2"></i> Làm Quiz Kiểm Tra
+                            </button>
+                        </div>
+                    </div>
+                    <!-- Chapter Content END -->
+                    
                     <button class="bg-green-600 hover:bg-green-700 text-white font-bold py-3 px-6 rounded-lg shadow transition flex items-center mx-auto md:mx-0">
                         <i class="fas fa-play-circle mr-2"></i>Bắt đầu học ngay
                     </button>
@@ -389,6 +476,29 @@
     </footer>
 
     <script>
+        // Function to show chapter content
+        function showChapter(partId, chapterId) {
+            // Hide all chapter contents first
+            document.querySelectorAll('.chapter-content').forEach(el => {
+                el.classList.add('hidden');
+            });
+            
+            // Show the selected chapter
+            const chapter = document.getElementById(`${partId}-${chapterId}`);
+            if(chapter) {
+                chapter.classList.remove('hidden');
+                window.scrollTo({
+                    top: chapter.offsetTop - 100,
+                    behavior: 'smooth'
+                });
+            }
+        }
+
+        // Quiz button event
+        document.getElementById('quizBtn1-1')?.addEventListener('click', function() {
+            alert('Quiz chương 1 sẽ được hiển thị ở đây trong phiên bản đầy đủ.');
+        });
+
         // Floating menu toggle
         document.getElementById('floatingBtn').addEventListener('click', function() {
             const menu = document.getElementById('floatingMenu');

prompts.txt

@@ -0,0 +1 @@
+viết nội dung chi tiết Phần 1 chương 1