Update app.py

app.py

@@ -840,12 +840,10 @@ theme = gr.themes.Soft(
 with gr.Blocks(css_paths=["app.css"], theme=theme) as demo:
     header_html = gr.HTML("""
     <style>
-      /* ▸ 헤더 전체 스타일(이미 있으시면 합쳐도 됩니다) */
       .app-header{ text-align:center; margin-bottom:24px; }
-      /* ▸ 배지 전용 래퍼 – 좌우로 나란히 배치 */
       .badge-row{
           display:inline-flex;   /* 가로 정렬 */
-          gap:8px;               /* 배지 사이 여백 */
+          gap:8px;              /* 배지 사이 여백 */
           margin:8px 0;
       }
     </style>
@@ -853,21 +851,27 @@ with gr.Blocks(css_paths=["app.css"], theme=theme) as demo:
     <div class="app-header">
         <h1>🎮 Vibe Game Craft</h1>
     
-        <!-- 👇 두 배지를 감싸는 래퍼 -->
         <div class="badge-row">
+            <!-- ① Vibe-Game 공간 배지 -->
+            <a href="https://huggingface.co/spaces/openfree/Vibe-Game" target="_blank">
+                <img src="https://img.shields.io/static/v1?label=huggingface&message=Vibe%20Game%20Craft&color=%23800080&labelColor=%23ffa500&logo=huggingface&logoColor=%23ffff00&style=for-the-badge" alt="HF Vibe badge">
+            </a>
+    
+            <!-- ② Game Gallery 배지 -->
             <a href="https://huggingface.co/spaces/openfree/Game-Gallery" target="_blank">
-                <img src="https://img.shields.io/static/v1?label=huggingface&message=Game%20Gallery&color=%23800080&labelColor=%23ffa500&logo=huggingface&logoColor=%23ffff00&style=for-the-badge" alt="huggingface badge">
+                <img src="https://img.shields.io/static/v1?label=huggingface&message=Game%20Gallery&color=%23800080&labelColor=%23ffa500&logo=huggingface&logoColor=%23ffff00&style=for-the-badge" alt="HF Gallery badge">
             </a>
     
+            <!-- ③ Discord 배지 -->
             <a href="https://discord.gg/openfreeai" target="_blank">
-                <img src="https://img.shields.io/static/v1?label=Discord&message=Openfree%20AI&color=%230000ff&labelColor=%23800080&logo=discord&logoColor=white&style=for-the-badge" alt="discord badge">
+                <img src="https://img.shields.io/static/v1?label=Discord&message=Openfree%20AI&color=%230000ff&labelColor=%23800080&logo=discord&logoColor=white&style=for-the-badge" alt="Discord badge">
             </a>
         </div>
     
         <p>프롬프트 입력만으로 최신 LLM들과 Agent가 협업하여 웹 기반 HTML5, JavaScript, CSS 게임을 생성합니다. 실시간 미리보기와 배포 기능도 지원됩니다.</p>
     </div>
     """)
-
+    
 
 
     history = gr.State([])