Use layout identifiers for dates

- Adds new Hugo feature
  (https://gohugo.io/functions/dateformat/#datetime-formatting-layouts)
enabling date localization in defaults
This commit is contained in:
Victoria Drake 2022-02-14 06:42:27 -06:00
parent 052a699484
commit fade059bf5
7 changed files with 139 additions and 124 deletions

View file

@ -7,7 +7,8 @@
{{ range .Pages.ByPublishDate.Reverse }}
{{ if .Date }}
<li>
<a href="{{ .Permalink }}">{{ .Date.Format (.Site.Params.dateFormat | default "Jan 02, 2006") }} | {{ .Title | markdownify }}</a>
<a href="{{ .Permalink }}">{{ .Date.Format (.Site.Params.dateFormat | default ":date_medium") }} |
{{ .Title | markdownify }}</a>
</li>
{{ else }}
<li>

View file

@ -8,7 +8,8 @@
{{ range .Pages.ByPublishDate.Reverse }}
{{ if .Date }}
<li>
<a href="{{ .Permalink }}">{{ .Date.Format (.Site.Params.dateFormat | default "Jan 02, 2006") }} | {{ .Title | markdownify }}</a>
<a href="{{ .Permalink }}">{{ .Date.Format (.Site.Params.dateFormat | default ":date_medium") }} |
{{ .Title | markdownify }}</a>
</li>
{{ else }}
<li>

View file

@ -6,7 +6,8 @@
{{ if .Site.Params.home.showLatest | default true }}
<h2 class="title is-2 top-pad">{{ i18n "index_blog_latestPosts" . }}</h2>
{{ range first 1 .Pages.ByPublishDate.Reverse }}
<div class="summary">{{ if .Params.date }}{{ .Date.Format (.Site.Params.dateFormat | default "Jan 02, 2006") }}{{ end }}
<div class="summary">
{{ if .Params.date }}{{ .Date.Format (.Site.Params.dateFormat | default ":date_medium") }}{{ end }}
<h3 class="title is-3 strong-post-title">
<a href="{{ .Permalink }}">
{{ .Title | markdownify }}

View file

@ -10,7 +10,7 @@
<a href="{{ .Permalink }}">{{ .Title | markdownify }}</a>
</h2>
<div class="post-data">
{{ if .Params.date }}{{ .Date.Format (.Site.Params.dateFormat | default "Jan 02, 2006") }}{{ end }}
{{ if .Params.date }}{{ .Date.Format (.Site.Params.dateFormat | default ":date_medium") }}{{ end }}
{{ if .Site.Params.showReadingTime | default true }}
{{ if .Params.date }} | {{ end }}
{{ i18n "blog_readingTime" .ReadingTime }}
@ -20,19 +20,24 @@
<div class="blog-share">
{{ i18n "blog_shareThis" . }}:
{{ if .Site.Params.share.twitter }}
<a class="twitter-share-button" href="https://twitter.com/intent/tweet?text={{ .Title | markdownify }}%20{{ .Permalink }}" onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;">
<a class="twitter-share-button"
href="https://twitter.com/intent/tweet?text={{ .Title | markdownify }}%20{{ .Permalink }}"
onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;">
<i class="fab fa-twitter"></i>
<span class="hidden">Twitter</span>
</a>
{{ end }}
{{ if .Site.Params.share.facebook }}
<a class="icon-facebook" href="https://www.facebook.com/sharer/sharer.php?u={{ .Permalink }}" onclick="window.open(this.href, 'facebook-share','width=580,height=296');return false;">
<a class="icon-facebook" href="https://www.facebook.com/sharer/sharer.php?u={{ .Permalink }}"
onclick="window.open(this.href, 'facebook-share','width=580,height=296');return false;">
<i class="fab fa-facebook-f"></i>
<span class="hidden">Facebook</span>
</a>
{{ end }}
{{ if .Site.Params.share.pinterest }}
<a class="icon-pinterest" href="http://pinterest.com/pin/create/button/?url={{ .Permalink }}{{ if .Params.pinterestMedia }}&amp;media={{ .Site.BaseURL }}{{ .Params.pinterestMedia }}{{ end }}&amp;description={{ .Title | safeHTML}}" onclick="window.open(this.href, 'pinterest-share','width=580,height=296');return false;">
<a class="icon-pinterest"
href="http://pinterest.com/pin/create/button/?url={{ .Permalink }}{{ if .Params.pinterestMedia }}&amp;media={{ .Site.BaseURL }}{{ .Params.pinterestMedia }}{{ end }}&amp;description={{ .Title | safeHTML}}"
onclick="window.open(this.href, 'pinterest-share','width=580,height=296');return false;">
<i class="fab fa-pinterest-p"></i>
<span class="hidden">Pinterest</span>
</a>

View file

@ -1,8 +1,11 @@
<section>
{{ $prev := now.Format "2006"}} <!--start from the current year-->
{{ $prev := now.Format "2006"}}
<!--start from the current year-->
{{ range first 1 .Pages.ByPublishDate.Reverse }}
{{if .Date}} <!--also add the header if there are posts during the current year-->
{{if eq $prev (.Date.Format "2006")}} <h2 class="title is-2 top-pad"> {{ $prev }}</h2> {{end}}
{{if .Date}}
<!--also add the header if there are posts during the current year-->
{{if eq $prev (.Date.Format "2006")}}
<h2 class="title is-2 top-pad"> {{ $prev }}</h2> {{end}}
{{end}}
{{end}}
@ -14,7 +17,7 @@
{{end}}
<li class="post-item">
{{ if .Params.date }}
<span>{{ .Date.Format (.Site.Params.dateFormat | default "Jan 02, 2006") }}</span> -
<span>{{ .Date.Format (.Site.Params.dateFormat | default ":date_medium") }}</span> -
{{ end }}
<span><a href="{{ .Permalink }}">{{ .Title | markdownify }}</a></span>
</li>

View file

@ -1,5 +1,6 @@
{{ range .Pages.ByPublishDate.Reverse }}
<li class="post-item">
<span><a href="{{ .Permalink }}">{{ .Title | markdownify }}</a></span>{{ if .Params.date }} - <span>{{ .Date.Format (.Site.Params.dateFormat | default "Jan 02, 2006") }}</span>{{ end }}
<span><a href="{{ .Permalink }}">{{ .Title | markdownify }}</a></span>{{ if .Params.date }} -
<span>{{ .Date.Format (.Site.Params.dateFormat | default ":date_medium") }}</span>{{ end }}
</li>
{{ end }}

View file

@ -5,7 +5,8 @@
{{ if .Site.Params.home.showLatest | default true }}
<h2 class="title is-2 has-text-centered">{{ i18n "index_blog_latestPosts" . }}</h2>
{{ range first 1 .Pages.ByPublishDate.Reverse }}
<div class="summary">{{ if .Params.date }}{{ .Date.Format (.Site.Params.dateFormat | default "Jan 02, 2006") }}{{ end }}
<div class="summary">
{{ if .Params.date }}{{ .Date.Format (.Site.Params.dateFormat | default ":date_medium") }}{{ end }}
<h3 class="title is-3 latest-post-title"><a href="{{ .Permalink }}">{{ .Title | markdownify }}</a></h3>
<div class="markdown">
{{ .Summary }}
@ -39,5 +40,7 @@
{{ partial "top-icon.html" . }}
<!-- End Blog section -->
<div class="container"><hr></div>
<div class="container">
<hr>
</div>
{{ end }}