LightWing/torahbytes-explorer
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>Admin | TorahBytes</title>7 <link rel="stylesheet" href="style.css">8 <script src="https://cdn.tailwindcss.com"></script>9 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>10 <style>11 @import url('https://fonts.googleapis.com/css2?family=David+Libre:wght@400;700&family=Rubik:wght@300;400;600&display=swap');12 </style>13</head>14<body class="bg-gray-50 font-rubik">15 <custom-navbar></custom-navbar>16 <main class="container mx-auto px-4 py-8">17 <div class="relative h-64 rounded-xl overflow-hidden mb-8">18 <img src="http://static.photos/office/1200x400/1" alt="Admin dashboard" class="w-full h-full object-cover">19 <div class="absolute inset-0 bg-black bg-opacity-40 flex items-center justify-center">20 <h1 class="text-4xl font-bold text-white font-david">Admin Dashboard</h1>21 </div>22 </div>23<h1 class="text-3xl font-bold mb-8 font-david text-gray-800">Admin Dashboard</h1>24 25 <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">26 <div class="bg-white p-6 rounded-lg shadow-md">27 <h3 class="text-xl font-semibold mb-4">Content Management</h3>28 <ul class="space-y-2">29 <li><a href="#" class="text-blue-600 hover:text-blue-800">Torah Portions</a></li>30 <li><a href="#" class="text-blue-600 hover:text-blue-800">Holiday Content</a></li>31 <li><a href="#" class="text-blue-600 hover:text-blue-800">Learning Resources</a></li>32 </ul>33 </div>34 35 <div class="bg-white p-6 rounded-lg shadow-md">36 <h3 class="text-xl font-semibold mb-4">User Management</h3>37 <ul class="space-y-2">38 <li><a href="#" class="text-blue-600 hover:text-blue-800">Subscribers</a></li>39 <li><a href="#" class="text-blue-600 hover:text-blue-800">User Roles</a></li>40 <li><a href="#" class="text-blue-600 hover:text-blue-800">Activity Log</a></li>41 </ul>42 </div>43 44 <div class="bg-white p-6 rounded-lg shadow-md">45 <h3 class="text-xl font-semibold mb-4">System Settings</h3>46 <ul class="space-y-2">47 <li><a href="#" class="text-blue-600 hover:text-blue-800">API Keys</a></li>48 <li><a href="#" class="text-blue-600 hover:text-blue-800">Site Configuration</a></li>49 <li><a href="#" class="text-blue-600 hover:text-blue-800">Backup</a></li>50 </ul>51 </div>52 </div>53 54 <div class="bg-white p-6 rounded-lg shadow-md">55 <h2 class="text-2xl font-bold mb-4">Recent Activity</h2>56 <div class="overflow-x-auto">57 <table class="min-w-full">58 <thead>59 <tr class="border-b">60 <th class="text-left py-2 px-4">Date</th>61 <th class="text-left py-2 px-4">User</th>62 <th class="text-left py-2 px-4">Action</th>63 </tr>64 </thead>65 <tbody>66 <tr class="border-b">67 <td class="py-2 px-4">Today, 10:30 AM</td>68 <td class="py-2 px-4">admin@torahbytes.com</td>69 <td class="py-2 px-4">Updated Parshat Vayikra content</td>70 </tr>71 <tr class="border-b">72 <td class="py-2 px-4">Yesterday, 3:45 PM</td>73 <td class="py-2 px-4">editor@torahbytes.com</td>74 <td class="py-2 px-4">Added new holiday resource</td>75 </tr>76 </tbody>77 </table>78 </div>79 </div>80 </main>81 82 <custom-footer></custom-footer>83 <script src="components/navbar.js" type="module"></script>84 <script src="components/footer.js" type="module"></script>85 <script src="script.js" type="module"></script>86<script>87 feather.replace();88 </script>89</body>90</html>