dcfc7b5589
* add reading time feature * Revert change in jsconfig.json * feat: add article.readingTime param, and improve style * Revert change in jsconfig.json x2 * Remove reading time in compact layout It doesn't look right to me for now * feat: add i18n support to reading time string * Hide footer.article-time when there's not content Co-authored-by: Jimmy Cai <github@jimmycai.com>
45 lines
No EOL
1.3 KiB
HTML
45 lines
No EOL
1.3 KiB
HTML
<div class="article-details">
|
|
{{ if .Params.categories }}
|
|
<header class="article-category">
|
|
{{ range (.GetTerms "categories") }}
|
|
<a href="{{ .RelPermalink }}" {{ with .Params.style }}style="background-color: {{ .background }}; color: {{ .color }};"{{ end }}>
|
|
{{ .LinkTitle }}
|
|
</a>
|
|
{{ end }}
|
|
</header>
|
|
{{ end }}
|
|
|
|
<h2 class="article-title">
|
|
<a href="{{ .RelPermalink }}">
|
|
{{- .Title -}}
|
|
</a>
|
|
</h2>
|
|
|
|
{{ with .Params.description }}
|
|
<h3 class="article-subtitle">
|
|
{{ . }}
|
|
</h3>
|
|
{{ end }}
|
|
|
|
{{ if or (not .Date.IsZero) (.Site.Params.article.readingTime) }}
|
|
<footer class="article-time">
|
|
{{ if not .Date.IsZero }}
|
|
<div>
|
|
{{ partial "helper/icon" "date" }}
|
|
<time class="article-time--published">
|
|
{{- .Date.Format (or .Site.Params.dateFormat.published "Jan 02, 2006") -}}
|
|
</time>
|
|
</div>
|
|
{{ end }}
|
|
|
|
{{ if .Site.Params.article.readingTime }}
|
|
<div>
|
|
{{ partial "helper/icon" "clock" }}
|
|
<time class="article-time--reading">
|
|
{{ T "article.readingTime" .ReadingTime }}
|
|
</time>
|
|
</div>
|
|
{{ end }}
|
|
</footer>
|
|
{{ end }}
|
|
</div> |