projects.ejs 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <%- partial('_partial/project-search-bar') %>
  2. <div class="container bottom-spacer">
  3. <div class="row up-spacer">
  4. <div class="col-12">
  5. <h1 class="display-3">
  6. Projects
  7. <small class="text-muted">({{filteredProjects.length}})</small>
  8. </h1>
  9. <hr>
  10. </div>
  11. </div>
  12. <div class="row" v-if="view.type == 'thumbnails'">
  13. <div class="col-3" v-for="project in filteredProjects" style="margin-bottom: 30px;">
  14. <a v-bind:href="`/projects/${project.folder}`" class="thumbnail-link">
  15. <img class="img-fluid thumbnail rounded" v-bind:src="project.cover">
  16. </a>
  17. </div>
  18. </div>
  19. <div class="row projects" v-if="view.type == 'cards'">
  20. <div class="col-4" v-for="project in filteredProjects" style="margin-bottom: 30px;">
  21. <a v-bind:href="`/projects/${project.folder}`" class="text-decoration-none">
  22. <div class="card project">
  23. <img class="img-fluid" v-bind:src="project.cover">
  24. <div class="card-body">
  25. <h5 class="card-title">{{project.title}}</h5>
  26. <p>{{project.description}}</p>
  27. </div>
  28. <div class="card-footer text-muted">
  29. <i>{{getDate(project.date)}}</i>
  30. </div>
  31. </div>
  32. </a>
  33. </div>
  34. </div>
  35. </div>
  36. <%- partial('_partial/about-author') %>
  37. <%- partial('_partial/contact-form') %>