templates/articles/experiences.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  2. {# extension.excerpt #}
  3. {% block style %}
  4.     {{ parent() }}
  5.     {% include "css/article-critical-css.html.twig" %}
  6.     {% include "pages/headers/encore-entry-css-files.html.twig" with {file: 'articles_css'} %}
  7.     {% include "pages/headers/encore-entry-css-files.html.twig" with {file: 'sns_icons_css'} %}
  8.     {% if content.adresse is defined and content.adresse is not empty %}
  9.         {% include "pages/headers/encore-entry-css-files.html.twig" with {file: 'map_css'} %}
  10.     {% endif %}
  11.     {% if content.main_content is defined and content.main_content is not empty and content.main_content|length > 0 %}
  12.         {% for data in content.main_content %}
  13.             {% set block = data %}
  14.             {% if data.type == "triple_frame" or
  15.                 data.type == "text_pic" or
  16.                 data.type == "solution_frame" or
  17.                 data.type == "block_wrap" or
  18.                 data.type == "block_blue_back" %}
  19.                 {% include "pages/headers/encore-entry-css-files.html.twig" with {file: 'frame_css'} %}
  20.             {% endif %}
  21.             {% if data.type == "youtube" %}
  22.                 {% include "pages/headers/encore-entry-css-files.html.twig" with {file: 'youtube_css'} %}
  23.             {% endif %}
  24.             {% if data.type == "linked_with" or data.type == "see_more" %}
  25.                 {% include "pages/headers/encore-entry-css-files.html.twig" with {file: 'splide_css'} %}
  26.                 {% include "pages/headers/encore-entry-css-files.html.twig" with {file: 'previews_css'} %}
  27.                 {% include "pages/headers/encore-entry-css-files.html.twig" with {file: 'preview_thematique_css'} %}
  28.             {% endif %}
  29.             {% if data.type == "citation" %}
  30.                 {% include "pages/headers/encore-entry-css-files.html.twig" with {file: 'citation_css'} %}
  31.             {% endif %}
  32.             {% if data.type == "text" %}
  33.                 {% include "pages/headers/encore-entry-css-files.html.twig" with {file: 'freetext_css'} %}
  34.             {% endif %}
  35.         {% endfor %}
  36.     {% endif %}
  37. {% endblock %}
  38. {% block content %}
  39.     {% set values = "" %}
  40.     {% set values = ['Acteurs & territoires', 'Expériences'] %}
  41.     {% include "articles-blocks/breadcrumb.html.twig" with {titles : values} %}
  42.     <div class="main-container w100 plr-1em single-article-container">
  43.         <article>
  44.             <div class="{% if content.header_img is defined and content.header_img is not empty %}main-title{% else %}small-main-title{% endif %} br8 dflex aic jcc">
  45.             {% if content.header_img is defined and content.header_img is not empty %}
  46.                 <img loading="lazy" src="{{ content.header_img.formats['1000x.webp'] }}" srcset="{{ content.header_img.formats['300x.webp'] }} 300w, {{ content.header_img.formats['600x.webp'] }} 600w, {{ content.header_img.formats['1000x.webp'] }} 1000w" sizes="1000px" alt="{{ content.header_img | copyright_or_description_or_title }}" width="{{ content.header_img.fileVersion.properties.width }}" height="{{ content.header_img.fileVersion.properties.height }}">
  47.             {% endif %}
  48.             <div class="zi1 prelative team-project-head dflex jcc aic fdc">
  49.                 <div class="center">
  50.                     <h1 class="{% if content.header_img is defined and content.header_img is not empty %}cwhite{% else %}cblue{% endif %}">{{ content.title }}</h1>
  51.                 </div>
  52.             </div>
  53.             {% if content.header_img is defined and content.header_img is not empty %}
  54.                 <div class="background-color-blue"></div>
  55.             {% endif %}
  56.             </div>
  57.             {% if content.header_img is defined and content.header_img is not empty %}
  58.                 {% if content.header_img.credits and content.header_img.credits is not empty %}
  59.                     <div class="cgrey fs12 lh16 credit mt-8px">&copy; Crédit Photo
  60.                         {{ content.header_img.credits }}</div>
  61.                 {% endif %}
  62.             {% endif %}
  63.             {% include "articles/blocks/article-under-header.html.twig" %}
  64.             {% if content.departement is defined and content.departement is not empty %}
  65.                 <div class="dflex fwwrap">
  66.                     <div class="departement-tag cwhite fw600 departement-exp mb-2em mt-40px">{{ content.departement }}</div>
  67.                 </div>
  68.             {% endif %}
  69.             {% if content.desc is defined and content.desc is not empty %}
  70.                 <div class="actualites-PQNA mb-16px fs20 lh28 f500 cgrey">
  71.                     {{ content.desc|raw }}
  72.                 </div>
  73.             {% endif %}
  74.             <div class="mb-2em dflex w100">
  75.                 {% if extension.excerpt.categories is defined and extension.excerpt.categories is not empty %}
  76.                     <div class="small-thematique-container">
  77.                         {% set categories = extension.excerpt.categories %}
  78.                         {% include "blocks/previews-from-controller/blocks/categories.html.twig" %}
  79.                     </div>
  80.                 {% endif %}
  81.             </div>
  82.             <div class="structure-class">
  83.                 {% if content.societe_porteuse.name is defined and content.societe_porteuse.name  is not empty %}
  84.                     <h2 class="mb-20px structure-class-title">
  85.                         Structure Porteuse :
  86.                         {{ content.societe_porteuse.name }}
  87.                     </h2>
  88.                 {% endif %}
  89.                 {% if content.structure_img is defined and  content.structure_img is not empty %}
  90.                     <div class="br8 dflex aic jcc structure-class-image">
  91.                         <img loading="lazy" src="{{ content.structure_img.formats['1000x.webp'] }}" srcset="{{ content.structure_img.formats['300x.webp'] }} 300w, {{ content.structure_img.formats['600x.webp'] }} 600w, {{ content.structure_img.formats['1000x.webp'] }} 1000w" sizes="1000px" alt="{{ content.structure_img | copyright_or_description_or_title }}" width="{{ content.structure_img.fileVersion.properties.width }}" height="{{ content.structure_img.fileVersion.properties.height }}">
  92.                     </div>
  93.                 {% endif %}
  94.             </div>
  95.             {% if content.adresse is defined and content.adresse is not empty %}
  96.                 {% set map = content.adresse %}
  97.                 {% set display_map = true %}
  98.             {% endif %}
  99.             {% if content.main_content is defined and content.main_content is not empty and content.main_content|length > 0 %}
  100.                 {% for data in content.main_content %}
  101.                     {% if data.type =="text" %}
  102.                         {% include "articles-blocks/freetext.html.twig" %}
  103.                     {% endif %}
  104.                     {% if data.type == "triple_frame" %}
  105.                         {% include "articles-blocks/triple-frame-block.html.twig" %}
  106.                     {% endif %}
  107.                     {% if data.type == "text_pic" %}
  108.                         {% include "blocks/text-pic.html.twig" with {block: data} %}
  109.                     {% endif %}
  110.                     {% if data.type == "citation" %}
  111.                         {% include "articles-blocks/citation.html.twig" %}
  112.                     {% endif %}
  113.                     {% if data.type == "solution_frame" %}
  114.                         {% include "blocks/block-picbkg-frame.html.twig" with {block: data} %}
  115.                     {% endif %}
  116.                     {% if data.type == "block_wrap" %}
  117.                         {% include "articles-blocks/block-wrap.html.twig" %}
  118.                     {% endif %}
  119.                     {% if data.type == "block_blue_back" %}
  120.                         {% include "articles-blocks/block-blue-background.html.twig" %}
  121.                     {% endif %}
  122.                     {% if data.type == "youtube" %}
  123.                         {% set embed_link = data.video_link|replace({'watch?v=' : 'embed/'}) %}
  124.                         {% set embed_link_splitted = embed_link|split('/') %}
  125.                         {% set videoID = embed_link_splitted|last %}
  126.                         {# <div class="youtube_player" videoid="{{ videoID }}" width="560" height="315" theme="theme light" rel="rel 1" controls="controls 1" showinfo="showinfo 1 " autoplay="autoplay 0" mute="mute 1" loop="loop 0" loading="loading 0"></div> TAC #}
  127.                         <div class="video-responsive mt-1em">
  128.                             <lite-youtube videoid="{{ videoID }}" class="br8" params="controls=1&start={{ data.timestamp }}&modestbranding=2&rel=0&enablejsapi=1"></lite-youtube>
  129.                         </div>
  130.                     {% endif %}
  132.                     {% if data.type == 'file' %}
  133.                         {% set block = data %}
  134.                         {% include "blocks/file.html.twig" %}
  135.                     {% endif %}
  136.                 {% endfor %}
  137.             {% endif %}
  138.             {% if display_map is defined and display_map is not empty %}
  139.                 {% include "articles-blocks/simple-map.html.twig" %}
  140.             {% endif %}
  141.             {% if content.main_content is defined and content.main_content is not empty and content.main_content|length > 0 %}
  142.                 {% for data in content.main_content %}
  143.                     {% if data.type == "linked_with" %}
  144.                         {% include "articles-blocks/linked-with.html.twig" %}
  145.                     {% endif %}
  146.                     {% if data.type == "see_more" %}
  147.                         {% include "articles-blocks/see-more.html.twig" %}
  148.                     {% endif %}
  149.                 {% endfor %}
  150.             {% endif %}
  151.         </article>
  152.     </div>
  153. {% endblock %}
  154. {% block javascripts %}
  155.     {% if content.adresse is defined and content.adresse is not empty %}
  156.         {{ encore_entry_script_tags('map') }}
  157.     {% endif %}
  158.     {% if content.main_content|length > 0 %}
  159.         {% for content in content.main_content %}
  160.             {% if content.type == "youtube" %}
  161.                 {{ encore_entry_script_tags('youtube_defer') }}
  162.                 {{ encore_entry_script_tags('lite-youtube') }}
  163.             {% endif %}
  164.         {% endfor %}
  165.     {% endif %}
  166.     {% include "articles/javascripts/base-article-js.html.twig" %}
  167.     {{ parent() }}
  168. {% endblock %}