jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-01 04:26:37 -04:00
Code Issues Activity

fix post titles not shrinking on mobile view, and clean up optimize-image partial

Browse Source
This commit is contained in:
Jake Jarvis
2020-07-14 20:29:49 -04:00
parent f5a38a71e9
commit a583a3a0e7
10 changed files with 159 additions and 147 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
layouts/partials/functions/optimize-image.html
View File

@ -1,25 +1,30 @@
{{/* Automatic resizing for HiDPI/retina images */}}
{{/* Automatic scaling/optimization of HiDPI/retina images */}}
{{/* start with the original image located in the requesting page's files */}}
{{ $original := .Page.Resources.GetMatch (.Get "src") }}
{{ .Scratch.Set "image" $original }}
{{ $image := $original }}
{{/* default to page width */}}
{{ $setWidth := .Site.Params.Theme.maxWidth }}
{{/* check if a specific size was requested via a parameter & use that instead */}}
{{ if .Get "width" }}
{{ $setWidth = (int (.Get "width")) }}
{{ end }}
{{/* we want HiDPI images, so make the real image size 2x the display size */}}
{{ $retinaWidth := (mul $setWidth 2) }}
{{ if gt $original.Width $retinaWidth -}}
{{ $finalWidth := (printf "%dx" $retinaWidth) }}
{{ .Scratch.Set "image" ($original.Resize $finalWidth) }}
{{/* only resize image if it's wider than the set width or page width (times 2) */}}
{{ if gt $original.Width $retinaWidth }}
{{/* let .Resize determine the height itself */}}
{{ $image = $original.Resize (printf "%dx" $retinaWidth) }}
{{ end }}
{{ $image := .Scratch.Get "image" }}
{{ $origRatio := (div (float $image.Height) $image.Width) }}
{{/* calculate the final dimensions for <img> to use, keeping original aspect ratio */}}
{{ $aspectRatio := (div (float $image.Height) $image.Width) }}
{{ $displayWidth := $setWidth }}
{{ $displayHeight := (math.Ceil (mul $origRatio $setWidth)) }}
{{ $displayHeight := (math.Ceil (mul $aspectRatio $setWidth)) }}
{{ return (dict "Permalink" $image.Permalink "Width" $displayWidth "Height" $displayHeight "MediaType" $image.MediaType) }}
{{/* kick back an object that acts mostly like a normal image! */}}
{{ return (dict "Permalink" $image.Permalink "Width" $displayWidth "Height" $displayHeight "MediaType" $image.MediaType "originalPermalink" $original.Permalink) }}