templates/Default/formation.html.twig line 1

Open in your IDE?
  1. {% set title = item.label %}
  2. {% set description = item.description %}
  3. {% set menu = 'formations' %}
  4. {% extends 'Default/base.html.twig' %}
  6. {% block content %}
  7. <style>
  8.     ul{margin-left: var(--25px)}
  9. </style>
  10. <div id="formation" class='relative gpadding {{desktop("vt-80-in")}} {{mobile("vt-30-in")}} '>
  11.     {% set content = item.details|summary %}
  12.     <div id="article" class='{{desktop("flex row top")}} {{mobile("")}}'>
  13.         {% set hasSidebar = content.summary|length > 20 %}
  14.         <div class='border-right border-1x border-solid border-gray-alt hoverflow {{desktop("third-40 right-80")}} {{mobile("w100 bottom-20")}}'>
  15.             <ul class='list h5 upper success'>
  16.                 {{ content.summary|raw }}
  17.             </ul>
  18.         </div>
  19.         <div class='w100 {{desktop("")}} {{mobile("")}} '>
  20.             <div class='article h6 text-justify light'>
  21.             {{ content.content|raw }}
  22.             </div>
  24.             {% for o in item.thematics %}
  25.             {% if o.isEnabled %}
  26.             <h3 class="h5 upper medium success top-20 lh-1x flex row">
  27.                 <i class="bg-success-alt bold hz-15-in vt-7-in radius-top-30 flex row middle right-10 white">{{loop.index}}</i>
  28.                 <span class="vt-7-in">{{o.label}}</i>
  29.             </h3>
  30.             <div class="bg-white shadow padding-30">
  32.                 {% if o.domain %}
  33.                 <div class="flex col w100">
  34.                     <h4 class="success-alt h5 upper semibold">Domaine :</h4>
  35.                     <label class="h5">{{o.domain.label}}</label>
  36.                 </div>
  37.                 {% endif %}
  38.                 {% if o.mainObjective %}
  39.                 <div class="flex col w100 border-bottom border-solid border-white border-1x vt-20-in">
  40.                     <h4 class="success-alt h5 upper semibold">Objectif général :</h4>
  41.                     {{o.mainObjective|markdown_to_html}}
  42.                 </div>
  43.                 {% endif %}
  44.                 {% if o.specificsObjectives %}
  45.                 <div class="flex col w100 border-bottom border-solid border-white border-1x vt-20-in">
  46.                     <h4 class="success-alt h5 upper semibold">Objectifs spécifiques :</h4>
  47.                     {{o.specificsObjectives|markdown_to_html}}
  48.                 </div>
  49.                 {% endif %}
  50.                 {% if o.target %}
  51.                 <div class="flex col w100 border-bottom border-solid border-white border-1x vt-20-in">
  52.                     <h4 class="success-alt h5 upper semibold">Public cible :</h4>
  53.                     {{o.target|markdown_to_html}}
  54.                 </div>
  55.                 {% endif %}
  57.                 {% if o.details %}
  58.                 <div class="flex col w100 border-bottom border-solid border-white border-1x vt-20-in">
  59.                     {{o.details|raw}}
  60.                 </div>
  61.                 {% endif %}
  63.                 {% if o.cost or o.duration %}
  64.                 <div class="flex row wrap left">
  65.                     {% if o.cost %}
  66.                     <div class="flex row radius-30 shadow-alt right-20">
  67.                         <span class="radius-30 bg-success-alt hz-15-in vt-10-in"><i class="fa fa-coins"></i></span>
  68.                         <label class="flex row middle hz-15-in vt-7-in">{{o.cost}}</label>
  69.                     </div>
  70.                     {% endif %}
  71.                     {% if o.duration %}
  72.                     <div class="flex row radius-30 shadow-alt">
  73.                         <span class="radius-30 bg-success-alt hz-15-in vt-10-in"><i class="fa fa-clock"></i></span>
  74.                         <label class="flex row middle hz-15-in vt-7-in">{{o.duration}}</label>
  75.                     </div>
  76.                     {% endif %}
  77.                 </div>
  78.                 {% endif %}
  79.             </div>
  80.             {% endif %}
  81.             {% endfor %}
  84.             {% if item.album and item.album.pictures|length %}
  85.             <h2 class='h3 top-40'>{{item.album.title ? item.album.title : "Album photos"}}</h2>
  86.             <figure class="bg-white slide-box mrect slide-container fill nohover relative top-40" tabindex="1">
  87.                 <div class="fill slides radius-10 adapt">
  88.                 {% for o in item.album.pictures %}
  89.                 <div class='relative slide {{loop.index == 1 ? "active"}}'>
  90.                     <img src='{{asset(o)}}' class='contain'/>
  91.                 </div>
  92.                 {% endfor %}
  93.                 </div>
  94.                 <span class="slide-prev radius-50 h100 padding-30 absolute top left pointer" data-target="#article .slide-box">
  95.                     <span class="fill flex col middle"><i class="flex col middle fa fa-chevron-left h1 white shadow-alt"></i></span>
  96.                 </span>
  97.                 <span class="slide-next radius-50 h100 padding-30 absolute top right pointer"  data-target="#article .slide-box">
  98.                     <span class="fill flex col middle"><i class="flex col middle fa fa-chevron-right h1 white shadow-alt"></i></span>
  99.                 </span>
  100.             </figure>
  101.             {% endif %}
  102.         </div>
  103.     </div>
  104. </div>
  105. {% endblock %}