games.ejs 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <main role="main" class="bg-dark2" >
  2. <%- partial('_partial/logo', { created_by : false }) %>
  3. <div class="container">
  4. <div class="row">
  5. <div class="col-12">
  6. <h2 class="group-header">Games</h2>
  7. </div>
  8. </div>
  9. <% site.posts.forEach(content => { %>
  10. <% if(content.content_type == "game") { %>
  11. <div class="card card-dark hoverable" style="margin-bottom: 20px;">
  12. <div class="row">
  13. <div class="col-6">
  14. <a href="<%- content.path %>">
  15. <img src="/games/<%- content.id %>/main-capsule.png" alt="..."
  16. style="width: 100%;">
  17. </a>
  18. </div>
  19. <div class="col-6">
  20. <div class="card-body">
  21. <h5 class="card-title">
  22. <a href="<%- content.path %>">
  23. <%- content.title %>
  24. </a>
  25. </h5>
  26. <p class="card-text" style="margin-bottom: 12px;">
  27. <%- content.short_description %><br>
  28. </p>
  29. <p class="card-text" style="margin-bottom: 12px;">
  30. <small>
  31. <% if(content.released) { %>
  32. Released: <%- content.release %>
  33. <% } else { %>
  34. Release date: <%- content.release %>
  35. <% } %>
  36. </small>
  37. </p>
  38. <p class="card-text" style="position: absolute; bottom: 12px;">
  39. <small>
  40. <br><%- content.platforms %>
  41. </small>
  42. </p>
  43. </div>
  44. </div>
  45. </div>
  46. </div>
  47. <% } %>
  48. <% }); %>
  49. </div>
  50. <%- partial('_partial/about') %>
  51. <%- partial('_partial/links') %>
  52. </main>