Update app.py

app.py

@@ -92,6 +92,14 @@ def get_card(item: dict, index: int, card_type: str = "space") -> str:
     likes = format(item.get('likes', 0), ',')
     created = item.get('createdAt', '').split('T')[0]
     
+    # URL 정의
+    if card_type == "space":
+        url = f"https://huggingface.co/spaces/{item_id}"
+    elif card_type == "model":
+        url = f"https://huggingface.co/{item_id}"
+    else:  # dataset
+        url = f"https://huggingface.co/datasets/{item_id}"
+    
     # 메타데이터 처리
     tags = item.get('tags', [])
     pipeline_tag = item.get('pipeline_tag', '')
@@ -114,23 +122,33 @@ def get_card(item: dict, index: int, card_type: str = "space") -> str:
             rgba(173, 216, 230, 0.7),    /* 파스텔 블루 */
             rgba(255, 218, 185, 0.7)     /* 파스텔 피치 */
         """
+        bg_content = f"""
+            background-image: url(data:image/png;base64,{get_cached_screenshot(url) if get_cached_screenshot(url) else ''});
+            background-size: cover;
+            background-position: center;
+        """
     elif card_type == "model":
         gradient_colors = """
             rgba(110, 142, 251, 0.7),    /* 모델 블루 */
             rgba(130, 158, 251, 0.7),
             rgba(150, 174, 251, 0.7)
         """
+        bg_content = f"""
+            background: linear-gradient(135deg, #6e8efb, #4a6cf7);
+            padding: 15px;
+        """
     else:  # dataset
         gradient_colors = """
             rgba(255, 107, 107, 0.7),    /* 데이터셋 레드 */
             rgba(255, 127, 127, 0.7),
             rgba(255, 147, 147, 0.7)
         """
+        bg_content = f"""
+            background: linear-gradient(135deg, #ff6b6b, #ff8787);
+            padding: 15px;
+        """
+        
 
-    content_bg = f"""
-        background: linear-gradient(135deg, {gradient_colors});
-        backdrop-filter: blur(10px);
-    """
 
     # 하드웨어 정보 HTML (모든 카드 타입에 대해 동일하게 적용)
     hardware_info = f"""