1
Fork 0
theorangeone.net-legacy/layouts/partials/content.html
Jake Howard cd83cbf332
Replace cusotm image loader with object-fit CSS
Because of this, images had to be changed to load async, else pages are crazy intensive to load
2021-07-18 12:36:59 +01:00

35 lines
1.2 KiB
HTML

{{ if and .Params.image (not .Params.hide_header_image) }}
{{ .Scratch.Set "image" .Params.image }}
{{ if hasPrefix .Params.image "resource:" }}
{{ $resource := .Resources.GetMatch (replace .Params.image "resource:" "") }}
{{ .Scratch.Set "image" ($resource.Resize "2000x").RelPermalink }}
{{ else if hasPrefix .Params.image "unsplash:" }}
{{ $unsplash_id := replace .Params.image "unsplash:" "" }}
{{ $query := querify "client_id" (getenv "UNSPLASH_ACCESS_KEY") }}
{{ $unsplash_data := (getJSON "https://api.unsplash.com/photos/" $unsplash_id "?" $query )}}
{{ .Scratch.Set "image" $unsplash_data.urls.full }}
{{ end }}
<img class="mb-3 header-image" src='{{ .Scratch.Get "image" }}' />
{{ end }}
{{ partial "breadcrumbs/index.html" . }}
<h1 class="display-4">{{ .Title }}</h1>
{{ if .Params.subtitle }}
<h5 class="my-3">{{ markdownify .Params.subtitle | emojify }}</h5>
{{ end }}
{{ if .IsPage }}
<p>{{ partial "content-details.html" . }}</p>
{{ end }}
{{ if .Content }}
<hr />
<div class="content mt-3">
{{ if .TableOfContents }}
<div class="float-lg-right ml-lg-3 mb-3 p-3">
{{ .TableOfContents }}
</div>
{{ end }}
{{ .Content }}
</div>
{{ end }}