templates/main/default/blog.html.twig line 1

Open in your IDE?
  1. {% extends 'main_base.html.twig' %}
  2. {% block title %}Blog{% endblock %}
  3. {% block description %}Blog{% endblock %}
  7. {% block content %}
  8.     <style>
  9.         .navbar__section-links__wrapper :not(.BLOG) {
  10.             opacity: 0.4 !important;
  11.         }
  14.         .navbar__section-logo__wrapper-img {
  15.             filter: brightness(0) invert(1) !important;
  16.         }
  18.         .production__section-sliders-slider-description {
  19.             margin-right: 10rem;
  20.         }
  22.         .navbar__section::before {
  23.             content: "";
  24.             position: absolute;
  25.             top: 0;
  26.             right: 0;
  27.             left: 0;
  28.             bottom: 0;
  29.             background: rgba(0, 0, 0, 0.4);
  30.             z-index: -1;
  32.         }
  34.         .navbar__section::after {
  35.             content: "";
  36.             background-image: url("{{ asset('assets/main/images/navbar/navbar-bg-blog.png') }}");
  37.             background-position: center;
  38.             background-size: cover;
  40.             position: absolute;
  41.             top: 0;
  42.             right: 0;
  43.             left: 0;
  44.             bottom: 0;
  45.             z-index: -2;
  47.         }
  49.         .video__section {
  50.             margin-top: 0 !important;
  51.             padding-bottom: 8% !important;
  52.         }
  54.         .blog__section-description h2 {
  55.             margin-right: 0;
  56.         }
  58.         .blog__section-description p {
  59.             padding-right: 35%;
  60.         }
  62.     </style>
  63.     <style>
  64.         {#    <section class="page-section" id="pageBanner">#}
  65.         {#        <img class="banner-img" src="{{ asset('uploads/blog/banner/'~blogDil.blog.banner) }}" alt="">#}
  66.         {#        <div class="box-cover banner-content">#}
  67.         {#            <h1 class="banner-title">COLOSSAE</h1>#}
  68.         {#            <div class="banner-subtitle">{{ blogDil.baslik }}</div>#}
  69.         {#            <a class="slide-to-down" href="#">Aşağı Kaydır</a>#}
  70.         {#        </div>#}
  71.         {#    </section>#}
  73.         {#    <section class="page-section" id="pageContent">#}
  74.         {#        {% for bolum in blogDil.blog.bolumler %}#}
  75.         {#            {% set defaultDil = bolum.diller|filter(d => d.dil.kisaBaslik == app.request.locale)|first %}#}
  76.         {#            <div class="content-row">#}
  77.         {#                <div class="content-box x-align-center">#}
  78.         {#                    <h2 class="box-title">{{ defaultDil.baslik }}</h2>#}
  79.         {#                    {{ defaultDil.metin|raw }}#}
  80.         {#                </div>#}
  81.         {#                <div class="content-box scroll-animation slide-screen">#}
  82.         {#                    {% for resim in bolum.resimler|filter(r => r.del == 0) %}#}
  83.         {#                        <img src="{{ asset('uploads/blog/bolum/'~resim.resim) }}" alt="">#}
  84.         {#                    {% endfor %}#}
  85.         {#                </div>#}
  86.         {#            </div>#}
  87.         {#        {% endfor %}#}
  88.         {#    </section> #}</style>
  89.     <div id="blog">
  90.         {% include 'main/default/loader.html.twig' %}
  91.         {% include 'main/default/cookie.html.twig' %}
  92.         <div class="main-container">
  93.             <div class="blog__section">
  94.                 <div class="blog__section-active__page">
  95.                     <p><a href="{{ path('app_main_default') }}">Elefante</a> / <a class="active" href="">Blog</a></p>
  96.                 </div>
  97.                 {% for blog in blogResim %}
  99.                     {% set classNames = ['', ' blog__flexible__second' ] %}
  100.                     <div class="blog__flexible{{ classNames[loop.index0] ?? classNames|last }}">
  101.                         <div class="blog__column__left blog__column">
  102.                             <div class="blog__link">
  103.                                 <div class="feature__text__paired">
  104.                                     <div class="title__relative">
  105.                                         <h2 class="majortitle">
  106.                                             {% for dil in blog.diller %}
  107.                                                 {{ dil.baslik }}
  108.                                             {% endfor %}
  109.                                         </h2>
  111.                                     </div>
  114.                                     <div class="center__text"><p>
  115.                                             {% for dil in blog.diller %}
  116.                                                 {{ dil.title|raw }}
  117.                                             {% endfor %}
  118.                                         </p>
  119.                                         <p></p>
  120.                                         <p>
  121.                                             {% for dil in blog.diller %}
  122.                                                 {{ dil.description|raw }}
  123.                                             {% endfor %}
  124.                                         </p>
  125.                                     </div>
  126.                                     <div class="lightly__spaced__row__above">
  128.                                         {% for detay in blog.bolumler %}
  130.                                             <a class="btn btn--primary"
  131.                                                href="{{ path('app_main_bolum', {'code': detay.code}) }}">CONTINUE
  132.                                                 READING</a> {% else %}
  133.                                             <a class="btn btn--primary" href="">CONTINUE READING</a>
  134.                                         {% endfor %}
  135.                                     </div>
  136.                                 </div>
  137.                             </div>
  138.                         </div>
  139.                         <div class="blog__column__right blog__column">
  140.                             <a href="" class="blog__link">
  142.                                 <div class="image__overlap">
  143.                                     {% for resim in blog.resimler|filter(r => r.del == 0)|sort((a,b) => a.sira > b.sira) %}
  144.                                         <div class="image__overlap__image overlap__image__{{ loop.index }}">
  145.                                             <div class="image__overlap__wrapper">
  148.                                                 <img
  149.                                                         src="{{ asset('uploads/blog/' ~ resim.resim) }}"
  150.                                                         alt="">
  153.                                             </div>
  154.                                         </div>    {% endfor %}
  156.                                 </div>
  158.                             </a>
  159.                         </div>
  160.                     </div>
  162.                 {% endfor %}
  164.             </div>
  165.         </div>
  166.     </div>
  168. {% endblock %}
  169. {% block body_js %}
  170.     {% include 'main/default/scripts.html.twig' %}
  171. {% endblock %}