uzairayed2/layoutflow-studio
0
1<!DOCTYPE html>2<html lang="en" class="h-full">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>LayoutFlow Studio - Visual Layout Editor</title>7 <link rel="icon" type="image/x-icon" href="/static/favicon.ico">8 <link rel="stylesheet" href="style.css">9 <script src="https://cdn.tailwindcss.com"></script>10 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>11 <script src="https://unpkg.com/feather-icons"></script>12 <script src="components/navbar.js"></script>13 <script src="components/sidebar.js"></script>14 <script src="components/canvas.js"></script>15 <script src="components/code-panel.js"></script>16 <script src="components/toolbar.js"></script>17</head>18<body class="h-full bg-gray-50 flex flex-col overflow-hidden">19 <custom-navbar></custom-navbar>20 21 <div class="flex flex-1 overflow-hidden">22 <custom-sidebar></custom-sidebar>23 24 <div class="flex-1 flex flex-col">25 <custom-toolbar></custom-toolbar>26 <custom-canvas></custom-canvas>27 </div>28 29 <custom-code-panel></custom-code-panel>30 </div>31 32 <script src="script.js"></script>33 <script>34 feather.replace();35 36 // Initialize components37 document.addEventListener('DOMContentLoaded', function() {38 // Set up drag and drop for canvas39 setupCanvasInteractions();40 // Initialize panels41 initializePanels();42 });43 </script>44<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>45</body>46</html>