Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Dashboard | CodeCraft Connect</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link href="https://cdn.jsdelivr.net/npm/daisyui@3.9.4/dist/full.css" rel="stylesheet" type="text/css" /> | |
| </head> | |
| <body> | |
| <div class="drawer lg:drawer-open"> | |
| <input id="my-drawer-2" type="checkbox" class="drawer-toggle" /> | |
| <div class="drawer-content flex flex-col"> | |
| <div class="navbar bg-base-100"> | |
| <div class="flex-none lg:hidden"> | |
| <label for="my-drawer-2" class="btn btn-square btn-ghost"> | |
| <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="inline-block w-6 h-6 stroke-current"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg> | |
| </label> | |
| </div> | |
| <div class="flex-1"> | |
| <a class="btn btn-ghost normal-case text-xl">Dashboard</a> | |
| </div> | |
| <div class="flex-none"> | |
| <button class="btn btn-ghost btn-circle"> | |
| <div class="indicator"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" /></svg> | |
| <span class="badge badge-xs badge-primary indicator-item"></span> | |
| </div> | |
| </button> | |
| </div> | |
| </div> | |
| <div class="p-8"> | |
| <div class="stats shadow mb-8"> | |
| <div class="stat"> | |
| <div class="stat-title">Total Projects</div> | |
| <div class="stat-value">31</div> | |
| <div class="stat-desc">Jan 1st - Feb 1st</div> | |
| </div> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-4"> | |
| <div class="card bg-base-100 shadow"> | |
| <div class="card-body"> | |
| <h2 class="card-title">API Status</h2> | |
| <div class="alert alert-success"> | |
| <span>All systems operational</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="drawer-side"> | |
| <label for="my-drawer-2" class="drawer-overlay"></label> | |
| <ul class="menu p-4 w-80 h-full bg-base-200 text-base-content"> | |
| <li><a href="/">Home</a></li> | |
| <li><a class="active">Dashboard</a></li> | |
| <li><a href="/api">API</a></li> | |
| <li><a>Settings</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |