30 lines
1.3 KiB
HTML
30 lines
1.3 KiB
HTML
|
{{ $featured_image := .Params.featured_image }}
|
||
|
|
<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 .Params.featured_image }}
|
||
|
|
{{/* Trimming the slash and adding absURL make sure the image works no matter where our site lives */}}
|
||
|
|
{{ $featured_image := (trim $featured_image "/") | absURL }}
|
||
|
|
<div class="pr3-ns mb4 mb0-ns w-100 w-40-ns">
|
||
|
|
<a href="{{.URL}}" class="db grow">
|
||
|
|
<img src="{{ $featured_image }}" class="img" alt="image from {{ .Title }}">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
{{ end }}
|
||
|
|
<div class="blah w-100{{ if .Params.featured_image }} w-60-ns pl3-ns{{ end }}">
|
||
|
|
<h1 class="f3 fw1 athelas mt0 lh-title">
|
||
|
|
<a href="{{.URL}}" 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="{{.URL}}" 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>
|