Use .Render for summary and summary-with-image throughout (#498)

Regis Philibert

19.24.2022 8cd36f504e1824895a0ab60db52179319a668172

Use .Render for summary and summary-with-image throughout (#498)

 layouts/_default/list.html

@@ -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>

 layouts/_default/summary-with-image.html

New 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>

 layouts/_default/summary.html

New 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>

 layouts/_default/terms.html

@@ -14,7 +14,7 @@
          </a>
        </h2>
        {{ range $value.Pages }}
          {{ partial "summary.html" . }}
          {{ .Render "summary" }}
        {{ end }}
      {{ end }}
    </section>

 layouts/index.html

@@ -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>

 layouts/partials/func/warn.html

New 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 . }}

 layouts/partials/summary-with-image.html

@@ -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">

 layouts/partials/summary.html

@@ -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>

 layouts/post/list.html

@@ -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 }}

 layouts/post/summary-with-image.html

File was deleted