${styles} ${bodyHtml} `; } function renderGeneratedCode() { ui.generatedCode.textContent = generateFinalCode(); } function copyGeneratedCode() { navigator.clipboard.writeText(generateFinalCode()).then(() => { const originalText = ui.copyCodeBtn.textContent; ui.copyCodeBtn.textContent = 'Copied!'; setTimeout(() => ui.copyCodeBtn.textContent = originalText, 2000); }); } function generatePdf() { const { jsPDF } = window.jspdf; const pdf = new jsPDF(); pdf.setFontSize(20).text('Landing Page Code Report', 20, 30); pdf.setFontSize(10).text(`Generated: ${new Date().toLocaleString()}`, 20, 45); const code = generateFinalCode(); const splitCode = pdf.splitTextToSize(code, 170); pdf.setFont('Courier', 'normal').setFontSize(8).text(splitCode, 20, 60); pdf.save('landing_page_code.pdf'); } function getDragAfterElement(container, y) { const draggableElements = [...container.querySelectorAll('.section-config-card:not(:grabbing)')]; return draggableElements.reduce((closest, child) => { const box = child.getBoundingClientRect(); const offset = y - box.top - box.height / 2; if (offset < 0 && offset > closest.offset) { return { offset: offset, element: child }; } else { return closest; } }, { offset: Number.NEGATIVE_INFINITY }).element; } // --- RUN --- init(); });