Update app.py

app.py

@@ -285,6 +285,7 @@ def get_vercel_deployments():
         print(f"Error fetching Vercel deployments: {str(e)}")
         return []
 
+
 def get_vercel_card(deployment, index, is_top_best=False):
     """Vercel 배포 카드 HTML 생성 함수"""
     raw_url = deployment.get('url', '')
@@ -302,7 +303,7 @@ def get_vercel_card(deployment, index, is_top_best=False):
     # 카드 ID 생성
     card_id = f"vercel-card-{url.replace('.', '-').replace('/', '-')}"
     
-    # Top Best 항목일 경우만 스크린샷 추가
+    # Top Best 항목일 경우의 스크린샷 처리
     screenshot_html = ""
     if is_top_best:
         try:
@@ -322,6 +323,32 @@ def get_vercel_card(deployment, index, is_top_best=False):
     tech_emojis = ['⚡', '🚀', '🌟', '✨', '💫', '🔥', '🌈', '🎯', '🎨', '🔮']
     random_emojis = random.sample(tech_emojis, 3)
 
+    # Top Best와 일반 카드의 내용을 다르게 구성
+    if is_top_best:
+        info_section = f"""
+            <div style='margin: 15px 0; color: #444; background: rgba(255,255,255,0.5); 
+                        padding: 15px; border-radius: 12px;'>
+                <p style='margin: 8px 0;'>
+                    <strong>URL:</strong> 🔗 {url}
+                </p>
+            </div>
+        """
+    else:
+        info_section = f"""
+            <div style='margin: 15px 0; color: #444; background: rgba(255,255,255,0.5); 
+                        padding: 15px; border-radius: 12px;'>
+                <p style='margin: 8px 0;'>
+                    <strong>Status:</strong> ✅ {state}
+                </p>
+                <p style='margin: 8px 0;'>
+                    <strong>Created:</strong> 📅 {created}
+                </p>
+                <p style='margin: 8px 0;'>
+                    <strong>URL:</strong> 🔗 {url}
+                </p>
+            </div>
+        """
+
     return f"""
     <div id="{card_id}" class="vercel-card"
          data-likes="0"
@@ -350,19 +377,7 @@ def get_vercel_card(deployment, index, is_top_best=False):
              </a>
              <span style='font-size: 1.3em'>{random_emojis[1]}</span>
          </h3>    
-
-        <div style='margin: 15px 0; color: #444; background: rgba(255,255,255,0.5); 
-                    padding: 15px; border-radius: 12px;'>
-            <p style='margin: 8px 0;'>
-                <strong>Status:</strong> ✅ {state}
-            </p>
-            <p style='margin: 8px 0;'>
-                <strong>Created:</strong> 📅 {created}
-            </p>
-            <p style='margin: 8px 0;'>
-                <strong>URL:</strong> 🔗 {url}
-            </p>
-        </div>
+         {info_section}
          <div style='margin-top: 20px; display: flex; justify-content: space-between; align-items: center;'>
              <div class="like-section" style="display: flex; align-items: center; gap: 10px;">
                  <button onclick="toggleLike('{card_id}')" class="like-button"