templates/timeline/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Portfolio -- TimeLine!{% endblock %}
  5. {% block content %}
  7. <div class="timelines">
  8. Historique
  9. </div>   
  11. <div class="timeline">
  12.     {% for item in timelines %}
  13.     
  14.         {% if loop.index is not divisible by(2) %}
  15.             <div class="timeline__component">
  16.                 <div class="timeline__date timeline__date--right">
  17.                     {{item.date|format_date(locale="fr")}} -- {{ item.date|format_date(locale="fr") }}
  18.                 </div>
  19.             </div>
  20.             <div class="timeline__middle">
  21.                 <div class="timeline__point"></div>
  22.             </div>
  23.             <div class="timeline__component timeline__component--bg">
  24.                 <h2 class="timeline__title">
  25.                     {{ item.label }}
  26.                 </h2>
  27.                 <p class="timeline__paragraph">
  28.                     {{ item.description }}
  29.                 </p>
  30.             </div>
  31.         {% else %}
  32.             <div class="timeline__component timeline__component--bg">
  33.                 <h2 class="timeline__title">
  34.                     {{ item.label }}
  35.                 </h2>
  36.                 <p class="timeline__paragraph">
  37.                     {{ item.description }}
  38.                 </p>
  39.             </div>
  40.         
  41.             <div class="timeline__middle">
  42.                 <div class="timeline__point"></div>
  43.             </div>
  44.             <div class="timeline__component">
  45.                 <div class="timeline__date">
  46.                     {{item.date|format_date(locale="fr")}} -- {{ item.date|format_date(locale="fr") }}
  47.                 </div>
  48.             </div>
  49.         {% endif %}
  50.     {% endfor %}
  51. </div>
  53. {% endblock %}