feat: replace chinese comments with english, update title to chinese

app.py

@@ -9,27 +9,27 @@ SNIPPETS = [
     # --- Python ---
     {
         "language": "Python",
-        "code": """# 二分查找算法实现
+        "code": """# Binary Search Implementation
 def binary_search(arr, target):
     left, right = 0, len(arr) - 1
     
     while left <= right:
         mid = (left + right) // 2
         if arr[mid] == target:
-            return mid  # 找到目标值
+            return mid  # Target found
         elif arr[mid] < target:
             left = mid + 1
         else:
             right = mid - 1
             
-    return -1  # 未找到"""
+    return -1  # Not found"""
     },
     {
         "language": "Python",
-        "code": """# Flask 路由示例
+        "code": """# Flask Route Example
 @app.route('/api/users', methods=['GET'])
 def get_users():
-    # 从数据库获取用户列表
+    # Get user list from database
     users = db.session.query(User).all()
     return jsonify({
         "count": len(users),
@@ -38,7 +38,7 @@ def get_users():
     },
     {
         "language": "Python",
-        "code": """# 快速排序 (Quick Sort)
+        "code": """# Quick Sort Algorithm
 def quick_sort(arr):
     if len(arr) <= 1:
         return arr
@@ -53,8 +53,8 @@ def quick_sort(arr):
     {
         "language": "JavaScript",
         "code": """/**
- * 防抖函数 (Debounce)
- * 用于限制函数执行频率，常用于搜索框输入
+ * Debounce Function
+ * Limits the rate at which a function can fire.
  */
 function debounce(func, wait) {
   let timeout;
@@ -62,7 +62,7 @@ function debounce(func, wait) {
     const context = this;
     clearTimeout(timeout);
     
-    // 延迟执行
+    // Execute later
     timeout = setTimeout(() => {
       func.apply(context, args);
     }, wait);
@@ -71,7 +71,7 @@ function debounce(func, wait) {
     },
     {
         "language": "JavaScript",
-        "code": """// Promise 链式调用示例
+        "code": """// Promise Chain Example
 fetch('https://api.example.com/data')
   .then(response => {
     if (!response.ok) {
@@ -90,7 +90,7 @@ fetch('https://api.example.com/data')
     # --- Go ---
     {
         "language": "Go",
-        "code": """// 并发处理示例
+        "code": """// Concurrency Example
 package main
 
 import (
@@ -101,7 +101,7 @@ import (
 func main() {
     var wg sync.WaitGroup
     
-    // 启动 5 个协程
+    // Start 5 goroutines
     for i := 0; i < 5; i++ {
         wg.Add(1)
         go func(id int) {
@@ -110,7 +110,7 @@ func main() {
         }(i)
     }
     
-    wg.Wait() // 等待所有协程完成
+    wg.Wait() // Wait for all goroutines to finish
     fmt.Println("All workers done")
 }"""
     },
@@ -118,7 +118,7 @@ func main() {
     # --- SQL ---
     {
         "language": "SQL",
-        "code": """-- 查询高价值用户
+        "code": """-- Query High Value Users
 SELECT 
     u.username, 
     COUNT(o.id) as order_count,
@@ -134,7 +134,7 @@ ORDER BY total_spent DESC;"""
     # --- React ---
     {
         "language": "React",
-        "code": """// 简单的计数器组件
+        "code": """// Simple Counter Component
 import React, { useState } from 'react';
 
 export default function Counter() {
@@ -142,12 +142,12 @@ export default function Counter() {
 
   return (
     <div className="p-4 border rounded">
-      <h2 className="text-xl">当前计数: {count}</h2>
+      <h2 className="text-xl">Current Count: {count}</h2>
       <button 
         onClick={() => setCount(count + 1)}
         className="bg-blue-500 text-white px-4 py-2 mt-2"
       >
-        增加 (+1)
+        Increment (+1)
       </button>
     </div>
   );
@@ -157,7 +157,7 @@ export default function Counter() {
     # --- Java ---
     {
         "language": "Java",
-        "code": """// 单例模式 (Double Checked Locking)
+        "code": """// Singleton Pattern (Double Checked Locking)
 public class Singleton {
     private static volatile Singleton instance;
 
@@ -179,7 +179,7 @@ public class Singleton {
     # --- HTML/CSS ---
     {
         "language": "HTML",
-        "code": """<!-- 简单的卡片布局 -->
+        "code": """<!-- Simple Card Layout -->
 <div class="card">
   <img src="avatar.jpg" alt="User Avatar" class="card-img">
   <div class="card-body">

templates/index.html

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>程序员代码打字练习 | Code Typing Practice</title>
+    <title>程序员打字练习 | Code Typing Practice</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;700&display=swap" rel="stylesheet">
     <style>
@@ -42,8 +42,8 @@
     <!-- Header -->
     <header class="w-full max-w-5xl flex flex-col md:flex-row justify-between items-center mb-6 gap-4">
         <div class="flex items-baseline gap-2">
-            <h1 class="text-2xl font-bold text-blue-400 tracking-tight">Code Typing</h1>
-            <span class="text-slate-500 text-xs font-mono">v1.1</span>
+            <h1 class="text-2xl font-bold text-blue-400 tracking-tight">程序员打字练习</h1>
+            <span class="text-slate-500 text-xs font-mono">v1.2</span>
         </div>
         
         <div class="flex flex-wrap items-center gap-4 text-sm">