hugo-theme-introduction/layouts/projects/single.html

{{ define "main" }}
    <div class="container markdown top-pad">
        {{ with .Resources.ByType "image" }}
        <div class="has-text-centered">
            {{ $moreThenOneImage := gt (len .) 1 }}
            {{ if $moreThenOneImage }}
            <div class="owl-carousel owl-theme">
            {{ end }}
                {{ range sort . "Params.weight" }}
                    {{ $image := .Resize "1000x" }}
                    {{ if $moreThenOneImage }}
                    <div class="item owl-height">
                    {{ end }}
                        <img src="{{ $image.RelPermalink }}" class="img-responsive" alt="{{ $image.Name }}">
                    {{ if $moreThenOneImage }}
                    </div>
                    {{ end }}
                {{ end }}
            {{ if $moreThenOneImage }}
            </div>
            {{ end }}
        </div>
        {{ end }}
        {{ .Content }}
    </div>
    <!-- End post content -->
    <div class="disqus">
        {{ template "_internal/disqus.html" . }}
    </div>
{{ end }}

{{ define "customCSS" }}
<link rel="stylesheet" href="{{ "css/owl.carousel.min.css" | relURL }}">
<link rel="stylesheet" href="{{ "css/owl.theme.default.min.css" | relURL }}">
{{ end }}

{{ define "customScripts" }}
<script src="{{ "js/owl.carousel.min.js" | relURL }}"></script>
<script>
    $(document).ready(function(){
      $(".owl-carousel").owlCarousel({
          loop: true,
          nav: true,
          margin: 10,
          items: 1,
          autoHeight: true
      });
  });
</script>
{{ end }}