templates/front/post.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  2. {% set currentPage = "navbar.posts"|trans %}
  3. {% set h1 = post.h1 %}
  4. {% block metaTags %}
  5.     <meta name="description" content="{{ post.metaDescription }}">
  6.     <title>{{ post.metaTitle ?? post.title }}</title>
  7.     <meta property="og:title" content="{{ post.metaTitle }}">
  8.     <meta property="og:description" content="{{ post.metaDescription }}">
  9.     <meta property="og:image" content="{{ absolute_url(asset(vich_uploader_asset(post, 'postFile'))) }}">
  10.     <meta property="og:url" content="{{ absolute_url(path('front_post', {'slug':post.slug})) }}">
  11. {% endblock %}
  12. {% block body %}
  13.     <section class="position-relative pab-100 section-grey pat-70 text-center text-md-left">
  14.         <div class="container position-relative zi-9">
  15.             {% include "front/menu.html.twig" with {'menu':{("menu.posts"|trans):path("front_posts"), (post.title) : "#"}} %}
  16.             <h2 data-aos="fade-up"  data-aos-duration="800"  class="text-center titleh1 mab-10">{{ post.title }}</h2>
  17.             {% if post.postCategory %}
  18.                 <p data-aos="fade-up"  data-aos-duration="800" data-aos-delay="200" class="text-uppercase fw-500 c-9DC771 ls-custom fs-14 mab-55 text-center">{{ post.postCategory.title }}</p>
  19.             {% endif %}
  21.             <div data-aos="fade-up"  data-aos-duration="800" data-aos-delay="400">
  22.                 <img src="{{ asset(vich_uploader_asset(post, 'postFile')) | imagine_filter('medium') }}"
  23.                      alt="{{ post.title }}" class="w-100 he-440 img-fit br-8 mab-70"/>
  24.             </div>
  25.             <div class="container-post mx-auto post-content">
  26.                 <div class="paragraph" data-aos="fade-in"  data-aos-duration="800">{{ post.intro|raw }}</div>
  27.                 {% for key, paragraph in paragraphs %}
  28.                     <div class="may-20 paragraph" data-aos="fade-in"  data-aos-duration="800" data-aos-delay="200">
  29.                         {% if paragraph.content %}
  30.                             {#                    <div style="{% if paragraph.color %}color:{{ paragraph.color }};{% endif %}"> #}
  31.                             {{ paragraph.content|raw }}
  32.                         {% endif %}
  33.                         {% if paragraph.paragraphFileName %}
  34.                             <div class="text-center">
  35.                                 <img src="{{ asset(vich_uploader_asset(paragraph, 'paragraphFile')) | imagine_filter('medium') }}"
  36.                                      alt="{% if paragraph.legend %}{{ paragraph.legend }}{% endif %}"
  37.                                      />
  38.                             </div>
  39.                             {% if paragraph.legend %}
  40.                                 <p class="paragraph text-center">{{ paragraph.legend }}</p>
  41.                             {% endif %}
  42.                         {% endif %}
  43.                     </div>
  44.                 {% endfor %}
  46.                 <div data-aos="fade-up"  data-aos-duration="800" d class="position-relative overflow-hidden br-8 mat-60">
  47.                     <div class="pointer prev-media-slid bgc-F9FAFE position-absolute he-37 br-50 d-flex align-items-center justify-content-center zi-99 wi-37 l-30 t-0 b-0 my-auto">
  48.                         <i class="fa-light fa-arrow-left c-204A9A"></i>
  49.                     </div>
  50.                     <div class="pointer next-media-slid bgc-F9FAFE  position-absolute he-37 wi-37 br-50 d-flex align-items-center justify-content-center  zi-99 r-30 t-0 b-0 my-auto">
  51.                         <i class="fa-light fa-arrow-right c-204A9A"></i>
  52.                     </div>
  53.                     <div class="slick-medias position-relative zi-9">
  54.                         {% for key, postMedia in postMedias %}
  55.                             {% if postMedia.youtube %}
  56.                                 <div class="position-relative">
  57.                                     <div class="bgc-media"></div>
  58.                                     <div type="button" data-toggle="modal" data-target="#mediaModal{{loop.index}}" class="position-absolute he-70 d-flex align-items-center justify-content-center t-0 r-0 b-0 l-0 m-auto bgc-9DC771 wi-70 br-50" >
  59.                                         <i class="fa-solid fa-play c-white fs-17"></i>
  60.                                     </div>
  61.                                     <img src="{{ asset(vich_uploader_asset(postMedia, 'postMediaFile')) | imagine_filter('medium') }}"
  62.                                          alt="{{ postMedia.title }}" class="br-8 he-440 img-fit w-100"/>
  63.                                 </div>
  64.                             {% else %}
  65.                                 <div class="position-relative">
  66.                                     <div class="bgc-media h-100 w-100"></div>
  67.                                     <img src="{{ asset(vich_uploader_asset(postMedia, 'postMediaFile')) | imagine_filter('medium') }}"
  68.                                          alt="{{ postMedia.title }}" class="br-8 he-440 img-fit w-100"/>
  69.                                 </div>
  70.                             {% endif %}
  71.                         {% endfor %}
  72.                     </div>
  73.                 </div>
  74.                 <div data-aos="fade-right"  data-aos-duration="800"  class="pat-60 pab-40" id="share"
  75.                      data-facebook="{{ asset('assets/img/facebook.svg') }}"
  76.                      data-linkedin="{{ asset('assets/img/linkedin.svg') }}"
  77.                      data-twitter="{{ asset('assets/img/tweet.svg') }}"
  78.                      data-pinterest="{{ asset('assets/img/Pinterest.svg') }}"
  79.                      ></div>
  80.                 <a  data-aos="fade-right"  data-aos-duration="800" data-aos-delay="200"class="c-9DC771 fw-600 d-flex align-items-center justify-content-center-sm" href="{{path('front_posts')}}"><i class="fa-solid fa-arrow-left mar-10"></i><span>{{"post.return.link"|trans}}</span></a>
  81.             </div>
  82.         </div>
  83.         <img src="{{ asset('assets/img/Motif.png') }}" alt="background motif" class="uexpmv w-100 b-0 l-0 img-fit position-absolute"/>
  84.     </section>
  85.     <section class="position-relative pat-100 pab-50">
  86.         <div class="container position-relative zi-9">
  87.             <div data-aos="fade-in"  data-aos-duration="800"  class="surtitle text-center c-204A9A fs-16 fw-600 text-uppercase ls-custom2">
  88.                 {{ "post.lastNews.surTitle"|trans }}
  89.             </div>
  90.             <h2 data-aos="fade-in"  data-aos-duration="800" data-aos-delay="200"class="text-center titleh1 mab-10">{{ "post.lastNews.title"|trans }}</h2>
  91.             {% include "front/postsList.html.twig" with {'postDetail':1} %}
  93.         </div>
  94.         <img src="{{ asset('assets/img/Motif.png') }}" alt="background motif" class="uexpmv w-100 b-0 l-0 img-fit position-absolute"/>
  95.     </section>
  96.     {% for key, postMedia in postMedias %}
  97.         {% if postMedia.youtube %}
  98.             <div class="modal fade modalVideo" id="mediaModal{{loop.index}}" tabindex="-1" role="dialog"
  99.                  aria-labelledby="skillYoutubeModalLabel" aria-hidden="true">
  100.                 <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
  101.                     <div class="modal-content">
  102.                         <button type="button" class="close may-0 max-0 pa-0 position-absolute bgc-f8fafc c-204A9A o-100 wi-30 fs-16 he-30 t--15 r--15 zi-999 br-20" data-dismiss="modal" aria-label="Close">
  103.                             <i class="far fa-times" aria-hidden="true"></i>
  104.                         </button>
  105.                         <div class="modal-body">
  106.                             {{ postMedia.youtube|raw }}
  107.                         </div>
  108.                     </div>
  109.                 </div>
  110.             </div>
  111.         {% endif %}
  112.     {% endfor %}
  113. {% endblock %}