Update app.py

app.py

@@ -29,7 +29,7 @@ def generate_static_badge(label, message, color, label_color, logo, logo_color,
         html_code = f'<img src="{badge_url}" alt="badge">'
 
     badge_preview = f"""
-    <div style='padding:10px; text-align:center;'>
+    <div style='padding:20px; background: #fefefe; border-radius: 12px; text-align:center;'>
         {html_code}
     </div>
     """
@@ -39,9 +39,27 @@ def generate_static_badge(label, message, color, label_color, logo, logo_color,
 # Gradio UI 구성
 # ---------------------------
 with gr.Blocks(theme=gr.themes.Default()) as demo:
-    gr.Markdown("""
-    # BadgeCraft - Badge Generator 🛠️
-    생성된 배지를 상단에서 바로 확인하고, 아래 폼을 통해 실시간으로 옵션을 조정하세요.
+    gr.HTML("""
+    <h1 style="text-align: center; font-size: 2.2em; margin-bottom: 0.2em;">🎨 BadgeCraft - Beautiful Badge Generator</h1>
+    <p style="text-align: center; font-size: 1.1em; color: #555;">Design stylish shields.io badges with live preview and HTML snippet generation.</p>
+
+    <div align="center" style="font-weight: bold; margin-top: 20px; margin-bottom: 15px;">
+      <b>Papers Leaderboard: <a href="https://huggingface.co/spaces/Heartsync/Papers-Leaderboard">https://huggingface.co/spaces/Heartsync/Papers-Leaderboard</a></b>
+    </div>
+    <div align="center" style="line-height: 1.7;">
+      <a href="https://discord.gg/openfreeai" style="margin: 2px;">
+        <img alt="OpenFree AI Discord Server" src="https://img.shields.io/badge/Discord-5865F2?style=for-the-badge&logo=discord&logoColor=white" />
+      </a>
+      <a href="https://x.com/openfree_ai" style="margin: 2px;">
+        <img alt="X.ai" src="https://img.shields.io/badge/X.com-000000?style=for-the-badge&logo=X&logoColor=white" />
+      </a>
+      <a href="https://huggingface.co/collections/VIDraft/best-open-ai-services-68057e6e312880ea92abaf4c" style="margin: 2px;">
+        <img alt="Collections" src="https://img.shields.io/badge/Collections-F8F8F8?style=for-the-badge&logo=huggingface&logoColor=black" />
+      </a>
+      <a href="https://huggingface.co/VIDraft" style="margin: 2px;">
+        <img alt="HF Page" src="https://img.shields.io/badge/VIDraft-FCD022?style=for-the-badge&logo=huggingface&logoColor=black" />
+      </a>
+    </div>
     """)
 
     out_code = gr.Code(label="HTML Snippet", language="html")
@@ -53,19 +71,17 @@ with gr.Blocks(theme=gr.themes.Default()) as demo:
         logo = gr.Textbox(label="Logo", placeholder="예: github")
 
     with gr.Row():
-        color = gr.ColorPicker(label="Color", value="#007ec6")
-        label_color = gr.ColorPicker(label="Label Color", value="#555")
-        logo_color = gr.ColorPicker(label="Logo Color", value="#ffffff")
+        color = gr.ColorPicker(label="Color", value="#a0c4ff")
+        label_color = gr.ColorPicker(label="Label Color", value="#bdb2ff")
+        logo_color = gr.ColorPicker(label="Logo Color", value="#ffc6ff")
 
-    style = gr.Dropdown(label="Style", choices=["flat", "flat-square", "plastic", "for-the-badge", "social"], value="flat")
+    style = gr.Dropdown(label="Style", choices=["flat", "flat-square", "plastic", "for-the-badge", "social"], value="for-the-badge")
     link = gr.Textbox(label="Link (배지 클릭 시 이동할 URL)", placeholder="https://yourlink.com")
 
     inputs = [label, message, color, label_color, logo, logo_color, style, link]
     for inp in inputs:
         inp.change(fn=generate_static_badge, inputs=inputs, outputs=[out_code, out_preview])
 
-    # 초기값 한 번 출력
-    generate_static_badge("build", "passing", "#007ec6", "#555", "github", "#ffffff", "flat", "https://shields.io")
-
 # 실행
-# demo.launch()
+if __name__ == "__main__":
+    demo.launch()