Spaces:
Running
Running
| <html lang="fr"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>CodeCraft Studio Pro</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <script src="components/sidebar.js"></script> | |
| <script src="components/topbar.js"></script> | |
| <script src="components/preview-panel.js"></script> | |
| </head> | |
| <body class="bg-gray-50"> | |
| <div class="flex h-screen"> | |
| <!-- Sidebar Component --> | |
| <custom-sidebar></custom-sidebar> | |
| <!-- Main Content --> | |
| <div class="flex-1 flex flex-col"> | |
| <!-- Top Bar Component --> | |
| <custom-topbar></custom-topbar> | |
| <!-- Content Area --> | |
| <div class="flex-1 flex gap-4 p-6 overflow-hidden"> | |
| <!-- Generator Panel --> | |
| <div class="flex-1 bg-white rounded-lg shadow-sm flex flex-col overflow-hidden" id="generator-panel"> | |
| <!-- Content will be dynamically loaded here --> | |
| </div> | |
| <!-- Preview Panel Component --> | |
| <custom-preview-panel></custom-preview-panel> | |
| </div> | |
| <!-- Message Input --> | |
| <div class="bg-white border-t border-gray-200 p-4"> | |
| <div class="flex gap-3"> | |
| <input type="text" placeholder="Entrez votre message..." | |
| class="flex-1 border border-gray-300 rounded-lg px-4 py-3 focus:outline-none focus:border-blue-600" | |
| id="message-input"> | |
| <button class="bg-blue-600 hover:bg-blue-700 text-white rounded-lg px-6 py-3 font-semibold flex items-center gap-2"> | |
| <i data-feather="send"></i> | |
| Envoyer | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <script src="script.js"></script> | |
| <script> | |
| feather.replace(); | |
| </script> | |
| <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> | |
| </body> | |
| </html> |