templates/front/post.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  2. {% set currentPage = ("navbar.posts")|trans %}
  3. {% block metaTags %}
  4.     <meta name="description" content="{{ post.metaDescription ?? post.intro|raw }}">
  5.     <title>{{ post.metaTitle ?? post.title }}</title>
  6.     <meta property="og:title" content="{{ post.metaTitle ?? post.title }}">
  7.     <meta property="og:description" content="{{ post.metaDescription ?? post.intro|raw }}">
  8.     <meta property="og:image" content="{{ absolute_url(asset(vich_uploader_asset(post, 'postFile'))) }}">
  9.     <meta property="og:url" content="{{ absolute_url(path('front_post', {'slug':post.slug})) }}">
  10. {% endblock %}
  11. {% block body %}
  12.     <section class=" bgc-15683A americanaBold position-relative ">
  13.         <div class="position-absolute d-none d-md-block img-post h-100 bgc-15683A">
  14.             <img  src="{{ asset(vich_uploader_asset(post, 'postFile')) | imagine_filter('medium') }} " class="h-100 w-100 of-cover" alt="{{post.title}}"/>
  15.         </div>
  16.         <div class="container">
  17.             <div class="row row-post align-items-center zi-99">
  18.                 <h1 class="c-white pay-15 fs-42 position-relative zi-9 title-post col-xl-5 col-sm-6 " data-aos="fade-down"   data-aos-duration="800">{{ post.title }}</h1>
  19.             </div>
  20.         </div>
  22.     </section>
  23.     <section>
  24.         <div class="container">
  25.             <div class="mat-30 mab-60">
  26.                 {% include "front/menu.html.twig" with {'menu':{("menu.posts"|trans):path("front_posts"), (post.title) : "#"}} %}
  27.             </div>
  28.             <div class="text-center lh2-14 c-333333 fs-20 fw-700 mab-60" data-aos="fade-up"   data-aos-duration="800">{{ post.intro|raw }}</div>
  30.             {% for key, paragraph in paragraphs %}
  31.                 <div class="row align-items-start text-center text-md-left {{ (loop.last) ? 'mab-70-md mab-50' : 'mab-100-md mab-50' }} post-paragraph {{ loop.index is even ? "flex-row-reverse" }}">
  32.                     <div data-aos="fade-{{ key is even ? "right" : "left" }}" data-aos-duration="800" class="col-md-5  col-sm-9 col-10 pax-0 position-relative img-paragraph mat-5 {{ loop.index is even ? "offset-md-1" : "img-post-relative" }} ">
  33.                         {% if paragraph.youtube %}
  34.                             <div  data-toggle="modal" data-target="#modalVideo{{loop.index}}" class="text-center pointer">
  35.                                 {% if paragraph.paragraphFileName %}
  36.                                     <div class="position-relative img-skew ">
  37.                                         <div class="he-60 wi-60   btn-play position-absolute br-100 m-auto b-0 r-0 d-flex align-items-center justify-content-center t-0 l-0">
  38.                                             <i class="fas fa-play c-15683a fs-20" aria-hidden="true"></i>
  39.                                         </div>
  40.                                         {#                                        <div class=" background" style="background:url({{ asset(vich_uploader_asset(paragraph, 'paragraphFile')) | imagine_filter('medium') }})"></div>#}
  41.                                         <img src="{{ asset(vich_uploader_asset(paragraph, 'paragraphFile')) | imagine_filter('medium') }}"
  42.                                              alt="{% if paragraph.legend %}{{ paragraph.legend }} {% else %} {{ post.title }}{% endif %}"
  43.                                              />
  44.                                     </div>
  45.                                 {% else %}
  46.                                     <div class="bgc-15683a pa-50 skew-green max-20 he-320 skew d-flex position-relative align-items-center justify-content-center">
  47.                                         {#                                    <img src="{{ asset('assets/img/logo.svg') }}" alt="logo Facomia" class="img-white position-relative t-20"/>#}
  48.                                         <div class="he-60 wi-60 skew-text btn-play position-absolute br-100 m-auto b-0 r-0 d-flex align-items-center justify-content-center t-0 l-0">
  49.                                             <i class="fas fa-play c-15683a fs-20" aria-hidden="true"></i>
  50.                                         </div>
  51.                                     </div>
  52.                                 {% endif %}
  53.                             </div>
  55.                         {% else %}
  56.                             {% if paragraph.paragraphFileName %}
  57.                                 <div class="text-center position-relative img-skew">
  58.                                     <img src="{{ asset(vich_uploader_asset(paragraph, 'paragraphFile')) | imagine_filter('medium') }}"
  59.                                          alt="{% if paragraph.legend %}{{ paragraph.legend }} {% else %} {{ post.title }}{% endif %}"
  60.                                          />
  61.                                 </div>
  62.                             {% endif %}
  63.                         {% endif %}
  64.                     </div>
  65.                     <div data-aos="fade-{{ key is even ? "left" : "right" }}" data-aos-duration="800" class="col-md-6 mat-70 mat-0-md col-10 col-sm-9 {{ loop.index is odd ? "offset-md-1"}} pax-0">
  66.                         {% if paragraph.title %}
  67.                             <h2 class='postH2'>
  68.                                 {{ paragraph.title }}
  69.                             </h2>
  70.                         {% endif %}
  71.                         {% if paragraph.content %}
  72.                             <div>
  73.                                 {{ paragraph.content|raw }}
  74.                             </div>
  75.                         {% endif %}
  76.                     </div>
  78.                 </div>
  79.             {% endfor %}
  81.             {% if post.postPdfFileName %}
  82.                 <div class="bgc-F7F6F2 fs-16 may-30-sm mat-15 mab-30 pa-15 d-sm-flex text-center text-sm-left justify-content-between align-items-center" data-link>
  83.                     <div data-aos="fade-right"   data-aos-duration="800" class="col-auto d-flex align-items-center justify-content-center">
  84.                         <i class="fa-solid fa-file-pdf c-15683a mar-12"></i>
  85.                         <a class="c-555555 fw-300 gilroy-light" href="{{ asset(vich_uploader_asset(post, 'postPdfFile')) }}" download="{{ post.pdfName }}">
  86.                             <span class="fw-700 gilroy-bold">{{ post.pdfName }}</span> (pdf - {{ post.postPdfFileSize/1000 }}ko)
  87.                         </a>
  88.                     </div>
  89.                     <div data-aos="fade-left"   data-aos-duration="800" class="col-auto mat-15 mat-0-sm d-flex c-15683a justify-content-center align-items-center">
  90.                         <i class="fa-solid fa-download  mar-12"></i>
  91.                         {{"post.pdf.download.link"|trans}}
  92.                     </div>
  93.                 </div>
  94.             {% endif %}
  95.             <div class="text-center">
  96.                 <div class="d-flex justify-content-center mab-30 c-333333 align-items-center gilroy-bold fs-16" data-aos="fade-right"  data-aos-duration="800" data-aos-delay='200'>
  97.                     <div class="mar-20">
  98.                         {{"post.share.text"|trans}}
  99.                     </div>
  100.                     <div class="sharePost" id="share"
  101.                          data-facebook="{{ asset('assets/img/facebook-brands.svg') }}"
  102.                          data-linkedin="{{ asset('assets/img/linkedin-brands.svg') }}"
  103.                          data-twitter="{{ asset('assets/img/twitter-brands.svg') }}"
  104.                          ></div>
  105.                 </div>
  106.                 <a  data-aos="fade-up"   data-aos-duration="800" href="{{path('front_posts')}}" class="btn skew-custom btn1 bw-0 fw-600 gilroy-semi mab-30"> <i class="fal fa-arrow-left mar-10" aria-hidden="true"></i>{{"post.btn.return"|trans}}</a>
  107.             </div>
  108.         </div>
  109.     </section>
  110.     {% for key, paragraph in paragraphs %}
  111.         {% if paragraph.youtube %}
  112.             <div class="modal fade modalVideo" id="modalVideo{{loop.index}}" tabindex="-1" role="dialog" aria-labelledby="#modalVideo{{loop.index}}Label">
  113.                 <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
  114.                     <div class="modal-content">
  115.                         <div class="modal-body">
  116.                             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  117.                                 <span aria-hidden="true">&times;</span>
  118.                             </button>
  119.                             {{ paragraph.youtube|raw }}
  120.                         </div>
  121.                     </div>
  122.                 </div>
  123.             </div>
  124.         {% endif %}
  125.     {% endfor %}
  126. {% endblock %}