templates/main/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %} 
  2. {% block title %}EntradasyTickets.com{% endblock %} 
  3. {% block body %}
  4. <section id="mainPage">
  5.     <div id="mainCarousel" class="carousel slide d-none d-md-block" data-ride="carousel">
  6.         <ol class="carousel-indicators">
  7.             {% for item in eventsFeatured %}
  8.             <li data-target="#mainCarousel" data-slide-to="{{loop.index0}}" class="indicator"></li>
  9.             {% endfor %}
  10.         </ol>
  11.         <div class="carousel-inner">
  12.             {% for item in eventsFeatured %}
  13.             <div class="carousel-item">
  14.                 {% set photo = item.getImage('carousel') %}
  15.                 {% if not photo %}
  16.                     {% set photo = 'default.png' %}
  17.                 {% endif %}
  18.                 <img src="/images/event/{{ photo }}" alt="Slide {{loop.index0}}">
  19.                 <a href="/entradas/{{item.id}}">
  20.                     <div class="carousel-caption text-left">
  21.                         <h1>{{item.name}}</h1>
  22.                         <p>{{item.slogan}}</p>
  23.                     </div>
  24.                 </a>
  25.             </div>
  26.             {% endfor %}
  27.         </div>
  28.         <a class="carousel-control-prev" href="#mainCarousel" role="button" data-slide="prev">
  29.             <i class="fa fa-solid fa-caret-left fa-3x" aria-hidden="true"></i>
  30.               <span class="sr-only">Previous</span>
  31.         </a>
  32.         <a class="carousel-control-next" href="#mainCarousel" role="button" data-slide="next">
  33.             <i class="fa fa-solid fa-caret-right fa-3x" aria-hidden="true"></i>
  34.               <span class="sr-only">Next</span>
  35.         </a>
  36.     </div>
  38.     <section class="container">
  39.         <div class="events">
  40.             {% for event in events %}
  41.             <a class="event-link" href="/entradas/{{event.id}}">
  42.             <div class="card">
  43.                 {% set photo = event.getImage('card') %}
  44.                 {% if not photo %}
  45.                     {% set photo = 'default.png' %}
  46.                 {% endif %}
  47.                 <img src="/images/event/{{ photo }}" class="card-img-top" alt="{{ event.name }}">
  48.                 <div class="card-body">
  49.                     <div class="card-body-text">
  50.                         <p class="card-title">{{event.name}}</p>
  51.                         <div class="card-details">
  52.                             <p class="card-text">{{event.slogan}}</p>
  53.                         </div>
  54.                     </div>
  55.                     <div class="card-body-figures">
  56.                         <div class="semicircle"></div>
  57.                         <div class="cheese"></div>
  58.                         <div class="square"></div>
  59.                         <div class="big-moon"></div>
  60.                         <div class="little-moon"></div>
  61.                     </div>
  63.                 </div>
  64.             </div>
  65.             </a>
  66.             {% endfor %}
  67.         </div>
  69.     </section>
  70.     
  71. </section>
  73. {% endblock %}
  75. {% block javascripts %} 
  76. {{ parent() }}
  77. <script type="text/javascript">
  78. $(document).ready(function() {
  79.     $('.carousel-item:first').addClass('active');
  80.     $('.indicator:first').addClass('active');
  81. });
  83. </script>
  84. {% endblock %}