mimir_threads.html 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  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</title>
  7. <style>
  8. a {
  9. color: #00afff;
  10. text-decoration: none;
  11. }
  12. a:hover {
  13. text-decoration: underline;
  14. }
  15. </style>
  16. </head>
  17. <body style="font-family: monospace; background-color: #292929; color: #fafafa;">
  18. <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> <!-- todo mimir for {config:??} -->
  19. <div style="display: flex; flex-wrap: wrap; justify-content: space-between; margin: 1rem;">
  20. <div>
  21. {{if gt .Page 1}}
  22. <a href="/mimir?page={{.PrevPage}}">previous page</a>
  23. {{end}}
  24. </div>
  25. <div>
  26. {{if lt .Page .NumPages}}
  27. <a href="/mimir?page={{.NextPage}}">next page</a>
  28. {{end}}
  29. </div>
  30. </div>
  31. <main style="margin-left: 1rem; margin-top: 2rem;">
  32. {{if not .Messages}}
  33. <span style="font-size: 2rem; color: #ff5c57;">No messages</span>
  34. {{else}}
  35. {{range .Messages}}
  36. <div style="margin-bottom: 2rem; width: 85%; background-color: #212121; padding-left: 1rem; padding-right: 1rem; padding-bottom: .5rem;">
  37. <div style="padding: .5rem 0; display: block; border-bottom: 1px solid #e9ecef; display: flex; flex-wrap: wrap">
  38. <div style="flex: auto; padding-right: 1rem;"><a style="font-size: 1.25rem;" href="/mimir/m/{{.Thread}}{{if ne .Thread .ID}}#{{.ID}}{{end}}">{{.Subject}}</a></div>
  39. <div style="flex: none; margin-top: .5rem; margin-bottom: .1rem;">{{.FormatDate}}</div>
  40. </div>
  41. <div style="margin-top: .5rem; font-size: 1rem;">{{.Sender}} to {{.Category}}</div>
  42. <blockquote style="border-left: 2px solid #aaa; margin-left: .1rem; margin-bottom: 1rem;"><pre style="margin-left: .5rem; overflow: auto">{{.Body}}</pre></blockquote>
  43. </div>
  44. {{end}}
  45. {{end}}
  46. </main>
  47. <div style="display: flex; flex-wrap: wrap; justify-content: space-between; margin: 1rem;">
  48. <div>
  49. {{if gt .Page 1}}
  50. <a href="/mimir?page={{.PrevPage}}">previous page</a>
  51. {{end}}
  52. </div>
  53. <div>
  54. {{if lt .Page .NumPages}}
  55. <a href="/mimir?page={{.NextPage}}">next page</a>
  56. {{end}}
  57. </div>
  58. </div>
  59. </body>
  60. </html>