Restructure centered columns
This commit is contained in:
@@ -60,8 +60,10 @@
|
||||
</main>
|
||||
{{ if .Site.Copyright }}
|
||||
<footer>
|
||||
<div class="justify-content-center pb-3 row text-center">
|
||||
<div class="col text-muted" style="max-width:100ch">{{ .Site.Copyright | markdownify }}</div>
|
||||
<div class="justify-content-center row">
|
||||
<div class="col col-auto">
|
||||
<p class="text-muted" style="max-width:100ch">{{ .Site.Copyright | markdownify }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
{{ end }}
|
||||
|
@@ -7,31 +7,33 @@
|
||||
<article>
|
||||
{{ if or .Title .Description .PublishDate }}
|
||||
<header>
|
||||
<div class="justify-content-center row text-center">
|
||||
<div class="col" style="max-width:100ch">
|
||||
{{ if .Title }}
|
||||
<h1 class="display-5 fw-bold">
|
||||
{{ if .Params.link }}
|
||||
<a href="{{ .Params.link }}">{{ .Title | markdownify }}</a>
|
||||
{{ else }}
|
||||
{{ .Title | markdownify }}
|
||||
<div class="justify-content-center row">
|
||||
<div class="col col-auto text-center">
|
||||
<div style="max-width:100ch">
|
||||
{{ if .Title }}
|
||||
<h1 class="display-5 fw-bold">
|
||||
{{ if .Params.link }}
|
||||
<a href="{{ .Params.link }}">{{ .Title | markdownify }}</a>
|
||||
{{ else }}
|
||||
{{ .Title | markdownify }}
|
||||
{{ end }}
|
||||
</h1>
|
||||
{{ end }}
|
||||
</h1>
|
||||
{{ end }}
|
||||
{{ if .Description }}
|
||||
<p class="lead">{{ .Description | markdownify }}</p>
|
||||
{{ end }}
|
||||
{{ if .PublishDate }}
|
||||
<p class="text-muted"><time datetime="{{ .PublishDate.Format `2006-01-02` }}">{{ .PublishDate.Format "January 2, 2006" }}</time></p>
|
||||
{{ end }}
|
||||
{{ if .Description }}
|
||||
<p class="lead">{{ .Description | markdownify }}</p>
|
||||
{{ end }}
|
||||
{{ if .PublishDate }}
|
||||
<p class="text-muted"><time datetime="{{ .PublishDate.Format `2006-01-02` }}">{{ .PublishDate.Format "January 2, 2006" }}</time></p>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
{{ end }}
|
||||
{{ if .Content }}
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="mx-auto" style="max-width:66ch">
|
||||
<div class="justify-content-center row">
|
||||
<div class="col col-auto">
|
||||
<div style="max-width:66ch">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</div>
|
||||
|
Reference in New Issue
Block a user