templates/vitrine/lexend/page_article.html.twig line 1

Open in your IDE?
  1. {% extends 'vitrine/lexend/layout.html.twig' %}
  3. {% set paramArticle = getCoreToolsList("article") %}
  4. {% set endtitle_article = paramArticle['websitename_endarticle'] %}
  6. {% block title %}{{ article.title }} {{ endtitle_article }}{% endblock title %}
  7. {% block description %}{{ article.shortDescription }}{% endblock description %}
  8. {% block robots %}index,follow{% endblock robots %}
  10. {#% block meta_social %}{{ parent() }}{% include "/vitrine/components/socialmedia_articles.html.twig" with { 'social_type':'article','article':article } %}{% endblock meta_social %#}
  11. {% block meta %}{{ parent() }}{% if article.author is not null %}{% if article.author is not empty %}<meta name="author" content="{{ article.author }}" />{% endif %}{% endif %}{% endblock meta %}
  12. {% block canonical %}{% include "/vitrine/lexend/articles/components/canonical.html.twig" with {'article':article} %}{% endblock canonical %}
  14. {% block body_header %}
  15.     {% embed "/vitrine/lexend/components/header.html.twig" with {'navcolor':'blue','navtype':'default'} %}
  16.         {% block header_content %}
  17.             {% include "/vitrine/lexend/articles/components/languages.html.twig" %}
  18.         {% endblock %}
  19.         {% block header_content2 %}
  20.             {% include "/vitrine/lexend/articles/components/languages_mobile.html.twig" %}
  21.         {% endblock %}
  22.     {% endembed %}
  23. {% endblock body_header %}
  25. {% block body %}
  26.     <div class="post type-post single-post py-4 lg:py-6 xl:py-9" style="margin-top:50px;">
  27.         <div class="container max-w-xl">
  29.             <div class="post-header" style="margin-bottom:40px;">
  30.                 <div class="panel vstack gap-4 md:gap-6 xl:gap-8 text-center">
  31.                     <div class="panel vstack items-center max-w-400px sm:max-w-500px xl:max-w-md mx-auto gap-2 md:gap-3">
  32.                         <h1 class="h4 sm:h2 lg:h1 xl:display-6">{{ article.title }}</h1>
  33.                     </div>
  34.                 </div>
  35.             </div>
  37.             <div class="section" style="margin-top:-40px;">
  38.                 <div class="container">
  39.                     <div class="panel py-4 lg:py-6 xl:py-8">
  40.                         <div class="row child-cols-12 g-2 lg:g-4 xl:g-8">
  41.                             <div class="md:col-4 order-0">
  42.                                 <div>
  43.                                     <div class="widget featured-widget vstack gap-2 lg:gap-4 p-2 py-3 lg:p-4 lg:py-5 rounded-1-5 lg:rounded-2" style="background-color:#DFF5DD;">
  44.                                         <div class="widget-title text-center">
  45.                                             <h2 class="h4 m-0">Sommaire</h2>
  46.                                         </div>
  47.                                         <div>
  49.                                             <div class="summary" style="margin:-20px;">
  50.                                                 {{ autosummary(article.description)|raw }}
  51.                                             </div>
  53.                                         </div>
  54.                                     </div>
  55.                                 </div>
  56.                             </div>
  57.                             <div class="md:col-8 order-1">
  59.                                 <div id="single-post" class="post-content panel fs-6 md:fs-5">
  60.                                     {{ autosummaryID(article.description)|raw }}
  61.                                 </div>
  63.                             </div>
  64.                         </div>
  65.                     </div>
  66.                 </div>
  67.             </div>
  69.             {% if getEnv("KERNEL_APPLICATION") == "whileresume" %}
  70.                 {% if app.request.locale == "fr" %}
  71.                     <div id="pre_cta" class="pre-cta section panel overflow-hidden">
  72.                         <div class="section-outer panel pb-4 sm:pb-6 xl:pb-9">
  73.                             <div class="container max-w-xl">
  74.                                 <div class="section-inner panel p-4 md:p-6 lg:p-8 rounded-1-5 lg:rounded-2 bg-secondary dark:bg-gray-800 dark:text-white" data-anime="onview: -200; translateY: [24, 0]; opacity: [0, 1]; easing: easeOutCubic; duration: 500;" style="transform: translateY(0px); opacity: 1;">
  75.                                     <div class="vstack items-center gap-2 mx-auto text-center" data-anime="onview: -200; targets: &gt;*; translateY: [48, 0]; opacity: [0, 1]; easing: easeOutCubic; duration: 500; delay: anime.stagger(100, {start: 200});">
  77.                                         <h2 class="h3 m-0">
  78.                                             Whileresume met en relation des talents avec des entreprises en forte croissance
  79.                                         </h2>
  81.                                         <div class="row" style="margin-top:15px;">
  82.                                             <div class="col-md-6">
  83.                                                 <div style="background-color:white; text-align:left; border-radius:20px; padding:20px;">
  84.                                                     <h3 class="h3 m-0" style="color:green;">Recruteur</h3>
  85.                                                     <p class="fs-6 text-dark dark:text-white text-opacity-70" style="margin-top:10px;">
  86.                                                         On connecte les meilleurs talents du marché aux entreprises en croissance qui recherchent des collaborateurs d'exception.
  87.                                                     </p>
  89.                                                     <a href="{{ path('whileresume_business_' ~ app.request.locale) }}" class="btn btn-md btn-primary rounded-default text-white shadow-xs" style="margin-top:10px;">Je recrute <i class="icon-2 unicon-arrow-up-right rtl:-rotate-90"></i></a>
  90.                                                 </div>
  91.                                             </div>
  92.                                             <div class="col-md-6">
  94.                                                 <div style="background-color:white; text-align:left; border-radius:20px; padding:20px;">
  95.                                                     <h3 class="h3 m-0" style="color:green;">Candidat</h3>
  96.                                                     <p class="fs-6 text-dark dark:text-white text-opacity-70" style="margin-top:10px;">
  97.                                                         On vous accompagne dans la recherche de votre poste idéal au sein des entreprises les plus prometteuses du marché.
  98.                                                     </p>
  100.                                                     <a href="{{ path('whileresume_resume_' ~ app.request.locale) }}" class="btn btn-md btn-primary rounded-default text-white shadow-xs" style="margin-top:10px;">Je cherche un job <i class="icon-2 unicon-arrow-up-right rtl:-rotate-90"></i></a>
  101.                                                 </div>
  103.                                             </div>
  104.                                         </div>
  108.                                     </div>
  109.                                 </div>
  110.                             </div>
  111.                         </div>
  112.                     </div>
  113.                 {% elseif app.request.locale == "en" %}
  114.                     <div id="pre_cta" class="pre-cta section panel overflow-hidden">
  115.                         <div class="section-outer panel pb-4 sm:pb-6 xl:pb-9">
  116.                             <div class="container max-w-xl">
  117.                                 <div class="section-inner panel p-4 md:p-6 lg:p-8 rounded-1-5 lg:rounded-2 bg-secondary dark:bg-gray-800 dark:text-white" data-anime="onview: -200; translateY: [24, 0]; opacity: [0, 1]; easing: easeOutCubic; duration: 500;" style="transform: translateY(0px); opacity: 1;">
  118.                                     <div class="vstack items-center gap-2 mx-auto text-center" data-anime="onview: -200; targets: &gt;*; translateY: [48, 0]; opacity: [0, 1]; easing: easeOutCubic; duration: 500; delay: anime.stagger(100, {start: 200});">
  120.                                         <h2 class="h3 m-0">
  121.                                             Whileresume connects talent with fast-growing companies
  122.                                         </h2>
  124.                                         <div class="row" style="margin-top:15px;">
  125.                                             <div class="col-md-6">
  126.                                                 <div style="background-color:white; text-align:left; border-radius:20px; padding:20px;">
  127.                                                     <h3 class="h3 m-0" style="color:green;">Recruiter</h3>
  128.                                                     <p class="fs-6 text-dark dark:text-white text-opacity-70" style="margin-top:10px;">
  129.                                                         We connect the best talent in the market to growing companies looking for exceptional employees.
  130.                                                     </p>
  132.                                                     <a href="{{ path('whileresume_business_' ~ app.request.locale) }}" class="btn btn-md btn-primary rounded-default text-white shadow-xs" style="margin-top:10px;">I'm recruiting <i class="icon-2 unicon-arrow-up-right rtl:-rotate-90"></i></a>
  133.                                                 </div>
  134.                                             </div>
  135.                                             <div class="col-md-6">
  137.                                                 <div style="background-color:white; text-align:left; border-radius:20px; padding:20px;">
  138.                                                     <h3 class="h3 m-0" style="color:green;">Candidate</h3>
  139.                                                     <p class="fs-6 text-dark dark:text-white text-opacity-70" style="margin-top:10px;">
  140.                                                         We support you in finding your ideal position within the most promising companies in the market.
  141.                                                     </p>
  143.                                                     <a href="{{ path('whileresume_resume_' ~ app.request.locale) }}" class="btn btn-md btn-primary rounded-default text-white shadow-xs" style="margin-top:10px;">I'm looking for a job <i class="icon-2 unicon-arrow-up-right rtl:-rotate-90"></i></a>
  144.                                                 </div>
  146.                                             </div>
  147.                                         </div>
  151.                                     </div>
  152.                                 </div>
  153.                             </div>
  154.                         </div>
  155.                     </div>
  156.                 {% endif %}
  157.             {% endif %}
  159.         </div>
  160.     </div>
  161.     {% if article.ctaHTML is not empty  %}{{ article.ctaHTML|raw }}{% endif %}
  162. {% endblock body %}