Http- Guide

// main function to generate the post preview HTML function generatePostPreview() // get values let title = titleInput.value.trim(); let category = categoryInput.value.trim(); let author = authorInput.value.trim(); let rawDate = dateInput.value; let content = contentTextarea.value; let tagsRaw = tagsInput.value.trim();

.hero p color: #2c3e4e; margin-top: 0.75rem; font-size: 1.1rem; font-weight: 500; // main function to generate the post preview

// Helper: format date nicely or return "Recent" function formatDisplayDate(dateString) if (dateString && dateString.trim() !== '') try const dateObj = new Date(dateString); if (!isNaN(dateObj.getTime())) return dateObj.toLocaleDateString('en-US', year: 'numeric', month: 'short', day: 'numeric' ); catch(e) /* fallback */ return dateString; // if no date provided, generate a default "current date" const today = new Date(); return today.toLocaleDateString('en-US', year: 'numeric', month: 'short', day: 'numeric' ); let category = categoryInput.value.trim()

.copy-btn background: transparent; border: 1px solid #bed0e0; padding: 0.4rem 1rem; border-radius: 40px; font-size: 0.7rem; font-weight: 500; cursor: pointer; transition: 0.2s; color: #1e5a7a; let author = authorInput.value.trim()