Update app.py

app.py

@@ -1,32 +1,27 @@
 from flask import Flask, render_template, request, jsonify
 import requests
 import os
-import json
-import time
 
 app = Flask(__name__)
 
 # Function to fetch trending spaces from Huggingface
 def fetch_trending_spaces(limit=100):
     try:
-        # 트렌딩 스페이스 가져오기 (원래의 API 파라미터 사용)
+        # 가장 단순한 방식으로 API 호출 (파라미터 없이)
         url = "https://huggingface.co/api/spaces"
-        params = {
-            "limit": limit,
-            "sort": "trending"  # 단순히 trending 파라미터만 사용
-        }
-        response = requests.get(url, params=params, timeout=10)
+        
+        response = requests.get(url, timeout=10)
         
         if response.status_code == 200:
             # None 값이 있는 항목 필터링
             spaces = response.json()
             filtered_spaces = [space for space in spaces if space.get('owner') != 'None' and space.get('id', '').split('/', 1)[0] != 'None']
-            return filtered_spaces
+            return filtered_spaces[:limit]
         else:
-            print(f"Error fetching trending spaces: {response.status_code}")
+            print(f"Error fetching spaces: {response.status_code}")
             return []
     except Exception as e:
-        print(f"Exception when fetching trending spaces: {e}")
+        print(f"Exception when fetching spaces: {e}")
         return []
 
 # Transform Huggingface URL to direct space URL
@@ -284,6 +279,20 @@ if __name__ == '__main__':
       margin-left: 4px;
     }
     
+    .rank-badge {
+      position: absolute;
+      top: 10px;
+      left: 10px;
+      background: rgba(0,0,0,0.7);
+      color: white;
+      padding: 5px 15px;
+      border-radius: 20px;
+      font-weight: bold;
+      font-size: 0.9em;
+      backdrop-filter: blur(5px);
+      z-index: 3;
+    }
+    
     .grid-content {
       flex: 1;
       position: relative;
@@ -445,6 +454,12 @@ if __name__ == '__main__':
         const gridItem = document.createElement('div');
         gridItem.className = 'grid-item';
         
+        // Rank badge
+        const rankBadge = document.createElement('div');
+        rankBadge.className = 'rank-badge';
+        rankBadge.textContent = `#${index + 1}`;
+        gridItem.appendChild(rankBadge);
+        
         // Header with title and actions
         const header = document.createElement('div');
         header.className = 'grid-header';