GrooLx/https-pusat2-com-tr-index-php
0
1<!DOCTYPE html>2<html lang="tr">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Sıralamalar | Pusat2 Prime</title>7 <link rel="icon" type="image/x-icon" href="https://pusat2.com.tr/assets/images/logo.png">8 <link rel="stylesheet" href="style.css">9 <script src="https://cdn.tailwindcss.com"></script>10 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>11 <script src="https://unpkg.com/feather-icons"></script>12 <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>13</head>14<body class="bg-gray-900 text-white min-h-screen">15 <div id="vanta-bg" class="fixed inset-0 z-0"></div>16 17 <div class="relative z-10">18 <!-- Language Switcher -->19 <div class="fixed top-4 right-4 z-50 flex gap-2">20 <a href="https://pusat2.com.tr//Index/Language/TR" class="hover:scale-110 transition-transform">21 <img src="https://pusat2.com.tr/assets/images/tr.png" alt="TR" class="w-8 h-8 rounded">22 </a>23 <a href="https://pusat2.com.tr//Index/Language/EN" class="hover:scale-110 transition-transform">24 <img src="https://pusat2.com.tr/assets/images/en.png" alt="EN" class="w-8 h-8 rounded">25 </a>26 </div>27 28 <!-- Navigation -->29 <custom-navbar></custom-navbar>30 31 <!-- Ranking Section -->32 <section class="container mx-auto px-4 py-16">33 <div class="text-center mb-12">34 <h1 class="text-4xl font-bold mb-4 bg-gradient-to-r from-purple-400 to-pink-600 bg-clip-text text-transparent">35 SIRALAMALAR36 </h1>37 <p class="text-xl text-gray-400">En iyi oyuncular ve loncalar</p>38 </div>39 40 <!-- Tab Navigation -->41 <div class="flex justify-center mb-8">42 <div class="bg-gray-800 rounded-lg p-1 inline-flex">43 <button onclick="showTab('players')" id="playersTab" class="px-6 py-2 rounded-md bg-purple-600 text-white font-semibold transition-all">44 <i data-feather="user" class="inline w-4 h-4 mr-2"></i>45 Oyuncular46 </button>47 <button onclick="showTab('guilds')" id="guildsTab" class="px-6 py-2 rounded-md text-gray-400 hover:text-white font-semibold transition-all">48 <i data-feather="users" class="inline w-4 h-4 mr-2"></i>49 Loncalar50 </button>51 </div>52 </div>53 54 <!-- Players Ranking -->55 <div id="playersContent" class="max-w-4xl mx-auto">56 <div class="bg-gray-800 rounded-lg p-6 border border-gray-700">57 <div class="flex justify-between items-center mb-6">58 <h2 class="text-2xl font-bold flex items-center">59 <i data-feather="award" class="mr-2 text-yellow-400"></i>60 EN İYİ OYUNCULAR61 </h2>62 <div class="flex gap-2">63 <button class="px-4 py-2 bg-gray-700 rounded hover:bg-gray-600 transition-colors">64 <i data-feather="refresh-cw" class="w-4 h-4"></i>65 </button>66 </div>67 </div>68 69 <div class="overflow-x-auto">70 <table class="w-full">71 <thead>72 <tr class="border-b border-gray-700">73 <th class="text-left py-3 px-4">Sıra</th>74 <th class="text-left py-3 px-4">Oyuncu</th>75 <th class="text-left py-3 px-4">Seviye</th>76 <th class="text-left py-3 px-4">Lonca</th>77 <th class="text-left py-3 px-4">Puan</th>78 <th class="text-left py-3 px-4">İşlemler</th>79 </tr>80 </thead>81 <tbody id="playersTable">82 <!-- Players will be loaded here -->83 </tbody>84 </table>85 </div>86 </div>87 </div>88 89 <!-- Guilds Ranking -->90 <div id="guildsContent" class="max-w-4xl mx-auto hidden">91 <div class="bg-gray-800 rounded-lg p-6 border border-gray-700">92 <div class="flex justify-between items-center mb-6">93 <h2 class="text-2xl font-bold flex items-center">94 <i data-feather="shield" class="mr-2 text-blue-400"></i>95 EN İYİ LONCALAR96 </h2>97 <div class="flex gap-2">98 <button class="px-4 py-2 bg-gray-700 rounded hover:bg-gray-600 transition-colors">99 <i data-feather="refresh-cw" class="w-4 h-4"></i>100 </button>101 </div>102 </div>103 104 <div class="overflow-x-auto">105 <table class="w-full">106 <thead>107 <tr class="border-b border-gray-700">108 <th class="text-left py-3 px-4">Sıra</th>109 <th class="text-left py-3 px-4">Lonca</th>110 <th class="text-left py-3 px-4">Lider</th>111 <th class="text-left py-3 px-4">Üye Sayısı</th>112 <th class="text-left py-3 px-4">Puan</th>113 <th class="text-left py-3 px-4">İşlemler</th>114 </tr>115 </thead>116 <tbody id="guildsTable">117 <!-- Guilds will be loaded here -->118 </tbody>119 </table>120 </div>121 </div>122 </div>123 </section>124 125 <!-- Footer -->126 <custom-footer></custom-footer>127 </div>128 129 <script src="components/navbar.js"></script>130 <script src="components/footer.js"></script>131 <script src="script.js"></script>132 <script>133 // Extended data for ranking page134 const topPlayersExtended = [135 { rank: 1, name: "PoLeSTaR", level: "105", guild: "GODZILLA", points: "2,847,392" },136 { rank: 2, name: "TonyMontana", level: "105", guild: "54Elizan77", points: "2,756,234" },137 { rank: 3, name: "GaLZeR424", level: "105", guild: "team777", points: "2,698,123" },138 { rank: 4, name: "SENATOR", level: "105", guild: "BAMBAM", points: "2,587,432" },139 { rank: 5, name: "F8", level: "105", guild: "AGESALLSTAR", points: "2,456,789" },140 { rank: 6, name: "KralsPen", level: "105", guild: "ALPHAHARD", points: "2,345,678" },141 { rank: 7, name: "AVCI3", level: "105", guild: "999SOLVE", points: "2,234,567" },142 { rank: 8, name: "AVCI2", level: "105", guild: "KONSEYxHARD", points: "2,123,456" },143 { rank: 9, name: "CharoN", level: "105", guild: "AZAP", points: "2,012,345" },144 { rank: 10, name: "oBREAKERo", level: "105", guild: "Fakir", points: "1,987,654" }145 ];146 147 const topGuildsExtended = [148 { rank: 1, name: "GODZILLA", leader: "PoLeSTaR", members: 45, points: "22,456" },149 { rank: 2, name: "54Elizan77", leader: "Elizan", members: 42, points: "22,234" },150 { rank: 3, name: "team777", leader: "TeamLeader", members: 38, points: "21,987" },151 { rank: 4, name: "BAMBAM", leader: "BamLeader", members: 40, points: "20,876" },152 { rank: 5, name: "AGESALLSTAR", leader: "AgeMaster", members: 35, points: "20,765" },153 { rank: 6, name: "ALPHAHARD", leader: "AlphaBoss", members: 37, points: "20,654" },154 { rank: 7, name: "999SOLVE", leader: "Solver999", members: 33, points: "20,543" },155 { rank: 8, name: "KONSEYxHARD", leader: "Konsey", members: 36, points: "20,432" },156 { rank: 9, name: "AZAP", leader: "AzapChief", members: 32, points: "19,876" },157 { rank: 10, name: "Fakir", leader: "FakirKing", members: 30, points: "19,765" }158 ];159 160 function renderPlayersTable() {161 const tbody = document.getElementById('playersTable');162 tbody.innerHTML = topPlayersExtended.map(player => `163 <tr class="border-b border-gray-700 hover:bg-gray-700 transition-colors">164 <td class="py-3 px-4">165 <div class="rank-badge rank-${player.rank} w-8 h-8 rounded-full flex items-center justify-center font-bold text-sm">166 ${player.rank}167 </div>168 </td>169 <td class="py-3 px-4 font-semibold">${player.name}</td>170 <td class="py-3 px-4 text-purple-400">${player.level}</td>171 <td class="py-3 px-4 text-blue-400">${player.guild}</td>172 <td class="py-3 px-4 font-bold text-yellow-400">${player.points}</td>173 <td class="py-3 px-4">174 <button class="text-blue-400 hover:text-blue-300">175 <i data-feather="eye" class="w-4 h-4"></i>176 </button>177 </td>178 </tr>179 `).join('');180 feather.replace();181 }182 183 function renderGuildsTable() {184 const tbody = document.getElementById('guildsTable');185 tbody.innerHTML = topGuildsExtended.map(guild => `186 <tr class="border-b border-gray-700 hover:bg-gray-700 transition-colors">187 <td class="py-3 px-4">188 <div class="rank-badge rank-${guild.rank} w-8 h-8 rounded-full flex items-center justify-center font-bold text-sm">189 ${guild.rank}190 </div>191 </td>192 <td class="py-3 px-4 font-semibold">${guild.name}</td>193 <td class="py-3 px-4 text-purple-400">${guild.leader}</td>194 <td class="py-3 px-4 text-green-400">${guild.members}</td>195 <td class="py-3 px-4 font-bold text-yellow-400">${guild.points}</td>196 <td class="py-3 px-4">197 <button class="text-blue-400 hover:text-blue-300">198 <i data-feather="eye" class="w-4 h-4"></i>199 </button>200 </td>201 </tr>202 `).join('');203 feather.replace();204 }205 206 function showTab(tab) {207 const playersTab = document.getElementById('playersTab');208 const guildsTab = document.getElementById('guildsTab');209 const playersContent = document.getElementById('playersContent');210 const guildsContent = document.getElementById('guildsContent');211 212 if (tab === 'players') {213 playersTab.classList.add('bg-purple-600', 'text-white');214 playersTab.classList.remove('text-gray-400');215 guildsTab.classList.remove('bg-purple-600', 'text-white');216 guildsTab.classList.add('text-gray-400');217 playersContent.classList.remove('hidden');218 guildsContent.classList.add('hidden');219 } else {220 guildsTab.classList.add('bg-purple-600', 'text-white');221 guildsTab.classList.remove('text-gray-400');222 playersTab.classList.remove('bg-purple-600', 'text-white');223 playersTab.classList.add('text-gray-400');224 guildsContent.classList.remove('hidden');225 playersContent.classList.add('hidden');226 }227 }228 229 // Initialize230 document.addEventListener('DOMContentLoaded', function() {231 renderPlayersTable();232 renderGuildsTable();233 });234 </script>235 <script>feather.replace();</script>236</body>237</html>