templates/home/index.html.twig line 1

  1. {% extends 'base.html.twig' %}
  2. {% block title %}dsides{% endblock %}
  4. {% block body %}
  6. <main>
  7.     <div class="container-fluid p-0">
  8.         <div class="row g-0">
  9.             {% for project in projects|filter(project => project.isDisplayed and project.isFeatured) %}
  10.                 <div class="col-md-12">
  11.                     {{ include('project/_card_featured.html.twig', {cover: 'cover_420', filter: 'w1600'}) }}
  12.                 </div>
  13.             {% endfor %}
  14.         </div>
  15.     </div>
  17.     <div class="container-fluid pt-5 pb-5 bg-black">
  18.         <div class="m-5 pt-5 pb-5">
  19.             <h1 class="text-center text-white">DSides accompagne les projets de transformation et de design du travail</h1>
  20.         </div>
  21.     </div>
  23.     <div class="container-fluid p-0 sticky-top f_text_serif">
  24.         <div class="list-group list-group-horizontal justify-content-between text-center overflow-auto" id="list-filter" role="tablist">
  25.                 <a class="list-group-item list-group-item-action border-0" data-filter="*">Tout</a>
  26.             {% for category in categories %}
  27.                 {% if category.isMenu %}
  28.                     <a class="list-group-item list-group-item-action border-0" data-filter="{{ '.' ~ category.name|slug('_') }}">
  29.                         <span class="align-middle">{{ category.name|capitalize }}</span>
  30.                     </a>
  31.                 {% endif %}
  32.             {% endfor %}
  33.         </div>
  34.     </div>
  36.     <div class="container-fluid p-0">
  37.         <div id="homeViewArticle" class="grid row row-cols-1 row-cols-md-3 g-0">
  38.             {% for project in projects|filter(project => project.isDisplayed and project.isFeatured == 0) %}
  39.                 {% for category in project.category|filter( category => category.isMenu ) %}
  40.                     <div id="cardView" class="col grid-item {{ category.name|slug('_') }}">
  41.                         <div class="card h-100 border-0 rounded-0 bg-white">
  42.                             {{ include('project/_card.html.twig', {cover: 'cover_300', filter: 'w800'}) }}
  43.                         </div>
  44.                     </div>
  45.                 {% endfor %}
  46.             {% endfor %}
  47.         </div>
  48.     </div>
  49. </main>
  50. {% endblock %}
  51. {% block javascripts %}
  52.     {{ parent() }}
  53.     {{ encore_entry_script_tags('iso') }}
  54. {% endblock %}