aboutsummaryrefslogtreecommitdiff
path: root/themes/ananke/layouts/partials/summary-with-image.html
diff options
context:
space:
mode:
Diffstat (limited to 'themes/ananke/layouts/partials/summary-with-image.html')
-rw-r--r--themes/ananke/layouts/partials/summary-with-image.html29
1 files changed, 29 insertions, 0 deletions
diff --git a/themes/ananke/layouts/partials/summary-with-image.html b/themes/ananke/layouts/partials/summary-with-image.html
new file mode 100644
index 0000000..702a305
--- /dev/null
+++ b/themes/ananke/layouts/partials/summary-with-image.html
@@ -0,0 +1,29 @@
+{{ $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 $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="{{.Permalink}}" 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 pl3-ns{{ end }}">
+ <h1 class="f3 fw1 athelas mt0 lh-title">
+ <a href="{{.Permalink}}" 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="{{.Permalink}}" 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>