recipe_page.html 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. {% extends "base.html" %}
  2. {% load navigation_tags wagtailimages_tags wagtailcore_tags %}
  3. {% block content %}
  4. {% include "base/include/header-blog.html" %}
  5. <div class="container">
  6. <div class="row">
  7. <div class="col-md-8">
  8. <div class="blog__meta">
  9. {% if page.authors %}
  10. <div class="blog__avatars">
  11. {% for author in page.authors %}
  12. <div class="blog__author">{% image author.image fill-50x50-c100 class="blog__avatar" %}
  13. {{ author.first_name }} {{ author.last_name }}</div>
  14. {% endfor %}
  15. </div>
  16. {% endif %}
  17. </div>
  18. {% if page.backstory %}
  19. {{ page.backstory }}
  20. <hr>
  21. {% endif %}
  22. {# Give a label to the recipe section for screen reader users. #}
  23. <div id="recipe-headline" class="sr-only">
  24. Recipe{% if page.recipe_headline %}: {{ page.recipe_headline|richtext }}{% endif %}
  25. </div>
  26. <section aria-labelledby="recipe-headline">
  27. {{ page.body }}
  28. </section>
  29. </div>
  30. </div>
  31. </div>
  32. {% endblock content %}