| | |
| | | {{ $featured_image := .Params.featured_image }} |
| | | <article class="bb b--black-10"> |
| | | <a class="db pv4 ph3 ph0-l no-underline dark-gray dim" href="{{ .URL }}"> |
| | | <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"> |
| | | <img src="{{ $featured_image }}" class="db" alt="image from {{ .Title }}"> |
| | | <a href="{{.URL}}" class="db grow"> |
| | | <img src="{{ $featured_image }}" class="img" alt="image from {{ .Title }}"> |
| | | </a> |
| | | </div> |
| | | {{ end }} |
| | | <div class="w-100{{ if .Params.featured_image }} w-60-ns pl3-ns{{ end }}"> |
| | | <h1 class="f3 fw1 athelas mt0 lh-title">{{ .Title }}</h1> |
| | | <div class="f6 f5-l lh-copy nested-copy-line-height"> |
| | | <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 "read more" }}</a> |
| | | {{/* TODO: add author |
| | | <p class="f6 lh-copy mv0">By {{ .Author }}</p> */}} |
| | | </div> |
| | | </div> |
| | | </a> |
| | | </div> |
| | | </article> |