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

Open in your IDE?
  1. {% extends 'frontend/base.html.twig' %}
  2. {% block CSS %}
  3.     <link href="{{asset('build/admin/user.css')}}" rel="stylesheet" type="text/css" />
  4.     {{block('CSS', 'frontend/homepage.html.twig')}}
  5. {% endblock %}
  6. {% block JS %}
  7.     <script src="{{ asset('build/admin/user.js') }}"></script>
  8.     {{block('JS', 'frontend/homepage.html.twig')}}
  9. {% endblock %}
  10. {% block title %}{% endblock %}
  11. {% block metaDescription %}{% endblock %}
  12. {% block content %}
  13.     <section style="width: 80%;margin-left: auto; margin-right: auto;" class="section-blog-archive">
  14.         <!-- Page-Title -->
  15.         <div class="row">
  16.             <div class="col-12">
  17.                 <h4 class="m-t-20 m-b-20">Recettes</h4>
  18.                 <div class="card-deck-wrapper">
  19.                     <div class="card-deck">
  20.                         {% for post in posts %}
  21.                             <div class="card m-b-20">
  22.                                 <a href="{{path('viewRecipe', {'title': post.getUrlTitle, 'id': post.id})}}">
  23.                                     <img class="card-img-top img-fluid" src="{{path('getImageAsCroppedThumb', {'id': post.image.id, 'height': '250', 'width' : '350'})}}" alt="Card image cap">
  24.                                     <div class="card-body">
  25.                                         <h5 class="card-title">{{post.title}}</h5>
  26.                                         <p class="card-text">
  27.                                             {{post.resume | raw}}
  28.                                         </p>
  29.                                         <p class="card-text">
  30.                                         <small class="text-muted">Mise en ligne il y a {{post.dateSince}}</small>
  31.                                         </p>
  32.                                     </div>
  33.                                 </a>
  34.                             </div>
  35.                             {% if loop.index is divisible by (3) %}
  36.                                 </div>
  37.                                 <div class="card-deck">
  39.                             {% endif %}
  40.                         {% endfor %}
  41.                     </div>
  42.                 </div>
  43.             </div>
  44.         </div>
  45.         <!-- end row -->
  46.     </section>
  48. {% endblock %}