templates/component/introduction.html.twig line 1

Open in your IDE?
  1. {#
  2.     component: introduction
  4.     text: {
  5.         first {string}: Premier texte d'intro
  6.         second {string}: Deuxième texte d'intro
  7.     }
  8. #}
  9. <style>
  10.  {% if props.text.second is defined %}
  11.     {% if props.text.second is empty %}
  12.      .Introduction-first:after,
  13.        .Introduction-component:after {
  14.             display: none;
  15.         }
  16.         .SeaCourse-page .Introduction-first:after,
  17.         .SeaCourse-page .Introduction-component:after {
  18.             display: none;
  19.         }
  20.     {% endif %}
  21. {% endif %}
  22. </style>
  23. {% set props = {
  24.   text: []
  25. }|merge(props|default({}))  %}
  27. <section data-component="introduction" class="Introduction-component">
  29.     <div class="l-container">
  31.         <div
  32.             class="l-row u-center">
  34.             {# Main #}
  35.             <div
  36.                 class="l-column Introduction-main">
  38.                 {# First #}
  39.                 {% if props.text.first is defined %}
  41.                     <div class="Introduction-first">
  43.                         {% include "component/wysiwyg.html.twig" with {
  44.                             props: {
  45.                                 content: props.text.first
  46.                             }
  47.                         } %}
  49.                     </div>
  51.                 {% endif %}
  53.                 {# Second #}
  54.                 {% if props.text.second is defined and props.text.second is not empty  %}
  56.                     <div class="Introduction-second">
  58.                         {% include "component/wysiwyg.html.twig" with {
  59.                             props: {
  60.                                 content: props.text.second
  61.                             }
  62.                         } %}
  63.                     </div>
  64.                     
  65.                 {% endif %}
  67.             </div>
  69.         </div>
  71.     </div>
  73. </section>