My ham website
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.

55 lines
1.7 KiB

6 years ago
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <% include ../partials/head %>
  5. </head>
  6. <body class="home type-page">
  7. <div class="container">
  8. <% include ../partials/header %>
  9. <main id='main' class='main'>
  10. <header class='header-container'>
  11. <div class='header list-header'>
  12. <div class='header-info'>
  13. <h1 class='title'>Posts</h1>
  14. </div>
  15. </div>
  16. </header>
  17. <div class='list-container'>
  18. <ul class='list'>
  19. <% posts.forEach(function(post) { %>
  20. <li class='list-item'>
  21. <article>
  22. <div class='meta'>
  23. <span>
  24. <time datetime='<%= post.created_at %>'><%= post.created_at_short %></time>
  25. </span>
  26. </div>
  27. <header class='list-item-header'>
  28. <h3 class='list-item-title'>
  29. <a href='<%= post.permalink %>'><%= post.title %></a>
  30. </h3>
  31. </header>
  32. </article>
  33. </li>
  34. <% }) %>
  35. </ul>
  36. </div>
  37. </main>
  38. <footer id='footer' class='footer-container'>
  39. <div class='footer'>
  40. <div class='copyright'>
  41. <p>
  42. <a href='/uncopyright'>uncopyright</a>
  43. </p>
  44. </div>
  45. </div>
  46. </footer>
  47. </div>
  48. </div>
  49. </body>
  50. </html>