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.     {% endembed %}
  20. {% endblock body_header %}
  22. {% block body %}
  23.     <div class="post type-post single-post py-4 lg:py-6 xl:py-9" style="margin-top:50px;">
  24.         <div class="container max-w-xl">
  26.             <div class="post-header" style="margin-bottom:40px;">
  27.                 <div class="panel vstack gap-4 md:gap-6 xl:gap-8 text-center">
  28.                     <div class="panel vstack items-center max-w-400px sm:max-w-500px xl:max-w-md mx-auto gap-2 md:gap-3">
  29.                         <h1 class="h4 sm:h2 lg:h1 xl:display-6">{{ article.title }}</h1>
  30.                     </div>
  31.                 </div>
  32.             </div>
  34.             <div class="section" style="margin-top:-40px;">
  35.                 <div class="container">
  36.                     <div class="panel py-4 lg:py-6 xl:py-8">
  37.                         <div class="row child-cols-12 g-2 lg:g-4 xl:g-8">
  38.                             <div class="md:col-4 order-0">
  39.                                 <div>
  40.                                     <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;">
  41.                                         <div class="widget-title text-center">
  42.                                             <h2 class="h4 m-0">Sommaire</h2>
  43.                                         </div>
  44.                                         <div>
  46.                                             <div class="summary" style="margin:-20px;">
  47.                                                 {{ autosummary(article.description)|raw }}
  48.                                             </div>
  50.                                         </div>
  51.                                     </div>
  52.                                 </div>
  53.                             </div>
  54.                             <div class="md:col-8 order-1">
  56.                                 <div id="single-post" class="post-content panel fs-6 md:fs-5">
  57.                                     {{ autosummaryID(article.description)|raw }}
  58.                                 </div>
  60.                             </div>
  61.                         </div>
  62.                     </div>
  63.                 </div>
  64.             </div>
  66.             {% if getEnv("KERNEL_APPLICATION") == "whileresume" %}
  67.                 {% if app.request.locale == "fr" %}
  68.                     <div id="pre_cta" class="pre-cta section panel overflow-hidden">
  69.                         <div class="section-outer panel pb-4 sm:pb-6 xl:pb-9">
  70.                             <div class="container max-w-xl">
  71.                                 <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;">
  72.                                     <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});">
  74.                                         <h2 class="h3 m-0">
  75.                                             Whileresume met en relation des talents avec des entreprises en forte croissance
  76.                                         </h2>
  78.                                         <div class="row" style="margin-top:15px;">
  79.                                             <div class="col-md-6">
  80.                                                 <div style="background-color:white; text-align:left; border-radius:20px; padding:20px;">
  81.                                                     <h3 class="h3 m-0" style="color:green;">Recruteur</h3>
  82.                                                     <p class="fs-6 text-dark dark:text-white text-opacity-70" style="margin-top:10px;">
  83.                                                         On connecte les meilleurs talents du marché aux entreprises en croissance qui recherchent des collaborateurs d'exception.
  84.                                                     </p>
  86.                                                     <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>
  87.                                                 </div>
  88.                                             </div>
  89.                                             <div class="col-md-6">
  91.                                                 <div style="background-color:white; text-align:left; border-radius:20px; padding:20px;">
  92.                                                     <h3 class="h3 m-0" style="color:green;">Candidat</h3>
  93.                                                     <p class="fs-6 text-dark dark:text-white text-opacity-70" style="margin-top:10px;">
  94.                                                         On vous accompagne dans la recherche de votre poste idéal au sein des entreprises les plus prometteuses du marché.
  95.                                                     </p>
  97.                                                     <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>
  98.                                                 </div>
  100.                                             </div>
  101.                                         </div>
  105.                                     </div>
  106.                                 </div>
  107.                             </div>
  108.                         </div>
  109.                     </div>
  110.                 {% elseif app.request.locale == "en" %}
  111.                     <div id="pre_cta" class="pre-cta section panel overflow-hidden">
  112.                         <div class="section-outer panel pb-4 sm:pb-6 xl:pb-9">
  113.                             <div class="container max-w-xl">
  114.                                 <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;">
  115.                                     <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});">
  117.                                         <h2 class="h3 m-0">
  118.                                             Whileresume connects talent with fast-growing companies
  119.                                         </h2>
  121.                                         <div class="row" style="margin-top:15px;">
  122.                                             <div class="col-md-6">
  123.                                                 <div style="background-color:white; text-align:left; border-radius:20px; padding:20px;">
  124.                                                     <h3 class="h3 m-0" style="color:green;">Recruiter</h3>
  125.                                                     <p class="fs-6 text-dark dark:text-white text-opacity-70" style="margin-top:10px;">
  126.                                                         We connect the best talent in the market to growing companies looking for exceptional employees.
  127.                                                     </p>
  129.                                                     <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>
  130.                                                 </div>
  131.                                             </div>
  132.                                             <div class="col-md-6">
  134.                                                 <div style="background-color:white; text-align:left; border-radius:20px; padding:20px;">
  135.                                                     <h3 class="h3 m-0" style="color:green;">Candidate</h3>
  136.                                                     <p class="fs-6 text-dark dark:text-white text-opacity-70" style="margin-top:10px;">
  137.                                                         We support you in finding your ideal position within the most promising companies in the market.
  138.                                                     </p>
  140.                                                     <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>
  141.                                                 </div>
  143.                                             </div>
  144.                                         </div>
  148.                                     </div>
  149.                                 </div>
  150.                             </div>
  151.                         </div>
  152.                     </div>
  153.                 {% endif %}
  154.             {% endif %}
  156.         </div>
  157.     </div>
  158.     {% if article.ctaHTML is not empty  %}{{ article.ctaHTML|raw }}{% endif %}
  159. {% endblock body %}