templates/blog/blog.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block stylesheets %}
  4.     <link rel="stylesheet" href="{{ asset('assets/css/blog.min.css') }}" />
  5. {% endblock %}
  7. {% block javascript %}
  8.     <script src="{{ asset('assets/js/blog/blog.js') }}"></script>
  9. {% endblock %}
  11. {% block title %}Blog{% endblock %}
  13. {% block content %}
  14.     <div id="blog-listing">
  15.         <h1>{{ 'latest'|trans({}, 'blog')|raw }}</h1>
  16.         <div class="row px-3">
  17.             <div class="col-md-3">
  18.                 <div class="MenuCategories">
  19.                     {% for menu in menus %}
  20.                         {% if menu.title == "Root" %}
  21.                             <div class="TheCheckClass TriActif" id="Tous" data-value="Tous">{{ 'title'|trans({}, 'blog')|raw }}<b class="caret float-end"></b></div>
  22.                         {% else %}
  23.                             <div class="TheCheckClass" id="Cat{{ menu.id_leoblogcat|default("") }}" data-value="{{ menu.id_leoblogcat }}">{{ menu.title|default("") }}<b class="caret float-end"></b></div>
  24.                         {% endif %}
  25.                     {% endfor %}
  26.                 </div>
  27.             </div>
  28.             <div class="col-md-9">
  29.                 <div class="row m-0">
  30.                     <h2><span id="TitleActive">{{ 'title'|trans({}, 'blog')|raw }}</span></h2>
  31.                     <div class="secondary-blog row">
  32.                         {% for card in cards %}
  33.                             <div class="classCatTous PasPadding col-12 col-sm-12 col-md-4 col-lg-4 classCat{{ card.id_leoblogcat }}">
  34.                                 <div class="blog-item">
  35.                                     <div class="blog-image">
  36.                                         <a href="/{{ lang }}/blog/{{ card.link_rewrite }}-b{{ card.id_leoblog_blog }}" title="{{ card.meta_title }}">
  37.                                             <img class="img-responsive" src="/ps/img/leoblog/b/{{ card.id_leoblog_blog }}/370_247/{{ card.image }}" title="{{ card.meta_title }}">
  38.                                         </a>
  39.                                     </div>
  40.                                     <div>
  41.                                         <h4>
  42.                                             <a class="text-wrap" href="/{{ lang }}/blog/{{ card.link_rewrite }}-b{{ card.id_leoblog_blog }}" title="{{ card.meta_title }}">{{ card.meta_title|u.truncate(40, '...', false) }}</a>
  43.                                         </h4>
  44.                                     </div>
  45.                                     <div class="blog-shortinfo text-wrap">{{ card.description|striptags|u.truncate(100, '...', false) }}</div>
  46.                                     <div class="readmore">  
  47.                                         <p><a href="/{{ lang }}/blog/{{ card.link_rewrite }}-b{{ card.id_leoblog_blog }}" class="btn-link" title="{{ card.meta_title }}"></a></p>
  48.                                     </div>
  49.                                 </div>
  50.                             </div>
  51.                         {% endfor %}
  52.                     </div>
  53.                 </div>
  54.             </div>
  55.         </div>
  56.     </div>
  57. {% endblock %}