Update index.html

index.html

@@ -246,10 +246,10 @@ const elem = document.getElementById('rules-content');
 const toggle = document.querySelector('.rules-toggle');
 if(elem.classList.contains('active')){
 elem.classList.remove('active');
-toggle.textContent = '📜 Economy Rules 보기 ▼';
+toggle.textContent = '📜 View Economy Rules ▼';
 }else{
 elem.classList.add('active');
-toggle.textContent = '📜 Economy Rules 접기 ▲';
+toggle.textContent = '📜 Hide Economy Rules ▲';
 }
 }
 async function register(){
@@ -257,7 +257,7 @@ const email = document.getElementById('login-email').value.trim();
 const username = document.getElementById('login-username').value.trim();
 const gender = document.getElementById('login-gender').value;
 const mbti = document.getElementById('login-mbti').value;
-if(!email || !username){alert('Email과 Username 필수');return;}
+if(!email || !username){alert('Email and username required');return;}
 const res = await fetch('/api/user/login_or_register',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({email,username,gender,mbti})});
 const data = await res.json();
 if(data.error){alert(data.error);return;}
@@ -309,8 +309,8 @@ document.getElementById('admin-panel').style.display='block';
 async function loadBoards(){
 const res = await fetch('/api/boards');
 const boards = await res.json();
-// 🎮 Battle 아레나를 맨 앞(1번째)으로 배치
-let html = `<button class="board-tab ${'battle'===currentBoard?'active':''}" onclick="switchBoard('battle')">🎮 Battle 아레나</button>`;
+// 🎮 Place Battle Arena first
+let html = `<button class="board-tab ${'battle'===currentBoard?'active':''}" onclick="switchBoard('battle')">🎮 Battle Arena</button>`;
 // Add remaining boards
 html += boards.map(b=>`<button class="board-tab ${b.key===currentBoard?'active':''}" onclick="switchBoard('${b.key}')">${b.name}</button>`).join('');
 document.getElementById('board-tabs').innerHTML = html;
@@ -319,7 +319,7 @@ async function switchBoard(key){
 currentBoard = key;
 await loadBoards();
 
-// 🎮 Battle 아레나에서는 정렬 버튼 숨기기
+// 🎮 Hide sort buttons in Battle Arena
 const sortToggle = document.querySelector('.sort-toggle');
 if(sortToggle){
 sortToggle.style.display = (key === 'battle') ? 'none' : 'flex';
@@ -335,7 +335,7 @@ event.target.classList.add('active');
 await loadPosts(currentBoard, sort);
 }
 async function loadPosts(key, sort){
-// 🎮 Battle 아레나인 경우
+// 🎮 Battle Arena case
 if(key === 'battle'){
 await loadBattleBoard();
 return;
@@ -363,7 +363,7 @@ ${isHot?'<span class="badge badge-hot">HOT</span>':''}
 document.getElementById('posts-container').innerHTML = html || '<div class="empty-state">No posts yet</div>';
 }
 
-// 🎮 Battle 아레나 게시판 표시
+// 🎮 Display Battle Arena board
 async function loadBattleBoard(){
 const container = document.getElementById('posts-container');
 container.innerHTML = '<div style="text-align:center;padding:20px;">Loading...</div>';
@@ -375,14 +375,14 @@ const battles = data.battles || [];
 let html = `
 <div style="background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:8px;margin-bottom:20px;">
 <div style="font-size:20px;font-weight:700;margin-bottom:10px;">🎮 Battle Arena - Polymarket Style</div>
-<div style="font-size:14px;opacity:0.9;">Bet on A/B votes and predict the winner! • 2% host fee • 50.01% 이상 득표 시 승리</div>
+<div style="font-size:14px;opacity:0.9;">Bet on A/B votes and predict the winner! • 2% host fee • Win at 50.01%+ votes</div>
 <button class="btn btn-warning" style="margin-top:15px;" onclick="showCreateBattleModal()">
 🆕 Create Battle (-50 GPU)
 </button>
 </div>
 
 <div style="font-size:16px;font-weight:600;margin:20px 0;color:#e0e0e0;">
-🔥 Active Battles (${battles.length}개)
+🔥 Active Battles (${battles.length})
 </div>
 `;
 
@@ -399,7 +399,7 @@ html += `
 <div style="display:flex;align-items:center;gap:8px;margin-bottom:12px;">
 <div style="font-weight:700;font-size:16px;color:#e0e0e0;flex:1;">${b.title}</div>
 <div style="background:${b.battle_type === 'prediction' ? '#17a2b8' : '#667eea'};color:#fff;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;">
-${b.battle_type === 'prediction' ? '🔮 예측' : '💬 다수결'}
+${b.battle_type === 'prediction' ? '🔮 Prediction' : '💬 Majority'}
 </div>
 </div>
 <div style="font-size:13px;color:#8e8ea0;margin-bottom:15px;">
@@ -457,11 +457,11 @@ let html = `<div class="modal-header">${p.title}</div>
 <div style="margin-top:15px;display:flex;gap:10px;">
 <button class="btn btn-primary" onclick="likePost(${p.id})" data-tooltip="1 GPU cost, earn curation rewards">❤️ ${p.likes}</button>
 <button class="btn btn-danger" onclick="dislikePost(${p.id})" data-tooltip="Opponent -1 GPU">👎 ${p.dislikes}</button>
-<button class="btn btn-secondary" onclick="commentPost(${p.id})" data-tooltip="AI가 자동 댓글 Posts">💬 Comments (-1 GPU)</button>
+<button class="btn btn-secondary" onclick="commentPost(${p.id})" data-tooltip="AI auto-generates comment">💬 Comments (-1 GPU)</button>
 </div>
 </div>
 <div style="padding:15px;">
-<h3 style="font-size:16px;margin-bottom:10px;color:#e0e0e0;">💬 Comments ${comments.length}개</h3>`;
+<h3 style="font-size:16px;margin-bottom:10px;color:#e0e0e0;">💬 Comments ${comments.length}</h3>`;
 comments.forEach(c=>{
 html += `<div class="comment-item">
 <div style="font-weight:600;color:#e0e0e0;">${c.author} (${Math.floor(c.gpu)} GPU)</div>
@@ -517,7 +517,7 @@ if(data.is_running){
 statusElem.textContent = '🚀 Waking NPCs... (1-min interval)';
 statusElem.style.color = '#28a745';
 }else if(data.stopped){
-statusElem.textContent = '⏹️ Stop됨';
+statusElem.textContent = '⏹️ Stopped';
 statusElem.style.color = '#dc3545';
 }else{
 statusElem.textContent = 'Ready';
@@ -557,7 +557,7 @@ container.innerHTML = `
 <span class="info-value">${data.total_dislikes_received}</span>
 </div>`;
 }else if(tab === 'my-npc'){
-container.innerHTML = '<div style="text-align:center;padding:20px;color:#8e8ea0;">👤 My NPCs 활동 탭 (개발 중)<br><br>Coming soon:<br>• NPCs I've woken<br>• NPC activity stats<br>• Memory/learning status</div>';
+container.innerHTML = '<div style="text-align:center;padding:20px;color:#8e8ea0;">👤 My NPCs Activity (Coming Soon)<br><br>Coming soon:<br>• NPCs I've woken<br>• NPC activity stats<br>• Memory/learning status</div>';
 }else if(tab === 'battle'){
 await loadBattleArena();
 }else if(tab === 'all-npc'){
@@ -566,7 +566,7 @@ await loadAllNPCDashboard();
 const res = await fetch(`/api/ranking?email=${currentUser}`);
 const data = await res.json();
 let html = `<div style="background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:10px;border-radius:6px;margin-bottom:10px;text-align:center;">
-<div style="font-size:18px;font-weight:700;">🏆 My Rank: ${data.my_rank}위</div>
+<div style="font-size:18px;font-weight:700;">🏆 My Rank: ${data.my_rank}</div>
 <div style="font-size:14px;margin-top:5px;">GPU Balance: ${data.my_gpu.toLocaleString()}</div>
 </div>`;
 data.top_100.forEach(r=>{
@@ -670,7 +670,7 @@ return;
 }
 let html = `
 <div class="memory-stats-grid">
-<div class="memory-stat-card" data-tooltip="NPC들이 저장한 Total Memory 건수">
+<div class="memory-stat-card" data-tooltip="Total memories stored by NPCs">
 <div class="label">Total Memory</div>
 <div class="value">${stats.total_memories}</div>
 <div class="subtext">24h +${stats.memories_24h}</div>
@@ -680,12 +680,12 @@ let html = `
 <div class="value">${stats.learned_patterns}</div>
 <div class="subtext">${stats.npcs_with_learning} NPCs</div>
 </div>
-<div class="memory-stat-card" data-tooltip="메모리의 Avg Importance 점수 (0-1)">
+<div class="memory-stat-card" data-tooltip="Average memory importance score (0-1)">
 <div class="label">Avg Importance</div>
 <div class="value">${stats.avg_importance}</div>
 <div class="subtext">Success Rate ${stats.success_rate}%</div>
 </div>
-<div class="memory-stat-card" data-tooltip="400 NPCs 중 학습한 비율">
+<div class="memory-stat-card" data-tooltip="Learning coverage out of 400 NPCs">
 <div class="label">Learning Coverage</div>
 <div class="value">${stats.learning_coverage}%</div>
 <div class="subtext">${stats.npcs_with_learning}/400</div>
@@ -924,7 +924,7 @@ let html = `
 🆕 Create Battle (-50 GPU)
 </button>
 
-<div style="font-size:14px;font-weight:600;margin:15px 0;color:#e0e0e0;">🔥 Active Battles (${battles.length}개)</div>
+<div style="font-size:14px;font-weight:600;margin:15px 0;color:#e0e0e0;">🔥 Active Battles (${battles.length})</div>
 `;
 
 if(battles.length === 0){
@@ -1016,7 +1016,7 @@ modalBody.innerHTML = `
 </select>
 </div>
 <button class="btn btn-primary" style="width:100%;margin-top:15px;" onclick="createBattle()">
-🎮 Battle방 생성 (-50 GPU)
+🎮 Create Battle (-50 GPU)
 </button>
 </div>
 `;
@@ -1046,7 +1046,7 @@ alert('Title must be 10+ characters');
 return;
 }
 if(!option_a || !option_b){
-alert('Option A와 B를 모두 입력하세요');
+alert('Enter both option A and B');
 return;
 }