| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>BucketMaster - Cloud Storage</title> |
| <link rel="stylesheet" href="styles/main.css"> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <script> |
| tailwind.config = { |
| theme: { |
| extend: { |
| colors: { |
| sun: '#F7D348', |
| metal: '#6E6E6E', |
| deep: '#000000', |
| pure: '#FFFFFF' |
| } |
| } |
| } |
| } |
| </script> |
| </head> |
| <body class="bg-pure text-deep min-h-screen"> |
| <div id="app"> |
| |
| <div id="auth-container"></div> |
| |
| |
| <div id="app-container" class="hidden"> |
| <bucketmaster-navbar></bucketmaster-navbar> |
| <div class="flex"> |
| <bucketmaster-sidebar></bucketmaster-sidebar> |
| <main class="flex-1 p-8"> |
| <div id="page-content"></div> |
| </main> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <script src="components/navbar.js"></script> |
| <script src="components/sidebar.js"></script> |
| <script src="components/button.js"></script> |
| <script src="components/card.js"></script> |
| <script src="components/modal.js"></script> |
| <script src="components/file-uploader.js"></script> |
| <script src="components/empty-state.js"></script> |
| <script src="components/table.js"></script> |
| <script src="components/notification.js"></script> |
|
|
| |
| <script src="scripts/store.js"></script> |
| <script src="scripts/router.js"></script> |
| <script src="scripts/main.js"></script> |
| <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> |
| </body> |
| </html> |