Update app.py

app.py

@@ -248,58 +248,143 @@ async def try_openai_api(openai_messages):
 # ------------------------
 
 def load_json_data():
-    data_list = [
-        {
-            "name": "[게임] 테트리스 클론",
-            "prompt": "블록이 위에서 떨어지는 클래식 테트리스 게임을 개발해주세요..."
-        },
-        # ...
-    ]
+    data_list = []
+    for i, demo in enumerate(DEMO_LIST):
+        game_type = ""
+        desc = demo["description"]
+        
+        # 게임 타입 추정
+        if "테트리스" in desc or "블록" in desc:
+            game_type = "[퍼즐] 테트리스"
+        elif "체스" in desc:
+            game_type = "[보드] 체스"
+        elif "메모리 카드" in desc or "짝을 맞추는" in desc:
+            game_type = "[카드] 메모리 게임"
+        elif "슈팅" in desc or "우주선" in desc:
+            game_type = "[액션] 슈팅 게임"
+        elif "슬라이드 퍼즐" in desc:
+            game_type = "[퍼즐] 슬라이드 퍼즐"
+        elif "뱀 게임" in desc:
+            game_type = "[아케이드] 스네이크"
+        elif "브레이크아웃" in desc or "벽돌" in desc:
+            game_type = "[아케이드] 브레이크아웃"
+        elif "타워 디펜스" in desc:
+            game_type = "[전략] 타워 디펜스"
+        elif "엔드리스 러너" in desc or "달리며 장애물" in desc:
+            game_type = "[액션] 러너 게임"
+        elif "플랫포머" in desc:
+            game_type = "[액션] 플랫포머"
+        elif "미로" in desc:
+            game_type = "[퍼즐] 미로 게임"
+        elif "RPG" in desc or "턴제" in desc:
+            game_type = "[RPG] 턴제 전투"
+        elif "매치-3" in desc or "같은 색상" in desc:
+            game_type = "[퍼즐] 매치3 게임"
+        elif "플래피 버드" in desc:
+            game_type = "[아케이드] 플래피 버드"
+        elif "차이점" in desc:
+            game_type = "[퍼즐] 차이 찾기"
+        elif "타이핑" in desc:
+            game_type = "[교육] 타이핑 게임"
+        elif "골프" in desc:
+            game_type = "[스포츠] 미니 골프"
+        elif "낚시" in desc:
+            game_type = "[시뮬레이션] 낚시"
+        elif "빙고" in desc:
+            game_type = "[보드] 빙고"
+        elif "리듬" in desc:
+            game_type = "[음악] 리듬 게임"
+        elif "레이싱" in desc:
+            game_type = "[레이싱] 탑다운 드라이빙"
+        elif "퀴즈" in desc:
+            game_type = "[교육] 퀴즈"
+        elif "사격" in desc:
+            game_type = "[아케이드] 사격 갤러리"
+        elif "보드 게임" in desc or "주사위" in desc:
+            game_type = "[보드] 룰렛 게임"
+        elif "좀비" in desc and "서바이벌" in desc:
+            game_type = "[액션] 좀비 서바이벌"
+        elif "페널티킥" in desc or "축구" in desc:
+            game_type = "[스포츠] 페널티킥"
+        elif "지뢰찾기" in desc:
+            game_type = "[퍼즐] 지뢰찾기"
+        elif "Connect Four" in desc:
+            game_type = "[보드] 사목게임"
+        elif "스크래블" in desc or "단어" in desc:
+            game_type = "[보드] 단어 게임"
+        elif "탱크" in desc:
+            game_type = "[액션] 탱크 배틀"
+        elif "보석" in desc:
+            game_type = "[퍼즐] 보석 매치"
+        else:
+            game_type = f"[게임] 예제 {i+1}"
+        
+        # 설명 요약 (너무 길면 축약)
+        short_desc = desc[:150] + "..." if len(desc) > 150 else desc
+        
+        data_list.append({
+            "name": game_type,
+            "prompt": desc
+        })
+    
     return data_list
 
 def create_template_html(title, items):
     import html as html_lib
     html_content = r"""
 <style>
+.template-title {
+    font-size: 1.1rem;
+    font-weight: 600;
+    margin-bottom: 16px;
+    color: #0066cc;
+    text-align: center;
+}
 .prompt-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
     gap: 16px;
     padding: 12px;
 }
 .prompt-card {
     background: white;
-    border: 1px solid #eee;
+    border: 1px solid #e9ecef;
     border-radius: 12px;
-    padding: 12px;
+    padding: 15px;
     cursor: pointer;
-    box-shadow: 0 4px 8px rgba(0,0,0,0.05);
+    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
     transition: all 0.3s ease;
+    height: 180px;
+    display: flex;
+    flex-direction: column;
 }
 .prompt-card:hover {
     transform: translateY(-4px);
-    box-shadow: 0 6px 12px rgba(0,0,0,0.1);
+    box-shadow: 0 8px 15px rgba(0,0,0,0.1);
+    border-color: #66a3ff;
 }
 .card-name {
-    font-weight: bold;
-    margin-bottom: 8px;
-    font-size: 13px;
-    color: #444;
+    font-weight: 600;
+    margin-bottom: 10px;
+    font-size: 14px;
+    color: #2c3e50;
+    padding: 5px 10px;
+    background: #f7f9fc;
+    border-radius: 6px;
+    display: inline-block;
 }
 .card-prompt {
-    font-size: 11px;
-    line-height: 1.4;
-    color: #666;
+    font-size: 12px;
+    line-height: 1.5;
+    color: #546e7a;
     display: -webkit-box;
-    -webkit-line-clamp: 7;
+    -webkit-line-clamp: 6;
     -webkit-box-orient: vertical;
     overflow: hidden;
-    height: 84px;
-    background-color: #f8f9fa;
-    padding: 8px;
-    border-radius: 6px;
+    flex-grow: 1;
 }
 </style>
+<div class="template-title">🎮 다양한 게임 템플릿을 선택해 보세요</div>
 <div class="prompt-grid">
 """
     for item in items: