Update app.py

app.py

@@ -254,14 +254,47 @@ def get_vercel_card(deployment, index):
                 overflow: hidden;'
          onmouseover='this.style.transform="translateY(-5px) scale(1.02)"; this.style.boxShadow="0 8px 25px rgba(0,0,0,0.15)"'
          onmouseout='this.style.transform="translateY(0) scale(1)"; this.style.boxShadow="0 4px 15px rgba(0,0,0,0.1)"'>
-        <!-- ... (기존 카드 내용) ... -->
+        <div style='position: absolute; top: -15px; right: -15px; font-size: 100px; opacity: 0.1;'>
+            {random_emojis[0]}
+        </div>
+        <div style='position: absolute; top: 10px; right: 10px; font-size: 20px;'>
+            {random_emojis[1]}
+        </div>
+        <div style='position: absolute; bottom: 10px; left: 10px; font-size: 20px;'>
+            {random_emojis[2]}
+        </div>
+        <h3 style='color: #2d2d2d; 
+                   margin: 0 0 20px 0; 
+                   font-size: 1.4em;
+                   display: flex;
+                   align-items: center;
+                   gap: 10px;'>
+            <span style='font-size: 1.3em'>{random_emojis[0]}</span>
+            <a href='https://{url}' target='_blank' 
+               style='text-decoration: none; color: #2d2d2d;'>
+                {name}
+            </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> 🔗 https://{url}
+            </p>
+        </div>
         <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" 
-                        style="background: none; border: none; cursor: pointer; font-size: 1.5em;">
+                        style="background: none; border: none; cursor: pointer; font-size: 1.5em; padding: 5px 10px;">
                     🤍
                 </button>
-                <span class="like-count" style="font-size: 1.2em;">0</span>
+                <span class="like-count" style="font-size: 1.2em; color: #666;">0</span>
             </div>
             <a href='https://{url}' target='_blank' 
                style='background: linear-gradient(45deg, #0084ff, #00a3ff);
@@ -274,8 +307,10 @@ def get_vercel_card(deployment, index):
                       gap: 8px;
                       font-weight: 500; 
                       transition: all 0.3s;
-                      box-shadow: 0 2px 8px rgba(0,132,255,0.3);'>
-                <span>View Deployment</span> 🚀
+                      box-shadow: 0 2px 8px rgba(0,132,255,0.3);'
+               onmouseover='this.style.transform="scale(1.05)"; this.style.boxShadow="0 4px 12px rgba(0,132,255,0.4)"'
+               onmouseout='this.style.transform="scale(1)"; this.style.boxShadow="0 2px 8px rgba(0,132,255,0.3)"'>
+                <span>View Deployment</span> 🚀 {random_emojis[0]}
             </a>
         </div>
     </div>