gohugo-theme-ananke/layouts/_default/summary-with-image.html
Patrick Kollitsch 180471112e
refactor: move all template methods to proper GoHugo methods
Signed-off-by: Patrick Kollitsch <patrick@davids-neighbour.com>
2025-03-10 16:29:18 +07:00

30 lines
1.5 KiB
HTML

{{ $featured_image := partials.Include "func/GetFeaturedImage.html" . }}
<article class="bb b--black-10">
<div class="no-underline db pv4 ph3 ph0-l dark-gray">
<div class="flex flex-column flex-row-ns">
{{ if $featured_image }}
{{/* Trimming the slash and adding absURL make sure the image works no matter collections.Where our site lives */}}
<div class="{{ compare.Conditional (compare.Eq $.Site.Language.LanguageDirection "rtl") "pl3-ns" "pr3-ns" }} mb4 mb0-ns w-100 w-40-ns">
<a href="{{.RelPermalink}}" class="db grow">
<img src="{{ $featured_image }}" class="img" alt="image from {{ .Title }}">
</a>
</div>
{{ end }}
<div class="blah w-100{{ if $featured_image }} w-60-ns {{ compare.Conditional (compare.Eq $.Site.Language.LanguageDirection "rtl") "pr3-ns" "pl3-ns" }}{{ end }}">
<h1 class="f3 fw1 athelas mt0 lh-title">
<a href="{{.RelPermalink}}" class="color-inherit dim link">
{{ .Title }}
</a>
</h1>
<div class="f6 f5-l lh-copy nested-copy-line-height nested-links">
{{ .Summary }}
</div>
{{ with .Params.author | compare.Default .Site.Params.author }}
<p class="f6 lh-copy mv0">By {{ . }}</p>
{{- end -}}
<a href="{{.RelPermalink}}" class="ba b--moon-gray bg-light-gray br2 color-inherit dib f7 hover-bg-moon-gray link mt2 ph2 pv1">{{ $.Param "read_more_copy" | compare.Default (lang.Translate "readMore") }}</a>
</div>
</div>
</div>
</article>