mimir_message.html 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Mímir | {{(index . 0).Subject}} – in {{(index . 0).Category}}</title>
  7. <style>
  8. a {
  9. cursor: pointer;
  10. color: #00afff;
  11. text-decoration: none;
  12. }
  13. a:hover {
  14. text-decoration: underline;
  15. }
  16. .anchor {
  17. color: #292929;
  18. }
  19. .anchor:hover {
  20. tex-decoration: none !important;
  21. color: #00afff;
  22. }
  23. </style>
  24. </head>
  25. <body style="font-family: monospace; background-color: #292929; color: #fafafa;">
  26. <a href="/mimir"><header style="color: #fafafa; font-size: 1.25rem; padding-top: .3125rem; padding-bottom: .3125rem; margin-rigt: 1rem;">mímir for git.apiote.xyz</header></a>
  27. <main style="margin-left: 1rem; margin-top: 2rem;">
  28. {{range .}}
  29. <div style="margin-bottom: 2rem; width: 85%; background-color: #212121; padding-left: 1rem; padding-right: 1rem; padding-bottom: .5rem;">
  30. <div style="padding: .5rem 0; display: block; border-bottom: 1px solid #e9ecef; display: flex; flex-wrap: wrap;">
  31. <div style="font-size: 1.25rem; flex: auto;">
  32. <div>{{.Subject}}<a style="margin-left: .5rem;" class="anchor" id="{{.ID}}" href="#{{.ID}}">¶</a></div>
  33. <div style="margin-top: .5rem; margin-bottom: .5rem; font-size: 1rem;">{{.Sender}} to {{.Category}}</div>
  34. </div>
  35. <div style="flex: none;">
  36. {{.FormatDate}}<br/>
  37. DKIM: {{if .Dkim}}<span style="color: #5af78e">✔</span>{{else}}<span style="color: #ff5c57">✘</span>{{end}}<br/>
  38. <a style="color: #000000; font-family: sans; border: 1px solid #000000; padding: .1rem .75rem; font-size: .8rem; background-color: #db9d3b; cursor: pointer;" href="mailto:{{.Category}}@git.apiote.xyz?in-reply-to={{.ID}}&subject={{.RESubject}}">reply to this message</a>
  39. </div>
  40. </div>
  41. <pre style="overflow: auto">{{.Body}}</pre>
  42. </div>
  43. {{end}}
  44. </main>
  45. </body>
  46. </html>