templates/theme/default/home.html.twig line 1

Open in your IDE?
  1. {% extends 'theme/default/layout.html.twig' %}
  3. {% block header_data %}data-transparency="transparent"{% endblock %}
  5. {% block extended_stylesheets %}
  6.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css">
  7.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css">
  8. {% endblock extended_stylesheets %}
  10. {% block main %}
  11.     <div class="page-home">
  12.         {% for _block in page.template.blocks %}
  13.             {# Include block templates #}
  14.             {% include 'theme/default/blocks/' ~ _block.block.identifier ~ '.html.twig' ignore missing with { 'contents': contents } %}
  15.         {% endfor %}
  16.     </div>
  17. {% endblock main %}
  19. {% block extended_javascripts %}
  20. {% endblock extended_javascripts %}
  23. {% block extended_page_javascripts %}
  24.     <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
  25.     <script>
  26.         $(document).ready(function() {
  27.             $('#articles').slick({
  28.                 dots: true,
  29.                 arrows: false,
  30.                 infinite: false,
  31.                 centerMode: true,
  32.                 slidesToShow: 3,
  33.                 responsive: [
  34.                     {
  35.                     breakpoint: 769,
  36.                         settings: {
  37.                             slidesToShow: 2
  38.                         }
  39.                     },
  40.                     {
  41.                     breakpoint: 480,
  42.                         settings: {
  43.                             slidesToShow: 1
  44.                         }
  45.                     }
  46.                 ]
  47.             });
  48.             $('#articles').slick('slickNext');
  51.             /* Activités */
  52.             $('#activities-slider').slick({
  53.                 dots: true,
  54.                 arrows: false,
  55.                 infinite: false,
  56.                 centerMode: false,
  57.                 slidesToShow: 1,
  58.                 adaptiveHeight: false,
  59.                 cssEase: 'linear'
  60.             });
  62.         });
  63.     </script>
  64. {% endblock extended_page_javascripts %}