{{ define "main" }}
<link rel="stylesheet" href="/css/carousel.css">
<script defer src="/js/carousel.js"></script>
<section class="carousel">
  <div class="carousel-inner">
    {{ range $index, $img := .Params.images }}
      <div class="carousel-item {{ if eq $index 0 }}active{{ end }}">
        <img src="{{ $img }}" alt="Slide {{ add $index 1 }}">
      </div>
    {{ end }}
  </div>
  <button class="prev">&#10094;</button>
  <button class="next">&#10095;</button>
</section>
{{ end }}