Update app.py

app.py

@@ -1,5 +1,6 @@
 import os
 import time
+import random
 import googlemaps
 import pandas as pd
 import folium
@@ -16,7 +17,7 @@ if API_KEY is None:
 gmaps = googlemaps.Client(key=API_KEY)
 
 # ===============================
-# 2. Data fetch (cached in memory)
+# 2. Data fetch (cache in memory)
 # ===============================
 def fetch_places():
     query = "Hawaiian pizza in Seoul"
@@ -47,14 +48,23 @@ def fetch_places():
 DATA = fetch_places()
 
 # ===============================
-# 3. Map rendering (iframe)
+# 3. Pineapple quotes 🍍
 # ===============================
-def render_map(min_rating):
-    df = DATA[DATA["rating"] >= min_rating]
+PINEAPPLE_QUOTES = [
+    "🍍 파인애플은 논쟁적이지만 맛있습니다",
+    "🍕 이탈리아인에게는 비밀로…",
+    "🔥 하와이안 피자 찬성 1표 추가",
+    "🤝 단짠의 평화협정",
+    "🧠 미각은 자유입니다",
+]
 
+# ===============================
+# 4. Map rendering (iframe)
+# ===============================
+def render_map(df, zoom=11):
     m = folium.Map(
         location=[37.5665, 126.9780],
-        zoom_start=11,
+        zoom_start=zoom,
         tiles="CartoDB positron"
     )
 
@@ -65,7 +75,9 @@ def render_map(min_rating):
             <div style="font-size:13px">
                 <b>{r.name}</b><br>
                 ⭐ {r.rating}<br>
-                {r.address}
+                {r.address}<br>
+                <span class="pineapple">🍍</span>
+                <span class="pineapple">🍕</span>
             </div>
             """
         ).add_to(m)
@@ -80,7 +92,41 @@ def render_map(min_rating):
     """
 
 # ===============================
-# 4. UI
+# 5. UI logic
+# ===============================
+def update(min_rating):
+    df = DATA[DATA["rating"] >= min_rating]
+    html = render_map(df)
+
+    n = len(df)
+    total = len(DATA)
+    pct = int(100 * n / total) if total > 0 else 0
+    quote = random.choice(PINEAPPLE_QUOTES)
+
+    return (
+        html,
+        f"**{n}개 매장 표시 중**",
+        f"🍍 **Pineapple Power:** {pct}%",
+        f"### {quote}"
+    )
+
+def random_pick():
+    row = DATA.sample(1).iloc[0]
+    df = DATA.loc[[row.name]]
+
+    html = render_map(pd.DataFrame([row]), zoom=15)
+
+    text = f"""
+### 🎲 오늘의 하와이안 🍍
+**{row.name}**  
+⭐ {row.rating}  
+📍 {row.address}
+"""
+
+    return html, text
+
+# ===============================
+# 6. UI & CSS
 # ===============================
 CSS = """
 #map {
@@ -102,6 +148,20 @@ CSS = """
     color: #666;
     margin-bottom: 1.5em;
 }
+
+/* Pineapple animation */
+.pineapple {
+    display: inline-block;
+    cursor: pointer;
+}
+.pineapple:active {
+    animation: pop 0.6s ease-out;
+}
+@keyframes pop {
+    0%   { transform: scale(1) translateY(0); opacity: 1; }
+    50%  { transform: scale(1.8) translateY(-10px); }
+    100% { transform: scale(1) translateY(0); opacity: 0.8; }
+}
 """
 
 with gr.Blocks(css=CSS) as demo:
@@ -109,7 +169,9 @@ with gr.Blocks(css=CSS) as demo:
     gr.Markdown(
         """
         <div id="title">🍍 서울 하와이안 피자 지도</div>
-        <div id="subtitle">Google Maps 기반 · 평점 필터링</div>
+        <div id="subtitle">
+        Google Maps 기반 · 파인애플은 자유입니다
+        </div>
         """
     )
 
@@ -128,28 +190,34 @@ with gr.Blocks(css=CSS) as demo:
                 )
 
                 count = gr.Markdown()
+                pineapple_power = gr.Markdown()
+                quote = gr.Markdown()
+
+                random_btn = gr.Button("🍍 오늘의 하와이안", variant="primary")
+                recommendation = gr.Markdown()
 
         # ---------- Right panel ----------
         with gr.Column(scale=3):
             with gr.Group(elem_classes="card"):
                 map_html = gr.HTML(elem_id="map")
 
-    # ---------- Logic ----------
-    def update(min_rating):
-        html = render_map(min_rating)
-        n = (DATA["rating"] >= min_rating).sum()
-        return html, f"**{n}개 매장 표시 중**"
-
+    # ---------- Events ----------
     rating.change(
         fn=update,
         inputs=rating,
-        outputs=[map_html, count]
+        outputs=[map_html, count, pineapple_power, quote]
+    )
+
+    random_btn.click(
+        fn=random_pick,
+        inputs=None,
+        outputs=[map_html, recommendation]
     )
 
     demo.load(
         fn=update,
         inputs=rating,
-        outputs=[map_html, count]
+        outputs=[map_html, count, pineapple_power, quote]
     )
 
 demo.launch()