Mimo1708/slithery-snack-attack
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Leaderboard - Slithery Snack Attack</title>7 <link rel="icon" type="image/x-icon" href="/static/favicon.ico">8 <script src="https://unpkg.com/feather-icons"></script>9 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>10 <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet>11</head>12<body class="bg-gray-900 min-h-screen flex flex-col">13 <header class="bg-gray-900 py-6 px-4 sm:px-6 lg:px-8">14 <div class="max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-center">15 <div class="flex items-center mb-4 md:mb-0">16 <img src="http://static.photos/green/200x200/42" alt="Logo" class="h-12 w-12 mr-4 rounded-full">17 <h1 class="text-3xl font-bold tracking-tight text-green-400">18 Slithery Snack Attack19 </h1>20 </div>21 <nav class="flex flex-col sm:flex-row space-y-2 sm:space-y-0 sm:space-x-6">22 <a href="index.html" class="text-gray-300 hover:text-green-300 px-3 py-2 rounded-md text-lg font-medium">Home</a>23 <a href="#" class="text-green-400 hover:text-green-300 px-3 py-2 rounded-md text-lg font-medium">Leaderboard</a>24 <a href="about.html" class="text-gray-300 hover:text-green-300 px-3 py-2 rounded-md text-lg font-medium">About</a>25 </nav>26 </div>27 </header>28 29 <main class="flex-grow container mx-auto px-4 py-8">30 <div class="max-w-4xl mx-auto">31 <h2 class="text-2xl font-bold text-green-400 mb-6">Top Players</h2>32 <div class="bg-gray-800 rounded-lg shadow-lg overflow-hidden">33 <table class="min-w-full divide-y divide-gray-700">34 <thead class="bg-gray-700">35 <tr>36 <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-green-400 uppercase tracking-wider">Rank</th>37 <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-green-400 uppercase tracking-wider">Player</th>38 <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-green-400 uppercase tracking-wider">Score</th>39 <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-green-400 uppercase tracking-wider">Date</th>40 </tr>41 </thead>42 <tbody class="bg-gray-800 divide-y divide-gray-700">43 <tr>44 <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-white">1</td>45 <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300">SnakeMaster</td>46 <td class="px-6 py-4 whitespace-nowrap text-sm text-green-400 font-bold">1250</td>47 <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-400">2023-10-15</td>48 </tr>49 <tr>50 <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-white">2</td>51 <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300">SerpentKing</td>52 <td class="px-6 py-4 whitespace-nowrap text-sm text-green-400 font-bold">980</td>53 <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-400">2023-10-14</td>54 </tr>55 <tr>56 <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-white">3</td>57 <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300">ViperQueen</td>58 <td class="px-6 py-4 whitespace-nowrap text-sm text-green-400 font-bold">875</td>59 <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-400">2023-10-13</td>60 </tr>61 <tr>62 <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-white">4</td>63 <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300">PythonPro</td>64 <td class="px-6 py-4 whitespace-nowrap text-sm text-green-400 font-bold">760</td>65 <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-400">2023-10-12</td>66 </tr>67 <tr>68 <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-white">5</td>69 <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300">Anaconda</td>70 <td class="px-6 py-4 whitespace-nowrap text-sm text-green-400 font-bold">650</td>71 <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-400">2023-10-11</td>72 </tr>73 </tbody>74 </table>75 </div>76 </div>77 </main>78 79 <footer class="bg-gray-800 py-6 text-center">80 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">81 <div class="mt-4 flex justify-center space-x-6">82 <a href="#" class="text-gray-400 hover:text-green-400">83 <i data-feather="github"></i>84 </a>85 <a href="#" class="text-gray-400 hover:text-green-400">86 <i data-feather="twitter"></i>87 </a>88 <a href="#" class="text-gray-400 hover:text-green-400">89 <i data-feather="facebook"></i>90 </a>91 </div>92 <p class="mt-4 text-gray-500 text-xs">© 2023 Slithery Snack Attack. All rights reserved.</p>93 </div>94 </footer>95 96 <script>97 feather.replace();98 </script>99</body>100</html>