Files
website/themes/grid-side-old/layouts/partials/project/item.html

38 lines
1.6 KiB
HTML

{{ $baseUrl := $.Site.BaseURL }}
{{ if isset .Params "image" }}
{{ $.Scratch.Set "image" .Params.image }}
{{ else }}
{{ $.Scratch.Set "image" "/img/placeholder.jpg" }}
{{ end }}
{{ $image := $.Scratch.Get "image" | urlize }}
{{ $title := .Title }}
{{ $summary := .Summary }}
{{ $link := .Permalink }}
<!-- TODO: Figure out why line height causes issues here -->
<div class="flex-item flex-item-spacing no-line-height">
<div class="relative lazyload" data-noscript="">
<noscript>
<a href="{{ $link }}">
<div class="project-container rounded-corners z-depth-1">
<div class="project-container-image rounded-corners-top">
{{ if or (or (isset .Params "video_mp4") (isset .Params "video_ogv")) (or (isset .Params "video_webm") (isset .Params "video_3gp")) }}
{{ .Scratch.Set "class" "rounded-corners-top fill-container-width" }}
{{ partial "extra/video.html" . }}
{{ else }}
<img src="{{ $baseUrl }}{{ $image }}" class="fill-container-width rounded-corners-top" />
{{ end }}
</div>
<div class="rounded-corners-bottom center-text project-container-title">
<h4 class="white-text">{{ $title }}</h4>
{{ partial "extra/categories.html" . }}
<span class="separator">|</span>
{{ partial "extra/tags.html" . }}
</div>
</div>
</a>
</noscript>
</div>
</div>