Use .Render for summary and summary-with-image throughout (#498)
This commit is contained in:
parent
d644dfbe42
commit
8cd36f504e
10 changed files with 66 additions and 26 deletions
|
@ -6,7 +6,7 @@
|
|||
<section class="flex-ns flex-wrap justify-around mt5">
|
||||
{{ range .Paginator.Pages }}
|
||||
<div class="relative w-100 w-30-l mb4 bg-white">
|
||||
{{- partial "summary.html" . -}}
|
||||
{{ .Render "summary" }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</section>
|
||||
|
|
29
layouts/_default/summary-with-image.html
Normal file
29
layouts/_default/summary-with-image.html
Normal file
|
@ -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="{{.RelPermalink}}" 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="{{.RelPermalink}}" 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="{{.RelPermalink}}" 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>
|
13
layouts/_default/summary.html
Normal file
13
layouts/_default/summary.html
Normal file
|
@ -0,0 +1,13 @@
|
|||
<div class="relative w-100 mb4 bg-white nested-copy-line-height">
|
||||
<div class="bg-white mb3 pa4 gray overflow-hidden">
|
||||
<span class="f6 db">{{ humanize .Section }}</span>
|
||||
<h1 class="f3 near-black">
|
||||
<a href="{{ .RelPermalink }}" class="link black dim">
|
||||
{{ .Title }}
|
||||
</a>
|
||||
</h1>
|
||||
<div class="nested-links f5 lh-copy nested-copy-line-height">
|
||||
{{ .Summary }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
|
@ -14,7 +14,7 @@
|
|||
</a>
|
||||
</h2>
|
||||
{{ range $value.Pages }}
|
||||
{{ partial "summary.html" . }}
|
||||
{{ .Render "summary" }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</section>
|
||||
|
|
|
@ -26,7 +26,7 @@
|
|||
{{/* Range through the first $n_posts items of the section */}}
|
||||
{{ range (first $n_posts $section) }}
|
||||
<div class="relative w-100 mb4">
|
||||
{{ partial "summary-with-image.html" . }}
|
||||
{{ .Render "summary-with-image" }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</section>
|
||||
|
|
15
layouts/partials/func/warn.html
Normal file
15
layouts/partials/func/warn.html
Normal file
|
@ -0,0 +1,15 @@
|
|||
{{/*
|
||||
warn
|
||||
Emits a warning using the theme's Header.
|
||||
|
||||
@author @regisphilibert
|
||||
|
||||
@context String
|
||||
|
||||
@access private
|
||||
|
||||
@example - Go Template
|
||||
{{ partial "func/warn" $message }}
|
||||
*/}}
|
||||
{{ $header := "Ananke Theme Warning" }}
|
||||
{{ warnf "\n%s:\n%s" $header . }}
|
|
@ -1,3 +1,6 @@
|
|||
{{ partial "func/warn" `You are currently using 'partial "summary-with-image"' in your project templates.
|
||||
You should replace it with '.Render "summary-with-image"' as the use of this partial will be deprecated in future releases.
|
||||
More info here: https://github.com/theNewDynamic/gohugo-theme-ananke/releases/tag/v2.8.1` }}
|
||||
{{ $featured_image := partial "func/GetFeaturedImage.html" . }}
|
||||
<article class="bb b--black-10">
|
||||
<div class="db pv4 ph3 ph0-l no-underline dark-gray">
|
||||
|
|
|
@ -1,3 +1,6 @@
|
|||
{{ partial "func/warn" `You are currently using 'partial "summary"' in your project templates.
|
||||
You should replace it with '.Render "summary"' as the use of this partial will be deprecated in future releases.
|
||||
More info here: https://github.com/theNewDynamic/gohugo-theme-ananke/releases/tag/v2.8.1` }}
|
||||
<div class="relative w-100 mb4 bg-white nested-copy-line-height">
|
||||
<div class="bg-white mb3 pa4 gray overflow-hidden">
|
||||
<span class="f6 db">{{ humanize .Section }}</span>
|
||||
|
|
|
@ -9,9 +9,6 @@
|
|||
<aside class="flex-ns flex-wrap justify-around mt5">
|
||||
{{ range .Paginator.Pages }}
|
||||
<div class="relative w-100 w-30-l mb4 bg-white">
|
||||
{{/*
|
||||
Note we can use `.Render` here for items just in this section, instead of a partial to pull in items for the list page. https://gohugo.io/functions/render/
|
||||
*/}}
|
||||
{{ .Render "summary" }}
|
||||
</div>
|
||||
{{ end }}
|
||||
|
|
|
@ -1,20 +0,0 @@
|
|||
<article class="bb b--black-10">
|
||||
<a class="db pv4 ph3 ph0-l no-underline dark-gray dim" href="{{ .RelPermalink }}">
|
||||
<div class="flex flex-column flex-row-ns">
|
||||
{{ $featured_image := partial "func/GetFeaturedImage.html" . }}
|
||||
{{ if $featured_image }}
|
||||
<div class="pr3-ns mb4 mb0-ns w-100 w-40-ns">
|
||||
<img src="{{ $featured_image }}" class="db" alt="image from {{ .Title }}">
|
||||
</div>
|
||||
{{ end }}
|
||||
<div class="w-100{{ if $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">
|
||||
{{ .Summary }}
|
||||
</div>
|
||||
{{/* TODO: add author
|
||||
<p class="f6 lh-copy mv0">By {{ .Author }}</p> */}}
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
Loading…
Reference in a new issue