auth.eta 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <style>
  7. body {
  8. margin: 0;
  9. display: flex;
  10. flex-direction: column;
  11. padding-inline: 10%;
  12. font-family: sans-serif;
  13. line-height: 1.3;
  14. background-color: #eee;
  15. gap: 0.5em;
  16. }
  17. h2, p {
  18. margin-block: 0.5em;
  19. }
  20. [role="button"] {
  21. background-color: rgba(0, 0, 0, 0.1);
  22. border-radius: 0.5em;
  23. padding: 0.5em 1em;
  24. text-decoration: none;
  25. color: initial;
  26. border: none;
  27. width: max-content;
  28. cursor: pointer;
  29. display: flex;
  30. align-items: center;
  31. gap: 0.5em;
  32. font-size: 1em;
  33. height: max-content;
  34. }
  35. [role="button"].primary {
  36. color: #eee;
  37. background-color: rgb(50, 50, 255);
  38. }
  39. </style>
  40. </head>
  41. <body>
  42. <h2><%= process.env.APP_NAME %></h2>
  43. <p>hi,</p>
  44. <p>to login click on the button below.</p>
  45. <a role="button" class="primary" href="<%= it.link %>">click here</a>
  46. <p>or enter this code: <strong><%= it.code %></strong></p>
  47. <p>cannot click on the link? copy it: <%= it.link %></p>
  48. <footer>
  49. <p><small>if you did not request this email, you can safely ignore it.</small></p>
  50. <p><small><%= process.env.APP_NAME %> <%= new Date().getFullYear() %></small></p>
  51. </footer>
  52. </body>
  53. </html>