blog-item.html.twig 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. {% if not hero_image_name %}
  2. <div class="header-item">
  3. <div class="title">
  4. {% include 'partials/blog/title.html.twig' with {title_level: 'h2'} %}
  5. {% if page.header.subtitle %}
  6. <h3 >{{ page.header.subtitle }}</h3>
  7. {% endif %}
  8. {% include 'partials/blog/category.html.twig' %}
  9. {% include 'partials/blog/date.html.twig' %}
  10. </div>
  11. <div class="tags">
  12. {% include 'partials/blog/taxonomy.html.twig' %}
  13. </div>
  14. {% endif %}
  15. <div class="content">
  16. <div class="txt">
  17. {{ page.content|raw }}
  18. </div>
  19. </div>
  20. <div class="prev-next">
  21. {% if not page.isLast %}
  22. <a class="btn" href="{{ page.prevSibling.url }}">
  23. <div class="btn-info">
  24. <span class="title">{{ page.prevSibling.title }}</span>
  25. {% if page.prevSibling.taxonomy.category %}
  26. <span class="tags">
  27. {% for category in page.prevSibling.taxonomy.category %}
  28. {{ category }}
  29. {% endfor %}
  30. </span>
  31. {% endif %}
  32. <span class="blog-date">
  33. <time class="dt-published" datetime="{{ page.date|date("c") }}">
  34. {{ page.prevSibling.date|date("Y") }}
  35. </time>
  36. </span>
  37. </div>
  38. <img src="user/themes/gilles_acezat/images/arrow.svg" alt="">
  39. </a>
  40. {% endif %}
  41. {% if page.isLast %}
  42. {% set parent = page.parent %}
  43. {% for first_item in parent.collection.slice(0, 1) %}
  44. <a class="btn" href="{{ first_item.url }}">
  45. <div class="btn-info">
  46. <span class="title">{{ first_item.title }}</span>
  47. {% if first_item.taxonomy.category %}
  48. <span class="tags">
  49. {% for category in first_item.taxonomy.category %}
  50. {{ category }}
  51. {% endfor %}
  52. </span>
  53. {% endif %}
  54. <span class="blog-date">
  55. <time class="dt-published" datetime="{{ first_item.date|date("c") }}">
  56. {{ first_item.date|date("Y") }}
  57. </time>
  58. </span>
  59. </div>
  60. <img src="user/themes/gilles_acezat/images/arrow.svg" alt="">
  61. </a>
  62. {% endfor %}
  63. {% endif %}
  64. </div>
  65. </div>
  66. <div class="img">
  67. {% for image in page.media.images %}
  68. <div class="img-card">
  69. {{ image.html }}
  70. </div>
  71. {% endfor %}
  72. </div>
  73. <div class="top">
  74. <a href="">
  75. <img src="user/themes/gilles_acezat/images/arrow-top.svg" alt="">
  76. <p>top</p>
  77. </a>
  78. </div>