mirror of
https://github.com/theNewDynamic/gohugo-theme-ananke.git
synced 2025-06-08 17:22:46 +00:00
48 lines
2.5 KiB
HTML
48 lines
2.5 KiB
HTML
{{- $featured_image := partial "func/GetFeaturedImage.html" . -}}
|
|
<article class="bb b--black-10">
|
|
<div class="db pv4 ph3 ph0-l no-underline dark-gray">
|
|
<div class="flex flex-column flex-row-ns">
|
|
{{- if or $featured_image .Params.featured_image -}}
|
|
{{- $default_image_url := "" -}}
|
|
{{- with $featured_image -}}
|
|
{{- $default_image_url = .RelPermalink -}}
|
|
{{- else -}}
|
|
{{- $default_image_url = .Params.featured_image -}}
|
|
{{- end -}}
|
|
{{- /* Trimming the slash and adding absURL make sure the image works no matter where our site lives */ -}}
|
|
{{- $default_image_url := (trim $default_image_url "/") | absURL }}
|
|
<div class="{{ cond (eq $.Site.Language.LanguageDirection "rtl") "pl3-ns" "pr3-ns" }} mb4 mb0-ns w-100 w-40-ns">
|
|
<a href="{{.RelPermalink}}" class="db grow">
|
|
{{- $alt := .Params.featured_image_data.alt | default (i18n "imgAltFromTitle" .) -}}
|
|
{{- $srcset := slice -}}
|
|
{{- /* An image srcset requires both a featured image resource and breakpoints */ -}}
|
|
{{- if and $featured_image .Site.Params.breakpoints -}}
|
|
{{- /* Standard width of image div is 40% (w-40-ns) of a 70% container (w-70-ns) */ -}}
|
|
{{- $target_width := 0.28 -}}
|
|
{{- $srcset = partial "func/GetImageSrcset" (dict "original" $featured_image "target_width" $target_width) -}}
|
|
{{- end -}}
|
|
{{- with $srcset }}
|
|
<img src="{{ $default_image_url }}" srcset="{{ delimit $srcset ", " }}" class="img" alt="{{ $alt }}">
|
|
{{- else }}
|
|
<img src="{{ $default_image_url }}" class="img" alt="{{ $alt }}">
|
|
{{- end -}}
|
|
</a>
|
|
</div>
|
|
{{ end }}
|
|
<div class="blah w-100{{ if or $featured_image .Params.featured_image }} w-60-ns {{ cond (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>
|
|
<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" | default (i18n "readMore") }}</a>
|
|
{{/* TODO: add author
|
|
<p class="f6 lh-copy mv0">By {{ .Author }}</p> */}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|