src/Modules/Pages/Templates/index.html.twig line 1

Open in your IDE?
  1. {% extends 'templates/base.html.twig' %}
  3. {% block title %}{{ page.name }}{% endblock %}
  5. {% block body %}
  6.     {% if page is defined %}
  7.         <section id="ct_pages" class="{% if isHome is defined %}pag_is_home{% endif %} tpl_detail ct_default" data-controller="core">
  8.             {% if isHome is defined %}
  9.                 <div class="container">
  10.                     <h3 class="title animate__animated" data-animation="animate__fadeIn" invisible>{{ page.name }}</h3>
  11.                     <div id="contentCms" class="content_detail">
  12.                         {{ page.content|raw }}
  13.                     </div>
  14.                 </div>
  15.             {% else %}
  16.                 <div id="backContentTop" {% if page.image is not null or page.children is defined %}class="has_image"{% endif %}>
  17.                     <div class="container">
  18.                         {% if page.children is defined %}
  19.                             <h1 class="title animate__animated" data-animation="animate__fadeIn" invisible {% if page.refCfgThemes is not null %}style="color:{{ page.refCfgThemes.color }};"{% endif %}>{{ page.name }}</h1>
  20.                             {% if page.catchPhrase is not null %}
  21.                                 <div class="catchphrase has-children">{{ page.catchPhrase|raw }}</div>
  22.                             {% endif %}
  23.                             {% set count=0 %}
  24.                             <div class="row bloc_page_children">
  25.                                 {% for child in page.children %}
  26.                                     {% if count == 0 %}
  27.                                         {% set animation="fadeInLeftBig" %}
  28.                                     {% elseif count == 1 %}
  29.                                         {% set animation="fadeInUpBig" %}
  30.                                     {% elseif count == 2 %}
  31.                                         {% set animation="fadeInRightBig" %}
  32.                                         {% set count=0 %}
  33.                                     {% endif %}
  34.                                     {% set count=count+1 %}
  35.                                     {% if child.children is defined %}
  36.                                         <div class="col-xl-4 col-md-6 bloc_page_child has_children animate__animated" data-animation="animate__fadeIn" invisible>
  37.                                             <div class="bloc_img">
  38.                                                 <img class="img-fluid full" src="{% if child.image is null %}{{ config.site.url~img_default }}{% else %}{{ child.image }}{% endif %}" alt="{{ child.name }}" width="510" height="282" data-method="fill" />
  39.                                             </div>
  40.                                             <div class="bloc_content">
  41.                                                 <div class="bloc_page_child_children">
  42.                                                     <h2>
  43.                                                         <a href="{{ path('pages_detail', {'rewrite': child.rewrite}) }}">
  44.                                                             {{ child.name }} <i class="bi bi-chevron-right"></i>
  45.                                                         </a>
  46.                                                     </h2>
  47.                                                     <ul>
  48.                                                     {% for childChild in child.children %}
  49.                                                         <li>
  50.                                                             <a href="{{ path('pages_detail', {'rewrite': childChild.rewrite}) }}">
  51.                                                                 <i class="bi bi-arrow-right"></i> {{ childChild.name }}
  52.                                                             </a>
  53.                                                         </li>
  54.                                                     {% endfor %}
  55.                                                     </ul>
  56.                                                 </div>
  57.                                             </div>
  58.                                         </div>
  59.                                     {% else %}
  60.                                         <div class="col-xl-4 col-md-6">
  61.                                             <a href="{{ path('pages_detail', {'rewrite': child.rewrite}) }}" class="item_bloc">
  62.                                                 <img class="img-fluid img-item" src="{% if child.image is null %}{{ config.site.url~img_default }}{% else %}{{ child.image }}{% endif %}" alt="{{ child.name }}" width="510" height="382" data-method="fill" />
  63.                                                 <div class="caption">
  64.                                                     <h2 class="item_caption_title">{{ child.name }}</h2>
  65.                                                     <img class="img-fluid img_link_arrow" src="{{ config.site.url~"/images/arrow_right.png" }}" alt="right arrow" />
  66.                                                 </div>
  67.                                                 <div class="overlay"></div>
  68.                                             </a>
  69.                                         </div>
  70.                                     {% endif %}
  72.                                 {% endfor %}
  73.                             </div>
  74.                         {% else %}
  75.                             <div class="row">
  76.                                 <div class="{% if page.imageDetail is not null %}col-lg-6{% else %}col-12{% endif %} catchphrase">
  77.                                     <h1 class="title animate__animated" data-animation="animate__fadeIn" invisible {% if page.refCfgThemes is not null %}style="color:{{ page.refCfgThemes.color }};"{% endif %}>{{ page.name }}</h1>
  78.                                     {% if page.catchPhrase is not null %}
  79.                                         {{ page.catchPhrase|raw }}
  80.                                     {% endif %}
  81.                                 </div>
  82.                                 {% if page.imageDetail is not null %}
  83.                                     <div class="col-lg-6 img-bandeau">
  84.                                         <img class="full img-fluid" src="{{ page.imageDetail }}" alt="{{ page.name }}" width="835" height="450" />
  85.                                     </div>
  86.                                 {% endif %}
  87.                             </div>
  88.                             <div class="content_bubbles">
  89.                                 {% include '/public/images/animations/orangebubble.svg' %}
  90.                                 {% include '/public/images/animations/redbubble.svg' %}
  91.                             </div>
  92.                         {% endif %}
  93.                     </div>
  94.                 </div>
  95.                 <div id="backContentBot">
  96.                     <div id="contentCms" class="container content_detail">
  97.                         {{ page.content|raw }}
  98.                         {{ mod_news|raw }}
  99.                     </div>
  100.                 </div>
  101.             {% endif %}
  102.             {% if isHome is defined %}
  103.                 <div class="content_bubbles">
  104.                     {% include '/public/images/animations/orangebubble.svg' %}
  105.                     {% include '/public/images/animations/redbubble.svg' %}
  106.                 </div>
  107.             {% endif %}
  108.         </section>
  109.     {% endif %}
  110. {% endblock %}