templates/frontend/blog/list.html.twig line 1

Open in your IDE?
  1. {% extends 'frontend/base.html.twig' %}
  3. {% block metaTitle %}{% trans %}Tutto quello che c'è da sapere sulle Piscine - Blog Astralpool{% endtrans %}{% endblock %}
  4. {% block metaDescription %}{% trans %}Scopri tutti gli articoli sul mondo delle piscine: dalla costruzione della piscina alla sostenibilità e domotica. Guide pratiche da scaricare{% endtrans %}.{% endblock %}
  6. {% block body %}
  7.     {% include 'frontend/partials/_breadcrumb.html.twig' %}
  8.     <section class="space-1">
  9.         <div class="container">
  10.             <h1>
  11.                 {{ pageIntroduction(constant('App\\Entity\\PageIntroduction::PAGE_BLOG')).title }}
  12.             </h1>
  13.             <div class="page-content">
  14.                 {{ pageIntroduction(constant('App\\Entity\\PageIntroduction::PAGE_BLOG')).description|raw }}
  15.             </div>
  16.             <div class="row space-top-1 gx-1">
  17.                 <div class="col-lg-3 col-6 mb-1">
  18.                     <a href="{{ path('frontend_blog') }}" class="extra-small-section"
  19.                        aria-label="{% trans %}Tutte le categorie{% endtrans %}">
  20.                         <figure class="media equal-2-1">
  21.                             <span style="background-image: url('{{ asset('images/blog/all-categories.jpg') }}')"></span>
  22.                         </figure>
  23.                         <div class="abs-text">
  24.                             <span class="h3 text-center text-transform-none">{% trans %}Tutte le categorie{% endtrans %}</span>
  25.                         </div>
  26.                     </a>
  27.                 </div>
  28.                 {% for category in categories() %}
  29.                     <div class="col-lg-3 col-6 mb-1">
  30.                         <a href="{{ path('frontend_blog', {slug: category.slug}) }}" class="extra-small-section"
  31.                            aria-label="{{ category.name }}">
  32.                             <figure class="media equal-2-1">
  33.                                 <span style="background-image: url('{{ category.cover.publicUrl }}')"></span>
  34.                             </figure>
  35.                             <div class="abs-text">
  36.                                 <span class="h3 text-center text-transform-none">{{ category.name }}</span>
  37.                             </div>
  38.                         </a>
  39.                     </div>
  40.                 {% endfor %}
  41.             </div>
  42.         </div>
  43.     </section>
  44.     <div class="container">
  45.         <div class="border-top border-2 border-primary"></div>
  46.     </div>
  47.     <section class="space-1">
  48.         <div class="container">
  49.             <div class="row gx-1">
  50.                 {% for article in pagination %}
  51.                     <div class="col-lg-4 mb-1">
  52.                         <div class="h-100 d-flex flex-column">
  53.                             <a href="{{ path('frontend_blog_article_read', {slug: article.slug}) }}"
  54.                                class="small-section" aria-label="{{ article.title }}">
  55.                                 <figure class="media equal-4-3">
  56.                                     <span style="background-image: url('{{ article.cover.publicUrl }}')"></span>
  57.                                 </figure>
  58.                                 <div class="abs-text">
  59.                                     <span class="h3">{{ article.title }}</span>
  60.                                 </div>
  61.                             </a>
  62.                             <div class="bg-primary pt-4 px-4 position-relative flex-grow-1">
  63.                                 <div class="abs-primary-overlay"></div>
  64.                                 <p class="text-white mb-0">
  65.                                     {{ article.content|block_editor_render|striptags|html_entity_decode|slice(0, 200) }}
  66.                                 </p>
  67.                             </div>
  68.                             <a href="{{ path('frontend_blog_article_read', {slug: article.slug}) }}"
  69.                                aria-label="Leggi tutto"
  70.                                class="btn btn-secondary w-100 text-start fw-bold text-uppercase">
  71.                                 Leggi tutto <i data-feather="chevron-right" style="width: 20px"></i>
  72.                             </a>
  73.                         </div>
  74.                     </div>
  75.                 {% endfor %}
  76.             </div>
  77.             <div class="mt-3 d-flex w-100 justify-content-center">
  78.                 {{ knp_pagination_render(pagination) }}
  79.             </div>
  80.         </div>
  81.     </section>
  82. {% endblock %}