Align the Metadata to the middle For easier read-flow

This commit is contained in:
Evan G. 2024-05-19 12:40:12 -05:00
parent 3e45d5582c
commit 94ab910470
Signed by: fbievan
GPG Key ID: 55FAB8CB6842F080
3 changed files with 11 additions and 2 deletions

View File

@ -13,4 +13,7 @@
{{ if .IsHome }} {{ if .IsHome }}
<link rel="stylesheet" type="text/css" href="{{relURL "css/homepage.css"}}"> <link rel="stylesheet" type="text/css" href="{{relURL "css/homepage.css"}}">
{{ end }} {{ end }}
{{ if .IsPage }}
<link rel="stylesheet" type="text/css" href="{{relURL "css/page.css"}}">
{{ end }}
</head> </head>

View File

@ -1,19 +1,22 @@
{{ $dateTime := .PublishDate.Format "2006-01-02" }} {{ $dateTime := .PublishDate.Format "2006-01-02" }}
{{ $lastmodTime := .Lastmod.Format "2006-01-02" }} {{ $lastmodTime := .Lastmod.Format "2006-01-02" }}
{{ $dateFormat := .Site.Params.dateFormat | default "Jan 2, 2006" }} {{ $dateFormat := .Site.Params.dateFormat | default "Jan 2, 2006" }}
<section class="metadata">
<i data-feather="calendar"></i> <i data-feather="calendar"></i>
{{ if .PublishDate }} {{ if .PublishDate }}
{{ if and (ne $lastmodTime $dateTime) (gt .Lastmod .Date) }} {{ if and (ne $lastmodTime $dateTime) (gt .Lastmod .Date) }}
<time datetime="{{ $lastmodTime }}">{{ .Lastmod.Format $dateFormat }}</time> <time datetime="{{ $lastmodTime }}">{{ .Lastmod.Format $dateFormat }}</time>
(first posted <time datetime="{{ $dateTime }}">{{ .PublishDate.Format $dateFormat }}</time>) (first posted <time datetime="{{ $dateTime }}">{{ .PublishDate.Format $dateFormat }}</time>)
{{ else }} {{ else }}
<time datetime="{{ $dateTime }}">{{ .PublishDate.Format $dateFormat }}</time> Date Published: <time datetime="{{ $dateTime }}">{{ .PublishDate.Format $dateFormat }}</time>
{{ end }} {{ end }}
{{ end }} {{ end }}
{{ with .Params.tags }} {{ with .Params.tags }}
<i data-feather="tag"></i> <br>
Tags: <i data-feather="tag"></i>
{{ range . }} {{ range . }}
{{ $href := print "/tags/" (urlize .) }} {{ $href := print "/tags/" (urlize .) }}
<a class="btn btn-sm btn-outline-dark tag-btn" href="{{ $href }}">{{ . }}</a> <a class="btn btn-sm btn-outline-dark tag-btn" href="{{ $href }}">{{ . }}</a>
{{ end }} {{ end }}
</section>
{{ end }} {{ end }}

3
static/css/page.css Normal file
View File

@ -0,0 +1,3 @@
.metadata {
text-align: center;
}