templates/modul/index.html.twig line 1

Open in your IDE?
  1. {% extends 'siteBase.html.twig' %}
  2. {# Sayfa İstekleri #}
  3. {% set sBoyutlar = 'slider'|ayarlar|split('X') %}
  4. {% set sliders = ''|site_sliders %}
  7. {% block dil %}{{ app.session.get('dil')['kisa'] }}{% endblock %} {# tr or en #}
  8. {% block title %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  9. {% block keywords %}{{ 'keywords'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  10. {% block description %}{{ 'description'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  12. {% block title2 %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  13. {% block description2 %}{{ 'description'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  14. {% block image_alt %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  15. {% block title3 %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  16. {% block description3 %}{{ 'description'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  17. {% block image %}{{ 'siteYolu'|ayarlar~'storage/logo.webp' }}{% endblock %}
  18. {% block image2 %}{{ 'siteYolu'|ayarlar~'storage/logo.webp' }}{% endblock %}
  19. {% block body %}
  20.  
  21.   {#
  22. -- Slider : "sliders" adında bir dizide döndürülmektedir. Dizinin "baslik, aciklama, resim" değişkenleri bulunuyor. Bu bilgiler ile kodlamayınız.
  25. ----------------------------------------------------
  26. #}
  27. <div class="position-relative">
  29. <video
  30.         id="bgVideo"
  31.         autoplay
  32.         muted
  33.         playsinline
  34.         loop
  35.         preload="auto"
  36.         style="width:100%; height:auto; display:block;"
  37. >
  38.     <source src="/slider.mp4" type="video/mp4" />
  39.     Tarayıcınız video etiketini desteklemiyor.
  40. </video>
  42. <script>
  43.     // Bazı tarayıcılarda autoplay engellenirse tekrar dene
  44.     const v = document.getElementById("bgVideo");
  45.     v.play().catch(() => {
  47.         // Autoplay engellendiyse, genelde kullanıcı etkileşimi gerekir.
  48.         // Burada istersen sayfaya tıklayınca başlatma ekleyebilirsin:
  49.         document.addEventListener("click", () => v.play(), { once: true });
  50.     });
  51. </script>
  52.     <div style="background: #000000;background: linear-gradient(180deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 68%);width: 100%;height: 100%;top: 0;position: absolute;"></div>
  53.     <button id="soundBtn" class="btn btn-success btn-sm" style="position:absolute; z-index:10; bottom:30px;left: 30px;">
  54.         <i class="fa fa-volume-high"></i>
  55.     </button>
  56.     <script>
  57.         const video = document.getElementById("bgVideo");
  58.         const btn = document.getElementById("soundBtn");
  60.         btn.onclick = () => {
  61.             video.muted = false;
  62.             video.volume = 1;
  63.             btn.style.display = "none";
  64.         };
  65.     </script>
  66. </div>{#
  67. -- Site Sayfa Verileri : "veriler[8]" adında bir dizi döndürülüyor. 0. elemanı sayfa bilgilerini içerir. 1 elemanı dizidir. Ve sayfa içeriğini döndürür. Bu bilgilere göre kodlama yapınız.  
  68. -- Modül alanları : seourl, sayfabaşlığı, anahtarkelimeler, sayfaaçıklaması, adı, metin, resimler
  69. ** Resimleri çekerken sadece "ornek.jpg|imgOlustur(100,10,'cover')" filtresini kullanmalısın. Bu filtre şu özelliğe sahitir; "ornek.jpg|imgOlustur(yükseklik,radius,'cover/contain')"
  71. ----------------------------------------------------
  72. #}
  75. {#
  76. -- Site Sayfa Verileri : "veriler[8]" adında bir dizi döndürülüyor. 0. elemanı sayfa bilgilerini içerir. 1 elemanı dizidir. Ve sayfa içeriğini döndürür. Bu bilgilere göre kodlama yapınız.  
  77. -- Modül alanları : baslik, metin, resim
  78. ** Resimleri çekerken sadece "ornek.jpg|imgOlustur(100,10,'cover')" filtresini kullanmalısın. Bu filtre şu özelliğe sahitir; "ornek.jpg|imgOlustur(yükseklik,radius,'cover/contain')"
  80. ----------------------------------------------------
  81. #}
  84. <section id="about" class="about-section-2">
  85.     <div class="container">
  86.         <div class="about-content-2">
  87.             <div class="row">
  88.                 <div class="col-lg-6">
  89.                     <div class="about-left-img position-relative">
  90.                         {{ veriler[8][1][0].resim|imgOlustur(750,0,'cover')|raw }}
  91.                     </div>
  92.                 </div>
  93.                 <div class="col-lg-6">
  94.                     <div class="about-right-text">
  95.                         <div class="section-title title-left text-left title-two headline">
  96.                             <span class="title-tag">{{ 'siteAdi'|ayarlar }}</span>
  97.                             <h2>{{ veriler[8][1][0].adi|html_entity_decode|raw }}</h2>
  98.                         </div>
  99.                         <div class="title-text-details">
  100.                            {% set metin = veriler[8][1][0].metin|html_entity_decode|split('</p>') %}
  101.                             {% for key,mm in metin %}
  102.                                 {% if key<3 %}
  103.                                     {{ mm|raw }}</p>
  104.                                 {% endif %}
  105.                             {% endfor %}
  106.                         </div>
  108.                         <div class="about-btn">
  109.                             <a class="d-inline-block text-center" href="{{ veriler[8][1][0].link }}">Daha Fazla  +</a>
  110.                         </div>
  111.                     </div>
  112.                 </div>
  113.             </div>
  114.         </div>
  115.     </div>
  116. </section>{#
  117. -- Site Sayfa Verileri : "veriler[4]" adında bir dizi döndürülüyor. 0. elemanı sayfa bilgilerini içerir. 1 elemanı dizidir. Ve sayfa içeriğini döndürür. Bu bilgilere göre kodlama yapınız.  
  118. -- Modül alanları : seourl, sayfabaşlığı, anahtarkelimeler, sayfaaçıklaması, adı, metin, resimler
  119. ** Resimleri çekerken sadece "ornek.jpg|imgOlustur(100,10,'cover')" filtresini kullanmalısın. Bu filtre şu özelliğe sahitir; "ornek.jpg|imgOlustur(yükseklik,radius,'cover/contain')"
  121. ----------------------------------------------------
  122. #}
  125. <section id="team" class="team-section">
  126.     <div class="container">
  127.         <div class="row">
  128.             <div class="col-lg-5">
  129.                 <div class="section-title title-left text-left title-two headline">
  130.                     <span class="title-tag">{{ 'siteAdi'|ayarlar }}</span>
  131.                     <h2>{{ veriler[4][0].adi }}</h2>
  132.                 </div>
  133.             </div>
  134.         </div>
  135.     </div>
  136.     <div class="team-member-area">
  137.         <div id="team-slider-id_4" class="team-slider-area owl-carousel">
  139.             {% for veri in veriler[4][1] %}
  141.             <div class="team-member-img-text">
  142.                 <a href="{{ veri.link }}">
  143.                 <div class="team-member-img position-relative">
  144.                     {{ veri.resimler|split(',')[0]|imgOlustur(320,0,'cover')|raw }}
  147.                 </div>
  148.                 <div class="team-member-text text-center headline">
  149.                     <h3><a href="#">{{ veri.adi|html_entity_decode|raw }}</a></h3>
  150.                 </div>
  151.                 </a>
  152.             </div>
  154.             {% endfor %}
  158.         </div>
  159.     </div>
  160. </section>{#
  161. -- Site Sayfa Verileri : "veriler[6]" adında bir dizi döndürülüyor. 0. elemanı sayfa bilgilerini içerir. 1 elemanı dizidir. Ve sayfa içeriğini döndürür. Bu bilgilere göre kodlama yapınız.  
  162. -- Modül alanları : seourl, sayfabaşlığı, anahtarkelimeler, sayfaaçıklaması, adı, metin, resimler
  163. ** Resimleri çekerken sadece "ornek.jpg|imgOlustur(100,10,'cover')" filtresini kullanmalısın. Bu filtre şu özelliğe sahitir; "ornek.jpg|imgOlustur(yükseklik,radius,'cover/contain')"
  165. ----------------------------------------------------
  166. #}
  169. <section id="team" class="team-section">
  170.     <div class="container">
  171.         <div class="row">
  172.             <div class="col-lg-5">
  173.                 <div class="section-title title-left text-left title-two headline">
  174.                     <span class="title-tag">{{ 'siteAdi'|ayarlar }}</span>
  175.                     <h2>{{ veriler[6][0].adi }}</h2>
  176.                 </div>
  177.             </div>
  178.         </div>
  179.     </div>
  180.     <div class="team-member-area">
  181.         <div id="team-slider-id_6" class="team-slider-area owl-carousel">
  183.             {% for veri in veriler[6][1] %}
  185.             <div class="team-member-img-text">
  186.                 <a href="{{ veri.link }}">
  187.                 <div class="team-member-img position-relative">
  188.                     {{ veri.resimler|split(',')[0]|imgOlustur(320,0,'cover')|raw }}
  191.                 </div>
  192.                 <div class="team-member-text text-center headline">
  193.                     <h3><a href="#">{{ veri.adi|html_entity_decode|raw }}</a></h3>
  194.                 </div>
  195.                 </a>
  196.             </div>
  198.             {% endfor %}
  202.         </div>
  203.     </div>
  204. </section>
  205.                     
  206.                     {% endblock %}
  207. {% block javascripts %}{% endblock %}