ItsDrike/itsdrike.com
1
0
Fork 0
mirror of https://github.com/ItsDrike/itsdrike.com.git synced 2024-11-12 23:07:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve content details design

Browse source
This commit is contained in:
ItsDrike 2021-08-26 01:07:17 +02:00
parent 8b599058c6
commit f4701e7fa6
No known key found for this signature in database
GPG key ID: B5F6B41F708C3ADD
2 changed files with 23 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
layouts/partials/content-details.html
View file

@ -1,11 +1,25 @@
{{ if not .Date.IsZero }} {{ if not .Date.IsZero }}
<span class="pr-2" title='{{ .Date.Format "January 2 2006" }}'> <span class="pr-2" title='{{ .Date.Format "January 2 2006" }}'>
<i class="far fa-calendar-alt pr-1>"></i>{{ .Date.Format "2006-01-02" }} <i class="far fa-calendar-alt pr-1 content-detail"></i> {{ .Date.Format "2006-01-02" }}
</span>
{{ end }}
{{ if not .Parent.IsHome }}
{{ if gt .ReadingTime 2 }}
<span class="pr-2" title='Reading time'>
<i class="far fa-clock pr-1 content-detail"></i> {{ .ReadingTime }} minutes
</span> </span>
{{ end }}
<span class="pr-2" title="Word count">
<i class="far fa-file-alt pr-1 content-detail"></i> {{ .WordCount }} words
</span>
{{ end }} {{ end }}
{{ if .Params.tags }} {{ if .Params.tags }}
{{ range $1, $e := .Params.tags }} <a href="{{ ref . " /tags" }}" class="no-color-change mr-1">
<a class="mr-1" href="/tags/{{ urlize . }}">#{{ . }}</a> <i class="fas fa-tags small content-detail"></i>
{{ end }} </a>
{{ range $i, $e := .Params.tags }}
<a href="/tags/{{ urlize . }}" class="mr-1">#{{ . }}</a>
{{ end }}
{{ end }} {{ end }}

4
static/src/scss/style.scss
View file

@ -128,3 +128,7 @@ h1, h2, h3, h4, h5, h6 {
ul ul, ol ol { ul ul, ol ol {
padding-left: $spacer * 1.5; padding-left: $spacer * 1.5;
} }
.content-detail {
text-indent: 2em;
}