Easy newsletter sending in Rust https://42l.fr
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

62 lines
2.6KB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset='utf-8' content='text/html' http-equiv='Content-Type'>
  5. <title>{{TITLE}}</title>
  6. <style>
  7. .margin-auto { margin: auto; }
  8. .width-600 { padding: 0 10px; }
  9. @media screen and (min-width: 600px)
  10. {
  11. .width-600 {
  12. width: 600px;
  13. padding: 0;
  14. }
  15. .width-560 { width: 560px; }
  16. .width-540 { width: 540px; }
  17. .max-width-540 { max-width: 540px; }
  18. .max-width-500 { max-width: 500px; }
  19. }
  20. </style>
  21. </head>
  22. <body bgcolor='#fff' style='background-color: #FFFFFF'>
  23. <div style="background-color: #FFFFFF; font-family: 'Noto Sans', sans-serif; color: #333;">
  24. <div class='margin-auto width-600'>
  25. <div class='margin-auto' style='width: 100px'>
  26. <!-- Put your logo there. Embed SVG directly for a better rendering. -->
  27. <!-- Beware: A lot of mail clients blocks remote content. -->
  28. </div>
  29. </div>
  30. <div class='margin-auto width-600'>
  31. <div class='margin-auto width-560' style="font-family: 'Noto Sans', sans-serif; text-align: center">
  32. <div style="font-size: 28px; color: #777; padding: 10px 0px 10px;">
  33. {{TITLE}}
  34. </div>
  35. <div style="font-size: 18px; color: #999; padding: 0px 0px 30px;">
  36. {{SUBTITLE}}
  37. </div>
  38. </div>
  39. </div>
  40. <div class='margin-auto width-600'>
  41. <div class='margin-auto max-width-540' style='border-top: 1px solid #eee; padding: 10px 0;'>
  42. <div class='margin-auto max-width-500' style="text-align: justify; font-family: 'Noto Sans', sans-serif; font-size: 14px; color; #333">
  43. {{HTML_CONTENT}}
  44. </div>
  45. </div>
  46. </div>
  47. <div class='margin-auto'>
  48. <div class='margin-auto max-width-540' style="border-top: 1px solid #eee; text-align: center; padding: 10px 0;">
  49. <div class='margin-auto max-width-500' style="text-align: justify; font-family: 'Noto Sans', sans-serif; font-size: 14px; color; #333">
  50. <p>Unsubscribe: Send an empty email to {{UNSUBSCRIBE}}</p>
  51. </div>
  52. <div style='display: flex; justify-content: space-between; padding: 0 20px; font-size: 12px'>
  53. <p>Contact us: {{REPLY_TO}}</p>
  54. </div>
  55. </div>
  56. </div>
  57. </div>
  58. </body>
  59. </html>