blog_index_page.html 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. {% extends "base.html" %}
  2. {% load wagtailcore_tags navigation_tags wagtailimages_tags %}
  3. {% block content %}
  4. {% include "base/include/header-index.html" %}
  5. <div class="container">
  6. {% if tag %}
  7. <div class="row">
  8. <div class="col-md-12">
  9. <ul class="tags index">
  10. <li>{{ tag }}</li>
  11. </ul>
  12. </div>
  13. </div>
  14. {% endif %}
  15. <div class="row blog-list">
  16. {% for blog in blogs %}
  17. <li class="col-md-3 blog-list-item">
  18. <a href="{% pageurl blog %}">
  19. <div class="image">
  20. {% image blog.image fill-750x660-c100 as image %}
  21. <img src="{{ image.url }}" width="{{ image.width }}" height="{{ image.height }}" alt="{{ image.alt }}" class="" />
  22. </div>
  23. <h2 class="blog-list-title">{{ blog.title }}</h2>
  24. <p>{{ blog.introduction|truncatewords:15 }}</p>
  25. <div class="small blog-list-item-footer">
  26. {{ blog.date_published }} by
  27. {% for author in blog.authors %}
  28. {{ author }}{% if not forloop.last %}, {% endif %}
  29. {% endfor %}
  30. </div>
  31. </a>
  32. </li>
  33. {% endfor %}
  34. </div>
  35. </div>
  36. {% endblock content %}