lorokas978/undefined
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>Project - PolyGlot</title>7 <script src="https://cdn.tailwindcss.com"></script>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 <script>11 tailwind.config = {12 theme: {13 extend: {14 colors: {15 primary: {16 50: '#f0f9ff',17 100: '#e0f2fe',18 200: '#bae6fd',19 300: '#7dd3fc',20 400: '#38bdf8',21 500: '#0ea5e9',22 600: '#0284c7',23 700: '#0369a1',24 800: '#075985',25 900: '#0c4a6e',26 },27 secondary: {28 50: '#f5f3ff',29 100: '#ede9fe',30 200: '#ddd6fe',31 300: '#c4b5fd',32 400: '#a78bfa',33 500: '#8b5cf6',34 600: '#7c3aed',35 700: '#6d28d9',36 800: '#5b21b6',37 900: '#4c1d95',38 }39 }40 }41 }42 }43 </script>44</head>45<body class="bg-gray-50 min-h-screen">46 <div id="app" class="flex flex-col min-h-screen">47 <!-- Navigation -->48 <nav class="bg-white shadow-sm">49 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">50 <div class="flex justify-between h-16">51 <div class="flex">52 <div class="flex-shrink-0 flex items-center">53 <i data-feather="globe" class="text-primary-600 h-8 w-8"></i>54 <span class="ml-2 text-xl font-bold text-gray-900">PolyGlot</span>55 </div>56 </div>57 <div class="hidden sm:ml-6 sm:flex sm:items-center">58 <button class="bg-white p-1 rounded-full text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500">59 <span class="sr-only">View notifications</span>60 <i data-feather="bell"></i>61 </button>62 63 <!-- Profile dropdown -->64 <div class="ml-3 relative">65 <div>66 <button type="button" class="bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500" id="user-menu" aria-expanded="false" aria-haspopup="true">67 <span class="sr-only">Open user menu</span>68 <div class="h-8 w-8 rounded-full bg-primary-100 flex items-center justify-center">69 <i data-feather="user" class="text-primary-600"></i>70 </div>71 </button>72 </div>73 </div>74 </div>75 </div>76 </div>77 </nav>78 79 <div class="flex flex-grow">80 <!-- Sidebar -->81 <div class="hidden md:flex md:flex-shrink-0">82 <div class="flex flex-col w-64 border-r border-gray-200 bg-white">83 <div class="px-4 py-4 border-b border-gray-200">84 <h2 class="text-lg font-medium text-gray-900">Marketing Website</h2>85 <p class="mt-1 text-sm text-gray-500">Last updated 3d ago</p>86 </div>87 <div class="flex-grow flex flex-col overflow-y-auto">88 <nav class="flex-1 px-2 py-4 space-y-1">89 <a href="#" class="bg-primary-50 text-primary-700 group flex items-center px-2 py-2 text-sm font-medium rounded-md">90 <i data-feather="home" class="text-primary-500 mr-3 h-5 w-5"></i>91 Overview92 </a>93 <a href="project_translations.html" class="text-gray-600 hover:bg-gray-50 hover:text-gray-900 group flex items-center px-2 py-2 text-sm font-medium rounded-md">94 <i data-feather="file-text" class="text-gray-400 group-hover:text-gray-500 mr-3 h-5 w-5"></i>95 Translations96 </a>97<a href="#" class="text-gray-600 hover:bg-gray-50 hover:text-gray-900 group flex items-center px-2 py-2 text-sm font-medium rounded-md">98 <i data-feather="users" class="text-gray-400 group-hover:text-gray-500 mr-3 h-5 w-5"></i>99 Team100 </a>101 <a href="#" class="text-gray-600 hover:bg-gray-50 hover:text-gray-900 group flex items-center px-2 py-2 text-sm font-medium rounded-md">102 <i data-feather="settings" class="text-gray-400 group-hover:text-gray-500 mr-3 h-5 w-5"></i>103 Settings104 </a>105 </nav>106 </div>107 <div class="p-4 border-t border-gray-200">108 <button class="inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-md shadow-sm text-white bg-primary-600 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500 w-full justify-center">109 <i data-feather="plus" class="mr-2 h-4 w-4"></i>110 Invite Team Member111 </button>112 </div>113 </div>114 </div>115 116 <!-- Main Content -->117 <main class="flex-1">118 <div class="py-6">119 <div class="max-w-7xl mx-auto px-4 sm:px-6 md:px-8">120 <div class="flex justify-between items-center mb-6">121 <h1 class="text-2xl font-semibold text-gray-900">Project Overview</h1>122 <div class="flex space-x-3">123 <button class="inline-flex items-center px-3 py-1.5 border border-gray-300 shadow-sm text-sm leading-4 font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500">124 <i data-feather="download" class="mr-2 h-4 w-4"></i>125 Export126 </button>127 <button class="inline-flex items-center px-3 py-1.5 border border-transparent text-sm leading-4 font-medium rounded-md shadow-sm text-white bg-primary-600 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500">128 <i data-feather="plus" class="mr-2 h-4 w-4"></i>129 Add Language130 </button>131 </div>132 </div>133 134 <!-- Stats -->135 <div class="grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-4 mb-6">136 <div class="bg-white overflow-hidden shadow rounded-lg">137 <div class="px-4 py-5 sm:p-6">138 <div class="flex items-center">139 <div class="flex-shrink-0 bg-green-500 rounded-md p-3">140 <i data-feather="check-circle" class="text-white h-6 w-6"></i>141 </div>142 <div class="ml-5 w-0 flex-1">143 <dt class="text-sm font-medium text-gray-500 truncate">Completed</dt>144 <dd class="flex items-baseline">145 <div class="text-2xl font-semibold text-gray-900">85%</div>146 <div class="ml-2 flex items-baseline text-sm font-semibold text-green-600">147 <i data-feather="arrow-up" class="h-4 w-4"></i>148 <span class="sr-only">Increased by</span>149 12%150 </div>151 </dd>152 </div>153 </div>154 </div>155 </div>156 <div class="bg-white overflow-hidden shadow rounded-lg">157 <div class="px-4 py-5 sm:p-6">158 <div class="flex items-center">159 <div class="flex-shrink-0 bg-yellow-500 rounded-md p-3">160 <i data-feather="clock" class="text-white h-6 w-6"></i>161 </div>162 <div class="ml-5 w-0 flex-1">163 <dt class="text-sm font-medium text-gray-500 truncate">Pending</dt>164 <dd class="flex items-baseline">165 <div class="text-2xl font-semibold text-gray-900">12%</div>166 <div class="ml-2 flex items-baseline text-sm font-semibold text-yellow-600">167 <i data-feather="arrow-down" class="h-4 w-4"></i>168 <span class="sr-only">Decreased by</span>169 4%170 </div>171 </dd>172 </div>173 </div>174 </div>175 </div>176 <div class="bg-white overflow-hidden shadow rounded-lg">177 <div class="px-4 py-5 sm:p-6">178 <div class="flex items-center">179 <div class="flex-shrink-0 bg-red-500 rounded-md p-3">180 <i data-feather="x-circle" class="text-white h-6 w-6"></i>181 </div>182 <div class="ml-5 w-0 flex-1">183 <dt class="text-sm font-medium text-gray-500 truncate">Untranslated</dt>184 <dd class="flex items-baseline">185 <div class="text-2xl font-semibold text-gray-900">3%</div>186 <div class="ml-2 flex items-baseline text-sm font-semibold text-red-600">187 <i data-feather="arrow-up" class="h-4 w-4"></i>188 <span class="sr-only">Increased by</span>189 1%190 </div>191 </dd>192 </div>193 </div>194 </div>195 </div>196 <div class="bg-white overflow-hidden shadow rounded-lg">197 <div class="px-4 py-5 sm:p-6">198 <div class="flex items-center">199 <div class="flex-shrink-0 bg-primary-500 rounded-md p-3">200 <i data-feather="users" class="text-white h-6 w-6"></i>201 </div>202 <div class="ml-5 w-0 flex-1">203 <dt class="text-sm font-medium text-gray-500 truncate">Contributors</dt>204 <dd class="flex items-baseline">205 <div class="text-2xl font-semibold text-gray-900">5</div>206 </dd>207 </div>208 </div>209 </div>210 </div>211 </div>212 213 <!-- Languages -->214 <div class="bg-white shadow rounded-lg overflow-hidden mb-6">215 <div class="px-4 py-5 sm:px-6 border-b border-gray-200">216 <h3 class="text-lg leading-6 font-medium text-gray-900">Languages</h3>217 <p class="mt-1 text-sm text-gray-500">Manage your project languages and translations.</p>218 </div>219 <div class="bg-white overflow-hidden sm:rounded-md">220 <ul class="divide-y divide-gray-200">221 <li>222 <a href="translation_edit.html" class="block hover:bg-gray-50">223<div class="px-4 py-4 sm:px-6">224 <div class="flex items-center justify-between">225 <div class="flex items-center">226 <div class="h-10 w-10 rounded-full bg-green-100 flex items-center justify-center">227 <span class="text-green-800 font-medium">EN</span>228 </div>229 <p class="ml-4 text-sm font-medium text-gray-900">English</p>230 </div>231 <div class="ml-2 flex-shrink-0 flex">232 <p class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">233 Default234 </p>235 </div>236 </div>237 <div class="mt-2 sm:flex sm:justify-between">238 <div class="sm:flex">239 <p class="flex items-center text-sm text-gray-500">240 <i data-feather="check-circle" class="flex-shrink-0 mr-1.5 h-4 w-4 text-green-400"></i>241 100% completed242 </p>243 </div>244 <div class="mt-2 flex items-center text-sm text-gray-500 sm:mt-0">245 <i data-feather="clock" class="flex-shrink-0 mr-1.5 h-4 w-4 text-gray-400"></i>246 <p>247 Updated just now248 </p>249 </div>250 </div>251 </div>252 </a>253 </li>254 <li>255 <a href="translation_edit.html" class="block hover:bg-gray-50">256<div class="px-4 py-4 sm:px-6">257 <div class="flex items-center justify-between">258 <div class="flex items-center">259 <div class="h-10 w-10 rounded-full bg-blue-100 flex items-center justify-center">260 <span class="text-blue-800 font-medium">FR</span>261 </div>262 <p class="ml-4 text-sm font-medium text-gray-900">French</p>263 </div>264 </div>265 <div class="mt-2 sm:flex sm:justify-between">266 <div class="sm:flex">267 <p class="flex items-center text-sm text-gray-500">268 <i data-feather="check-circle" class="flex-shrink-0 mr-1.5 h-4 w-4 text-green-400"></i>269 92% completed270 </p>271 <p class="mt-2 flex items-center text-sm text-gray-500 sm:mt-0 sm:ml-6">272 <i data-feather="user" class="flex-shrink-0 mr-1.5 h-4 w-4 text-gray-400"></i>273 Pierre D.274 </p>275 </div>276 <div class="mt-2 flex items-center text-sm text-gray-500 sm:mt-0">277 <i data-feather="clock" class="flex-shrink-0 mr-1.5 h-4 w-4 text-gray-400"></i>278 <p>279 Updated 2h ago280 </p>281 </div>282 </div>283 </div>284 </a>285 </li>286 <li>287 <a href="#" class="block hover:bg-gray-50">288 <div class="px-4 py-4 sm:px-6">289 <div class="flex items-center justify-between">290 <div class="flex items-center">291 <div class="h-10 w-10 rounded-full bg-purple-100 flex items-center justify-center">292 <span class="text-purple-800 font-medium">DE</span>293 </div>294 <p class="ml-4 text-sm font-medium text-gray-900">German</p>295 </div>296 </div>297 <div class="mt-2 sm:flex sm:justify-between">298 <div class="sm:flex">299 <p class="flex items-center text-sm text-gray-500">300 <i data-feather="check-circle" class="flex-shrink-0 mr-1.5 h-4 w-4 text-green-400"></i>301 84% completed302 </p>303 <p class="mt-2 flex items-center text-sm text-gray-500 sm:mt-0 sm:ml-6">304 <i data-feather="user" class="flex-shrink-0 mr-1.5 h-4 w-4 text-gray-400"></i>305 Anna M.306 </p>307 </div>308 <div class="mt-2 flex items-center text-sm text-gray-500 sm:mt-0">309 <i data-feather="clock" class="flex-shrink-0 mr-1.5 h-4 w-4 text-gray-400"></i>310 <p>311 Updated 1d ago312 </p>313 </div>314 </div>315 </div>316 </a>317 </li>318 <li>319 <a href="#" class="block hover:bg-gray-50">320 <div class="px-4 py-4 sm:px-6">321 <div class="flex items-center justify-between">322 <div class="flex items-center">323 <div class="h-10 w-10 rounded-full bg-red-100 flex items-center justify-center">324 <span class="text-red-800 font-medium">ES</span>325 </div>326 <p class="ml-4 text-sm font-medium text-gray-900">Spanish</p>327 </div>328 </div>329 <div class="mt-2 sm:flex sm:justify-between">330 <div class="sm:flex">331 <p class="flex items-center text-sm text-gray-500">332 <i data-feather="alert-circle" class="flex-shrink-0 mr-1.5 h-4 w-4 text-yellow-400"></i>333 65% completed334 </p>335 <p class="mt-2 flex items-center text-sm text-gray-500 sm:mt-0 sm:ml-6">336 <i data-feather="user" class="flex-shrink-0 mr-1.5 h-4 w-4 text-gray-400"></i>337 Carlos R.338 </p>339 </div>340 <div class="mt-2 flex items-center text-sm text-gray-500 sm:mt-0">341 <i data-feather="clock" class="flex-shrink-0 mr-1.5 h-4 w-4 text-gray-400"></i>342 <p>343 Updated 3d ago344 </p>345 </div>346 </div>347 </div>348 </a>349 </li>350 </ul>351 </div>352 </div>353 354 <!-- Recent Activity -->355 <div class="bg-white shadow rounded-lg overflow-hidden">356 <div class="px-4 py-5 sm:px-6 border-b border-gray-200">357 <h3 class="text-lg leading-6 font-medium text-gray-900">Recent Activity</h3>358 <p class="mt-1 text-sm text-gray-500">Latest changes and updates to this project.</p>359 </div>360 <div class="bg-white overflow-hidden sm:rounded-md">361 <ul class="divide-y divide-gray-200">362 <li>363 <div class="px-4 py-4 sm:px-6">364 <div class="flex items-center">365 <div class="flex-shrink-0">366 <div class="h-10 w-10 rounded-full bg-primary-100 flex items-center justify-center">367 <i data-feather="user" class="text-primary-600"></i>368 </div>369 </div>370 <div class="ml-4">371 <div class="text-sm font-medium text-gray-900">John Smith</div>372 <div class="text-sm text-gray-500">Updated German translation for "Welcome"</div>373 </div>374 <div class="ml-auto text-sm text-gray-500">375 <time datetime="2023-07-01">2h ago</time>376 </div>377 </div>378 </div>379 </li>380 <li>381 <div class="px-4 py-4 sm:px-6">382 <div class="flex items-center">383 <div class="flex-shrink-0">384 <div class="h-10 w-10 rounded-full bg-secondary-100 flex items-center justify-center">385 <i data-feather="user" class="text-secondary-600"></i>386 </div>387 </div>388 <div class="ml-4">389 <div class="text-sm font-medium text-gray-900">Anna Muller</div>390 <div class="text-sm text-gray-500">Added new translation keys for checkout page</div>391 </div>392 <div class="ml-auto text-sm text-gray-500">393 <time datetime="2023-06-30">1d ago</time>394 </div>395 </div>396 </div>397 </li>398 <li>399 <div class="px-4 py-4 sm:px-6">400 <div class="flex items-center">401 <div class="flex-shrink-0">402 <div class="h-10 w-10 rounded-full bg-green-100 flex items-center justify-center">403 <i data-feather="user" class="text-green-600"></i>404 </div>405 </div>406 <div class="ml-4">407 <div class="text-sm font-medium text-gray-900">Pierre Dubois</div>408 <div class="text-sm text-gray-500">Completed French translations for homepage</div>409 </div>410 <div class="ml-auto text-sm text-gray-500">411 <time datetime="2023-06-28">3d ago</time>412 </div>413 </div>414 </div>415 </li>416 </ul>417 </div>418 </div>419 </div>420 </div>421 </main>422 </div>423 </div>424 425 <script>426 feather.replace();427 </script>428</body>429</html>430