jojonocode's picture
Crée pour moi le frontend complet d’une application web appelée BucketMaster.
0c45221 verified
<!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>