templates/homepage/index.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}{% endblock %}
  5. {% block body %}
  6.     <div class="page-content">
  7.         {% if intro %}
  8.             <div id="intro" class="container-fluid vh-100">
  9.                 <div class="row h-100 d-flex align-items-center">
  10.                     <div class="col-12">
  11.                         {{ intro.content | raw }}
  12.                     </div>
  13.                 </div>
  14.             </div>
  15.         {% endif %}
  16.         {% if about %}
  17.             <div id="about" class="container-fluid vh-100">
  18.                 <div class="row h-100 d-flex align-items-center">
  19.                     <div class="col-12">
  20.                         {{ about.content | raw }}
  21.                     </div>
  22.                 </div>
  23.             </div>
  24.         {% endif %}
  25.         {% if categories|length > 0 %}
  26.             <div id="timeline" class="container-fluid vh-100">
  27.                 <div class="row h-100">
  28.                     <div class="col-12">
  29.                         <div class="categories h-100 d-flex flex-column justify-content-around">
  30.                             {% for category in categories %}
  31.                                 <div class="category d-flex align-items-center">
  32.                                     <div class="category-title me-5">{{ category.title }}</div>
  33.                                     <div class="category-events d-flex align-items-center">
  34.                                         {% for event in category.warEvents %}
  35.                                             {% dump event %}
  36.                                             <div class="war-event me-4">
  37.                                                 <img src="{{ event.picture }}" alt="">
  38.                                             </div>
  39.                                         {% endfor %}
  40.                                     </div>
  41.                                 </div>
  42.                             {% endfor %}
  43.                         </div>
  44.                     </div>
  45.                 </div>
  46.             </div>
  47.         {% endif %}
  48.     </div>
  49. {% endblock %}