changes on summary-with-image.html

This commit is contained in:
Emiliano Tortorella 2019-03-24 23:07:05 -05:00
parent c91d07ed1d
commit c49f13d4e4

View File

@ -1,29 +1,41 @@
{{ $featured_image := .Params.featured_image }} {{ $featured_image := .Params.featured_image }}
<article class="bb b--black-10"> <article class="bb b--black-10">
<div class="db pv4 ph3 ph0-l no-underline dark-gray debug"> <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">
<a href="{{.URL}}" class="db grow"> <div class="pv3-ns">
<img src="{{ $featured_image }}" class="img" alt="image from {{ .Title }}"> <a href="{{.URL}}" class="db grow">
</a> <img src="{{ $featured_image }}" class="img" alt="image from {{ .Title }}">
</a>
<div class="tc">
{{ partial "social-follow.html" . }}
</div>
</div>
</div> </div>
{{ end }} {{ end }}
<div class="blah 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 mv0 lh-title" style="font-family: 'Krub', sans-serif; letter-spacing: 0.1em"> <h1 class="f3 fw1 mv0 lh-title tc" style="font-family: 'Krub', sans-serif; letter-spacing: 0.1em">
<a href="{{.URL}}" class="color-inherit dim link"> <a href="{{.URL}}" class="color-inherit dim link">
{{ .Title }} {{ .Title }}
</a> </a>
</h1> </h1>
<div class="tc">
{{ partial "date.html" . }} {{ partial "date.html" . }}
</div>
<div class="f6 f5-l lh-copy nested-copy-line-height nested-links"> <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> <div class="tc pv2">
<a href="{{.URL}}" class="color-inherit dim link f5">{{$.Param "read_more_copy" | default "read more" }}</a>
</div>
{{/* 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>
</div> </div>