mirror of
https://github.com/nunocoracao/blowfish.git
synced 2025-01-23 06:55:43 -06:00
177b0fd567
Currently, the image is resized to be 600px, which will work for most images but caused issues for images which have very wide aspect ratios. This change updates the partials to use a Fill with an appropriate bounding box, rather than a simple resize.
64 lines
No EOL
2.4 KiB
HTML
64 lines
No EOL
2.4 KiB
HTML
{{ with .Params.externalUrl }}
|
|
<a href="{{ . }}" target="_blank" rel="external" class="min-w-full">
|
|
{{ else }}
|
|
<a href="{{ .RelPermalink }}" class="min-w-full">
|
|
{{ end }}
|
|
<div class="border border-neutral-200 dark:border-neutral-700 border-2 rounded overflow-hidden shadow-2xl relative backdrop-blur">
|
|
|
|
{{- with $.Params.images -}}
|
|
{{- range first 6 . }}
|
|
<meta property="og:image" content="{{ . | absURL }}" />{{ end -}}
|
|
{{- else -}}
|
|
{{- $images := $.Resources.ByType "image" -}}
|
|
{{- $featured := $images.GetMatch "*feature*" -}}
|
|
{{- if not $featured }}{{ $featured = $images.GetMatch "{*cover*,*thumbnail*}" }}{{ end -}}
|
|
{{- with $featured -}}
|
|
{{ with .Fill "600x600" }}
|
|
<div class="w-full thumbnail_card nozoom" style="background-image:url({{ .RelPermalink }});"></div>
|
|
{{ end }}
|
|
{{- else -}}
|
|
{{- with $.Site.Params.images }}
|
|
<meta property="og:image" content="{{ index . 0 | absURL }}" />{{ end -}}
|
|
{{- end -}}
|
|
{{- end -}}
|
|
|
|
|
|
{{ if and .Draft .Site.Params.article.showDraftLabel }}
|
|
<span class="absolute top-0 right-0 m-2">
|
|
{{ partial "badge.html" (i18n "article.draft" | emojify) }}
|
|
</span>
|
|
{{ end }}
|
|
|
|
<div class="px-6 py-4">
|
|
|
|
{{ with .Params.externalUrl }}
|
|
<div>
|
|
<div
|
|
class="font-bold text-xl text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral">
|
|
{{ $.Title | emojify }}
|
|
<span class="text-xs align-top cursor-default text-neutral-400 dark:text-neutral-500">
|
|
<span class="rtl:hidden">↗</span>
|
|
<span class="ltr:hidden">↖</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
{{ else }}
|
|
<div class="font-bold text-xl text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
|
|
href="{{ .RelPermalink }}">{{ .Title | emojify }}</div>
|
|
{{ end }}
|
|
|
|
<div class="text-sm text-neutral-500 dark:text-neutral-400">
|
|
{{ partial "article-meta.html" . }}
|
|
</div>
|
|
|
|
{{ if .Params.showSummary | default (.Site.Params.list.showSummary | default false) }}
|
|
<div class="py-1 prose dark:prose-invert">
|
|
{{ .Summary | emojify }}
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
<div class="px-6 pt-4 pb-2">
|
|
|
|
</div>
|
|
</div>
|
|
</a> |