measures.stpl 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <!DOCTYPE html>
  2. <html lang="<%= lang %>">
  3. <head>
  4. <title>Measure <%= measure.name %></title>
  5. <meta charset="UTF-8">
  6. <meta name="description" content="Measure <%= measure.name %> created <%= measure.date.to_string() %> <%= measure.heading %>">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. </head>
  9. <body>
  10. <a href="/">Home</a>
  11. <h1>Measure <%= measure.name %></h1>
  12. <h2><%= measure.heading %></h2>
  13. <h3><%= measure.date.to_string() %></h3>
  14. <span><b>Authors</b></span>
  15. <hr/>
  16. <ul>
  17. <% for author in &measure.authors { %>
  18. <li><%= author %></li>
  19. <% } %>
  20. </ul>
  21. <span><b>History</b></span>
  22. <hr/>
  23. <% for history in &measure.history { %>
  24. <div class="grid-container">
  25. <div class="grid-item"><%= history.description %></div>
  26. <div class="grid-item"><%= history.date.to_string() %></div>
  27. <% if history.document.len() > 0 { %>
  28. <div class="grid-item"><a href="<%=history.document%>">document</a></div>
  29. <% } %>
  30. </div>
  31. <hr/>
  32. <% } %>
  33. <style>
  34. .grid-container {
  35. display: grid;
  36. /* gap: 50px; */
  37. grid-auto-columns: max-content;
  38. grid-column-gap: 32px;
  39. grid-row-gap: 15px;
  40. }.grid-item {
  41. grid-row: none;
  42. }
  43. </style>
  44. </body>
  45. </html>