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

54 lines
1.9 KiB
HTML
Raw Normal View History

2018-07-01 08:09:29 +00:00
{{ define "main" }}
<div class="container markdown top-pad">
2018-07-06 12:27:34 +00:00
{{ with .Resources.ByType "image" }}
2018-07-01 08:09:29 +00:00
<div class="has-text-centered">
2018-07-06 12:27:34 +00:00
{{ $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 }}
2018-07-01 08:09:29 +00:00
</div>
{{ end }}
{{ .Content }}
</div>
<!-- End post content -->
<div class="disqus">
{{ template "_internal/disqus.html" . }}
</div>
{{ end }}
2018-07-06 12:27:34 +00:00
{{ define "customCSS" }}
2018-07-13 08:55:02 +00:00
{{ $owlCarousel := resources.Get "vendor/owlCarousel/owl.carousel.min.css" }}
{{ $owlCarouselTheme := resources.Get "vendor/owlCarousel/owl.theme.default.min.css" }}
{{ $owlCarouselBundle := slice $owlCarousel $owlCarouselTheme | resources.Concat "/css/owlCarousel.min.css" | fingerprint }}
<link rel="stylesheet" href="{{ $owlCarouselBundle.Permalink }}" integrity="{{ $owlCarouselBundle.Data.Integrity }}" media="screen">
2018-07-06 12:27:34 +00:00
{{ end }}
{{ define "customScripts" }}
2018-07-13 08:55:02 +00:00
{{ $owlCarousel := resources.Get "vendor/owlCarousel/owl.carousel.min.js" | fingerprint }}
<script src="{{ $owlCarousel.Permalink }}" integrity="{{ $owlCarousel.Data.Integrity }}"></script>
2018-07-06 12:27:34 +00:00
<script>
$(document).ready(function(){
$(".owl-carousel").owlCarousel({
loop: true,
nav: true,
margin: 10,
items: 1,
autoHeight: true
});
});
</script>
{{ end }}