Create app.py

app.py

@@ -0,0 +1,114 @@
+import urllib.parse
+import gradio as gr
+
+# ---------------------------
+# 배지 URL 생성 함수 정의
+# ---------------------------
+def generate_static_badge(label, message, color, label_color, logo, logo_color, style, link):
+    base = "https://img.shields.io/static/v1"
+    params = []
+    if label:
+        params.append(f"label={urllib.parse.quote(label, safe='')}")
+    if message:
+        params.append(f"message={urllib.parse.quote(message, safe='')}")
+    if color:
+        params.append(f"color={urllib.parse.quote(color, safe='')}")
+    if label_color:
+        params.append(f"labelColor={urllib.parse.quote(label_color, safe='')}")
+    if logo:
+        params.append(f"logo={urllib.parse.quote(logo, safe='')}")
+    if logo_color:
+        params.append(f"logoColor={urllib.parse.quote(logo_color, safe='')}")
+    if style:
+        params.append(f"style={urllib.parse.quote(style, safe='')}")
+
+    badge_url = base + ("?" + "&".join(params) if params else "")
+    if link:
+        html_code = f'<a href="{link}" target="_blank"><img src="{badge_url}" alt="badge"></a>'
+    else:
+        html_code = f'<img src="{badge_url}" alt="badge">'
+
+    badge_preview = f"""
+    <div style='padding:20px; background: #fefefe; border-radius: 12px; display: flex; justify-content: center;'>
+        {html_code}
+    </div>
+    """
+    return html_code, badge_preview
+
+# ---------------------------
+# Gradio UI 구성
+# ---------------------------
+with gr.Blocks(theme=gr.themes.Default()) as demo:
+    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>
+    """)
+
+    with gr.Row():
+        out_code = gr.Code(label="HTML Snippet", language="html")
+        out_preview = gr.HTML(label="Badge Preview")
+
+    with gr.Row():
+        label = gr.Textbox(label="Label", placeholder="예: build")
+        message = gr.Textbox(label="Message", placeholder="예: passing")
+        logo = gr.Textbox(label="Logo", placeholder="예: github")
+
+    with gr.Row():
+        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="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])
+
+    def fill_example(label_val, message_val, logo_val, link_val):
+        return label_val, message_val, logo_val, link_val
+
+    gr.HTML("""
+    <h3 style="text-align: center; margin-top: 30px;">✨ Examples (Click to Load)</h3>
+    """)
+
+    with gr.Row():
+        with gr.Column():
+            gr.Button("Discord Badge Example").click(
+                fn=fill_example,
+                inputs=[],
+                outputs=[label, message, logo, link],
+                _js="() => window.open('https://discord.gg/openfreeai', '_blank')"
+            ).style(full_width=True)
+
+            gr.Button("X Badge Example").click(
+                fn=fill_example,
+                inputs=[],
+                outputs=[label, message, logo, link],
+                _js="() => window.open('https://x.com/openfree_ai', '_blank')"
+            ).style(full_width=True)
+
+            gr.Button("Instagram Badge Example").click(
+                fn=fill_example,
+                inputs=[],
+                outputs=[label, message, logo, link],
+                _js="() => window.open('https://www.instagram.com/openfree_ai', '_blank')"
+            ).style(full_width=True)
+
+            gr.Button("Threads Badge Example").click(
+                fn=fill_example,
+                inputs=[],
+                outputs=[label, message, logo, link],
+                _js="() => window.open('https://www.threads.net/@openfree_ai', '_blank')"
+            ).style(full_width=True)
+
+            gr.Button("Facebook Badge Example").click(
+                fn=fill_example,
+                inputs=[],
+                outputs=[label, message, logo, link],
+                _js="() => window.open('https://www.facebook.com/profile.php?id=61575353674679', '_blank')"
+            ).style(full_width=True)
+
+# 실행
+if __name__ == "__main__":
+    demo.launch()