${data.personalization}

` : ''}

My name is ${data.yourName}, and I'm the ${data.yourTitle} at ${data.yourCompany}. I'm reaching out because we have some exciting news I think you and your readers at ${data.mediaOutlet} would be interested in.

${data.summary}

I believe this is a significant development because...

${data.callToAction}

Best regards,

${data.yourName}
${data.yourTitle}
${data.yourCompany}

`; previewContainer.innerHTML = pitchHTML; } function showMessage() { messageBox.classList.remove('opacity-0', 'translate-y-10'); messageBox.classList.add('opacity-100', 'translate-y-0'); setTimeout(() => { messageBox.classList.remove('opacity-100', 'translate-y-0'); messageBox.classList.add('opacity-0', 'translate-y-10'); }, 2000); } function generatePitchPdf() { const { jsPDF } = window.jspdf; const pdf = new jsPDF({ orientation: 'p', unit: 'mm', format: 'a4' }); const data = getFormData(); const pageW = pdf.internal.pageSize.getWidth(); const margin = 20; const contentWidth = pageW - (margin * 2); let y = margin; const lineSpacing = 7; const addWrappedText = (text, options = {}) => { const { size = 11, style = 'normal', color = '#333333', x = margin, spacing = 1 } = options; if (y + (lineSpacing * spacing) > pdf.internal.pageSize.getHeight() - margin) { pdf.addPage(); y = margin; } pdf.setFontSize(size); pdf.setFont(undefined, style); pdf.setTextColor(color); const splitText = pdf.splitTextToSize(text, contentWidth); pdf.text(splitText, x, y); y += (splitText.length * lineSpacing * 0.7); // Adjust spacing based on font size and line height y += (lineSpacing * spacing); }; // PDF Header pdf.setFontSize(22); pdf.setFont(undefined, 'bold'); pdf.setTextColor('#1e293b'); // slate-800 pdf.text(data.yourCompany, margin, y); y += 12; pdf.setDrawColor('#e2e8f0'); // slate-200 pdf.setLineWidth(0.5); pdf.line(margin, y, pageW - margin, y); y += 15; // Pitch Content addWrappedText(`Subject: ${data.headline}`, { style: 'bold' }); addWrappedText(`Hi ${data.journalistName.split(' ')[0]},`); if(data.personalization) { addWrappedText(data.personalization); } const intro = `My name is ${data.yourName}, and I'm the ${data.yourTitle} at ${data.yourCompany}. I'm reaching out because we have some exciting news I think you and your readers at ${data.mediaOutlet} would be interested in.`; addWrappedText(intro); addWrappedText(data.summary); addWrappedText(`I believe this is a significant development because... [Elaborate here with 1-2 key value props or data points]`); addWrappedText(data.callToAction); addWrappedText('Best regards,'); y += lineSpacing; // Extra space before signature addWrappedText(`${data.yourName}`, { style: 'bold', spacing: 0 }); addWrappedText(`${data.yourTitle}`, { spacing: 0 }); addWrappedText(`${data.yourCompany}`, { spacing: 0 }); const fileName = `media_pitch_${data.mediaOutlet.replace(/\s+/g, '_').toLowerCase()}.pdf`; pdf.save(fileName); } // --- Event Listeners --- tabs.forEach(tab => tab.addEventListener('click', () => goToTab(parseInt(tab.dataset.tab)))); prevButton.addEventListener('click', () => goToTab(currentTab - 1)); nextButton.addEventListener('click', () => goToTab(currentTab + 1)); copyButton.addEventListener('click', () => { const previewContainer = document.getElementById('pitch-preview-container'); if (previewContainer) { const textToCopy = previewContainer.innerText; const textArea = document.createElement("textarea"); textArea.value = textToCopy; textArea.style.position = "fixed"; document.body.appendChild(textArea); textArea.focus(); textArea.select(); try { document.execCommand('copy'); showMessage(); } catch (err) { console.error('Copy failed:', err); } document.body.removeChild(textArea); } }); pdfDownloadButton.addEventListener('click', generatePitchPdf); // Initialize the UI updateTabUI(); });