<!DOCTYPE html> <html> <head> <title>Misskey Gacha Center</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; background-color: #f4f6fa; color: #333; margin: 0; padding: 0; } header { background-color: #7289da; color: white; padding: 20px; text-align: center; } header h1 { margin: 0; font-size: 2.5em; } header p { margin-top: 5px; font-size: 1.1em; } .container { max-width: 800px; margin: 30px auto; padding: 20px; background-color: #ffffff; border-radius: 10px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.07); } h2 { border-bottom: 1px solid #ccc; padding-bottom: 8px; margin-top: 30px; } ul { list-style-type: none; padding-left: 0; } li { margin: 10px 0; } a { text-decoration: none; color: #2c3e50; font-weight: bold; background-color: #e3eaf3; padding: 8px 12px; border-radius: 6px; display: inline-block; transition: background-color 0.2s; } a:hover { background-color: #cdd8e6; } .leaderboard-entry { margin-bottom: 8px; padding: 6px 10px; background: #f9fafc; border-left: 4px solid #7289da; border-radius: 5px; } footer { text-align: center; margin-top: 40px; font-size: 0.9em; color: #888; } .note { background: #fcfcf0; border: 1px dashed #bbb; padding: 10px; border-radius: 8px; margin-top: 30px; font-size: 0.95em; color: #666; } .footer-link { margin: 0 10px; } </style> </head> <body> <header> <h1>Misskey Gacha Center</h1> <p>Track your luck. Compare your pulls. Compete with friends.</p> </header> <div class="container"> <h2>🎖️ Leaderboard: Most Rolls</h2> {% for user in top_users %} <div class="leaderboard-entry"> {{ loop.index }}. <strong>{{ user['username'] }}</strong> — {{ user['pull_count'] }} rolls </div> {% else %} <p>No pulls yet. Be the first to roll!</p> {% endfor %} <h2>📋 All Registered Users</h2> <ul> {% for user in users %} <li><a href="{{ url_for('user_profile', user_id=user['id']) }}">{{ user['username'] }}</a></li> {% endfor %} </ul> <div class="note"> 🚀 This is a fun little gacha tracker! More features coming soon. Want to help shape it? </div> </div> <footer> <a class="footer-link" href="{{ url_for('about') }}">About</a> <a class="footer-link" href="{{ url_for('submit_character') }}">Submit a Character</a> </footer> </body> </html>