File size: 1,979 Bytes
0c45221
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!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">
        <!-- Auth pages will be rendered here initially -->
        <div id="auth-container"></div>
        
        <!-- Main app container (hidden until auth) -->
        <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>

    <!-- Components -->
    <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>

    <!-- Scripts -->
    <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>