Sign up for Make It Stick (in 10 days, via email)

\n \n \n \n `;\n}\n\n// --- Confirmation email HTML ---\n\ninterface FetchVerificationEmailHtmlParams {\n email: string;\n token: string;\n reVerifying?: boolean;\n}\n\nexport function fetchConfirmationHtml({ email, token, reVerifying }: FetchVerificationEmailHtmlParams) {\n const confirmationLink = `https://petemillspaugh.com/make-it-stick/email-confirmation?email=${email}&token=${token}`;\n const html = `\n

\n ${reVerifying ? \"Looks like your verification link expired.\" : \"\"}\n Click here to confirm your subscription. \n

\n `;\n\n return html;\n}\n\n// --- Lesson template HTML ---\n\ninterface QuizQuestion {\n question: string;\n answer: string;\n}\n\ninterface GenerateLessonHtmlParams {\n email: string;\n lesson: number;\n title: string;\n fillBlank: JSX.Element;\n content: JSX.Element;\n quiz: QuizQuestion[];\n}\n\nexport function generateLessonHtml({ email, lesson, title, fillBlank, content, quiz }: GenerateLessonHtmlParams) {\n const lessonJsx = (\n \n \n

{title}

\n\n \n

\n \n The fill-in-the-blank and review questions in this (and every) lesson are there only to strengthen\n learning. What you fill out will be emailed to you once you complete the lesson, but nothing will be\n recorded or \"graded.\"\n \n

\n\n

Pre-lesson writing exercise

\n Fill in the blank below. If you're not sure, just take a guess.\n

\n {fillBlank}\n
\n
\n

\n\n          {content}\n\n          <h2>Review</h2>\n          <p>\n            <em>\n              Take a stab at each question by filling in the blank. Answers will be included in the email with your\n              responses. You are welcome to look back at the lesson content or search the Internet for these questions,\n              of course. I'd encourage you to give each one a try first, though, because the effort of retrieval will\n              lead to more durable learning.\n            </em>\n          </p>\n          {quiz.map(({ question }) => (\n            <div key={question}>\n              <p>{question}</p>\n              <label htmlFor={`ANSWER-${question}`}>Your answer</label>\n              <br />\n              <textarea name={`ANSWER-${question}`} id={`ANSWER-${question}`} rows={2} cols={40} />\n            </div>\n          ))}\n\n          <h2>Reflection</h2>\n          <p>\n            Jot down a few takeways from this lesson. Try explaining new learnings in your own words and connecting the\n            concepts to your existing knowledge and mental models. Come up with your own examples for each topic, if\n            possible.\n          </p>\n          <label htmlFor=\"reflection\">Your notes:</label>\n          <br />\n          <textarea id=\"reflection\" name=\"reflection\" rows={10} cols={40} />\n          <br />\n\n          <button type=\"submit\">Complete lesson</button>\n\n          {lesson < 9\n            ? (\n              <p>\n                The next lesson will arrive in your inbox tomorrow once you've completed this one by clicking the button\n                above.\n              </p>\n            )\n            : (\n              <p>\n                That's a wrap! Congrats, and thank you for going through all 10 lessons. I hope you liked the course.\n              </p>\n            )}\n        </form>\n\n        <hr />\n\n        <footer>\n          <p>If you have any feedback, I'd love to hear it. Send me an email at pete@petemillspaugh.com. Thanks!</p>\n          <p>\n            <a href={`${ENDPOINT}/unsubscribe?email=${email}`}>Unsubscribe</a>\n          </p>\n        </footer>\n      </body>\n    </html>\n  );\n\n  return renderToString(lessonJsx);\n}\n","deleted","label",[105],"permalink","https://www.val.town/x/pmillspaugh/email-course-creator/code/html.tsx","extension","actionData","errors"]
</article></body></html>