Browse Source

Be smarter about linking to posts on home page.

Fixes #50

Hugo's `.Summary` did not behave as I expected it to, not stripping out
HTML, so I removed the anchor block from around the posts and moved the
links to the image, title and a read more button.
tags/1.30
budparr 7 years ago
parent
commit
afd2735066
No account linked to committer's email address
1 changed files with 13 additions and 6 deletions
  1. 13
    6
      layouts/partials/summary-with-image.html

+ 13
- 6
layouts/partials/summary-with-image.html View File

{{ $featured_image := .Params.featured_image }} {{ $featured_image := .Params.featured_image }}
<article class="bb b--black-10"> <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"> <div class="flex flex-column flex-row-ns">
{{ if .Params.featured_image }} {{ if .Params.featured_image }}
{{/* Trimming the slash and adding absURL make sure the image works no matter where our site lives */}} {{/* Trimming the slash and adding absURL make sure the image works no matter where our site lives */}}
{{ $featured_image := (trim $featured_image "/") | absURL }} {{ $featured_image := (trim $featured_image "/") | absURL }}
<div class="pr3-ns mb4 mb0-ns w-100 w-40-ns"> <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> </div>
{{ end }} {{ end }}
<div class="w-100{{ if .Params.featured_image }} w-60-ns pl3-ns{{ end }}"> <div class="blah w-100{{ if .Params.featured_image }} w-60-ns pl3-ns{{ end }}">
<h1 class="f3 fw1 athelas mt0 lh-title">{{ .Title }}</h1> <h1 class="f3 fw1 athelas mt0 lh-title">
<div class="f6 f5-l lh-copy nested-copy-line-height"> <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 }} {{ .Summary }}
</div> </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 {{/* TODO: add author
<p class="f6 lh-copy mv0">By {{ .Author }}</p> */}} <p class="f6 lh-copy mv0">By {{ .Author }}</p> */}}
</div> </div>
</div> </div>
</a> </div>
</article> </article>

Loading…
Cancel
Save