Update app-backup.py

app-backup.py

@@ -839,21 +839,40 @@ 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;              /* 배지 사이 여백 */
+          margin:8px 0;
+      }
+    </style>
+    
     <div class="app-header">
         <h1>🎮 Vibe Game Craft</h1>
-        <p>설명을 입력하면 웹 기반 HTML5, JavaScript, CSS 게임을 생성합니다. 실시간 미리보기와 배포 기능도 지원됩니다.</p>
-    </div>
-    <!-- 배포 결과 박스 - 헤더 바로 아래 위치 -->
-    <div id="deploy-banner" style="display:none;" class="deploy-banner">
-        <!-- (생략) ... 배너 스타일/스크립트 ... -->
+    
+        <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="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">
+            </a>
+        </div>
+    
+        <p>프롬프트 입력만으로 최신 LLM들과 Agent가 협업하여 웹 기반 HTML5, JavaScript, CSS 게임을 생성합니다. 실시간 미리보기와 배포 기능도 지원됩니다.</p>
     </div>
-    <style>
-    /* (생략) ... CSS ... */
-    </style>
-    <script>
-    /* (생략) ... JS copyBannerUrl / showDeployBanner ... */
-    </script>
     """)
+    
+
 
     history = gr.State([])
     setting = gr.State({"system": SystemPrompt})