mirror of
https://git.adityakumar.xyz/hugo-theme-introduction.git
synced 2024-11-21 19:42:52 +00:00
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
parent
052a699484
commit
fade059bf5
7 changed files with 139 additions and 124 deletions
|
|
@ -1,21 +1,22 @@
|
|||
{{ define "main" }}
|
||||
<div class="container markdown top-pad">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
<div class="container">
|
||||
<ul>
|
||||
{{ range .Pages.ByPublishDate.Reverse }}
|
||||
{{ if .Date }}
|
||||
<li>
|
||||
<a href="{{ .Permalink }}">{{ .Date.Format (.Site.Params.dateFormat | default "Jan 02, 2006") }} | {{ .Title | markdownify }}</a>
|
||||
</li>
|
||||
{{ else }}
|
||||
<li>
|
||||
<a href="{{ .Permalink }}">{{ .Title | markdownify }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
<div class="container markdown top-pad">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
<div class="container">
|
||||
<ul>
|
||||
{{ range .Pages.ByPublishDate.Reverse }}
|
||||
{{ if .Date }}
|
||||
<li>
|
||||
<a href="{{ .Permalink }}">{{ .Date.Format (.Site.Params.dateFormat | default ":date_medium") }} |
|
||||
{{ .Title | markdownify }}</a>
|
||||
</li>
|
||||
{{ else }}
|
||||
<li>
|
||||
<a href="{{ .Permalink }}">{{ .Title | markdownify }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -1,21 +1,22 @@
|
|||
{{ define "title" }}
|
||||
<h1 class="bold-title is-1">{{ .Data.Singular | humanize }}: {{ lower .Title | markdownify }}</h1>
|
||||
<h1 class="bold-title is-1">{{ .Data.Singular | humanize }}: {{ lower .Title | markdownify }}</h1>
|
||||
{{ end }}
|
||||
|
||||
{{ define "main" }}
|
||||
<div class="container">
|
||||
<ul>
|
||||
{{ range .Pages.ByPublishDate.Reverse }}
|
||||
{{ if .Date }}
|
||||
<li>
|
||||
<a href="{{ .Permalink }}">{{ .Date.Format (.Site.Params.dateFormat | default "Jan 02, 2006") }} | {{ .Title | markdownify }}</a>
|
||||
</li>
|
||||
{{ else }}
|
||||
<li>
|
||||
<a href="{{ .Permalink }}">{{ .Title | markdownify }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
<div class="container">
|
||||
<ul>
|
||||
{{ range .Pages.ByPublishDate.Reverse }}
|
||||
{{ if .Date }}
|
||||
<li>
|
||||
<a href="{{ .Permalink }}">{{ .Date.Format (.Site.Params.dateFormat | default ":date_medium") }} |
|
||||
{{ .Title | markdownify }}</a>
|
||||
</li>
|
||||
{{ else }}
|
||||
<li>
|
||||
<a href="{{ .Permalink }}">{{ .Title | markdownify }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -1,31 +1,32 @@
|
|||
{{ define "main" }}
|
||||
<div class="container markdown top-pad">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
<div class="container">
|
||||
{{ 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 }}
|
||||
<h3 class="title is-3 strong-post-title">
|
||||
<a href="{{ .Permalink }}">
|
||||
{{ .Title | markdownify }}
|
||||
</a>
|
||||
</h3>
|
||||
<div class="markdown">
|
||||
{{ .Summary }}
|
||||
{{ if .Truncated }}
|
||||
<a href="{{ .Permalink }}">{{ i18n "index_blog_readMore" . }}</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="container markdown top-pad">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
<div class="container">
|
||||
{{ 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 ":date_medium") }}{{ end }}
|
||||
<h3 class="title is-3 strong-post-title">
|
||||
<a href="{{ .Permalink }}">
|
||||
{{ .Title | markdownify }}
|
||||
</a>
|
||||
</h3>
|
||||
<div class="markdown">
|
||||
{{ .Summary }}
|
||||
{{ if .Truncated }}
|
||||
<a href="{{ .Permalink }}">{{ i18n "index_blog_readMore" . }}</a>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<h2 class="title is-2 top-pad">{{ i18n "index_blog_allPosts" . }}</h2>
|
||||
{{if .Site.Params.home.allPostsArchiveFormat}}
|
||||
{{ partialCached "blog/archive.html" .}}
|
||||
{{else}}
|
||||
{{ partialCached "blog/li.html" . }}
|
||||
{{end}}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<h2 class="title is-2 top-pad">{{ i18n "index_blog_allPosts" . }}</h2>
|
||||
{{if .Site.Params.home.allPostsArchiveFormat}}
|
||||
{{ partialCached "blog/archive.html" .}}
|
||||
{{else}}
|
||||
{{ partialCached "blog/li.html" . }}
|
||||
{{end}}
|
||||
</div>
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -10,29 +10,34 @@
|
|||
<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 }}
|
||||
{{ if .Params.date }} | {{ end }}
|
||||
{{ i18n "blog_readingTime" .ReadingTime }}
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ if or .Site.Params.share.twitter .Site.Params.share.facebook .Site.Params.share.pinterest }}
|
||||
<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 }}&media={{ .Site.BaseURL }}{{ .Params.pinterestMedia }}{{ end }}&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 }}&media={{ .Site.BaseURL }}{{ .Params.pinterestMedia }}{{ end }}&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>
|
||||
|
|
@ -40,16 +45,16 @@
|
|||
</div>
|
||||
{{ end }}
|
||||
{{ range $taxonomy_term, $taxonomy := .Params }}
|
||||
{{ with $.Site.GetPage $taxonomy_term }}
|
||||
{{ $len := (len $taxonomy) }}
|
||||
<p>
|
||||
{{ $taxonomy_term | title }}:
|
||||
{{ range $key, $value := $taxonomy }}
|
||||
<a href="{{ (printf "/%s/" $taxonomy_term) | relLangURL }}{{ . | urlize }}">
|
||||
{{ $value }}</a>{{ if ne (add $key 1) $len }},{{ end }}
|
||||
{{ end }}
|
||||
</p>
|
||||
{{ end }}
|
||||
{{ with $.Site.GetPage $taxonomy_term }}
|
||||
{{ $len := (len $taxonomy) }}
|
||||
<p>
|
||||
{{ $taxonomy_term | title }}:
|
||||
{{ range $key, $value := $taxonomy }}
|
||||
<a href="{{ (printf " /%s/" $taxonomy_term) | relLangURL }}{{ . | urlize }}">
|
||||
{{ $value }}</a>{{ if ne (add $key 1) $len }},{{ end }}
|
||||
{{ end }}
|
||||
</p>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
<!-- Begin blog post content -->
|
||||
|
|
|
|||
|
|
@ -1,24 +1,27 @@
|
|||
<section>
|
||||
{{ $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}}
|
||||
{{ $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}}
|
||||
{{end}}
|
||||
{{end}}
|
||||
{{end}}
|
||||
|
||||
{{range .Pages.ByPublishDate.Reverse}}
|
||||
{{range .Pages.ByPublishDate.Reverse}}
|
||||
{{if .Date}}
|
||||
{{$curr := .Date.Format "2006"}}
|
||||
{{if lt $curr $prev }}
|
||||
<h2 class="title is-2 top-pad">{{ $curr }}</h2>
|
||||
{{end}}
|
||||
<li class="post-item">
|
||||
{{ if .Params.date }}
|
||||
<span>{{ .Date.Format (.Site.Params.dateFormat | default "Jan 02, 2006") }}</span> -
|
||||
{{ end }}
|
||||
<span><a href="{{ .Permalink }}">{{ .Title | markdownify }}</a></span>
|
||||
</li>
|
||||
{{ $prev = $curr}}
|
||||
{{if lt $curr $prev }}
|
||||
<h2 class="title is-2 top-pad">{{ $curr }}</h2>
|
||||
{{end}}
|
||||
<li class="post-item">
|
||||
{{ if .Params.date }}
|
||||
<span>{{ .Date.Format (.Site.Params.dateFormat | default ":date_medium") }}</span> -
|
||||
{{ end }}
|
||||
<span><a href="{{ .Permalink }}">{{ .Title | markdownify }}</a></span>
|
||||
</li>
|
||||
{{ $prev = $curr}}
|
||||
{{end}}
|
||||
{{end}}
|
||||
{{end}}
|
||||
</section>
|
||||
|
|
@ -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 }}
|
||||
</li>
|
||||
<li class="post-item">
|
||||
<span><a href="{{ .Permalink }}">{{ .Title | markdownify }}</a></span>{{ if .Params.date }} -
|
||||
<span>{{ .Date.Format (.Site.Params.dateFormat | default ":date_medium") }}</span>{{ end }}
|
||||
</li>
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -4,40 +4,43 @@
|
|||
<div class="container">
|
||||
{{ 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 }}
|
||||
<h3 class="title is-3 latest-post-title"><a href="{{ .Permalink }}">{{ .Title | markdownify }}</a></h3>
|
||||
<div class="markdown">
|
||||
{{ .Summary }}
|
||||
{{ if .Truncated }}
|
||||
<a href="{{ .Permalink }}">{{ i18n "index_blog_readMore" . }}</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ range first 1 .Pages.ByPublishDate.Reverse }}
|
||||
<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 }}
|
||||
{{ if .Truncated }}
|
||||
<a href="{{ .Permalink }}">{{ i18n "index_blog_readMore" . }}</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
{{ if .Site.Params.home.showAllPosts }}
|
||||
<div class="section" id="all-posts">
|
||||
<div class="container">
|
||||
<h2 class="title is-2 top-pad">{{ i18n "index_blog_allPosts" . }}</h2>
|
||||
{{if .Site.Params.home.allPostsArchiveFormat}}
|
||||
{{ partialCached "blog/archive.html" .}}
|
||||
{{else}}
|
||||
{{ partialCached "blog/li.html" . }}
|
||||
{{ if .Site.Params.home.showAllPosts }}
|
||||
<div class="section" id="all-posts">
|
||||
<div class="container">
|
||||
<h2 class="title is-2 top-pad">{{ i18n "index_blog_allPosts" . }}</h2>
|
||||
{{if .Site.Params.home.allPostsArchiveFormat}}
|
||||
{{ partialCached "blog/archive.html" .}}
|
||||
{{else}}
|
||||
{{ partialCached "blog/li.html" . }}
|
||||
{{end}}
|
||||
</div>
|
||||
</div>
|
||||
{{ else }}
|
||||
<div class="container has-text-centered top-pad">
|
||||
<a href="{{ .Permalink }}">{{ i18n "index_blog_allPosts" . }}</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ else }}
|
||||
<div class="container has-text-centered top-pad">
|
||||
<a href="{{ .Permalink }}">{{ i18n "index_blog_allPosts" . }}</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
<!-- End Blog container -->
|
||||
{{ partial "top-icon.html" . }}
|
||||
|
||||
<!-- End Blog section -->
|
||||
<div class="container"><hr></div>
|
||||
<div class="container">
|
||||
<hr>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
|
|
|||
Loading…
Reference in a new issue