Rockingcool/paige-hugo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Simplify and generalize home page

Browse Source
This commit is contained in:
Will Faught
2022-12-09 13:46:18 -08:00
parent 2cb0426002
commit 7b6204658f
5 changed files with 42 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
layouts/_default/home.html
View File

@@ -1,7 +1,7 @@
{{ define "main" }}
{{ if or .Title .Description }}
<div class="row text-center">
<div class="col">
<div class="row">
<div class="col text-center">
{{ if .Title }}
<h1 class="display-1 fw-bold">{{ .Title | markdownify }}</h1>
{{ end }}
@@ -11,27 +11,42 @@
</div>
</div>
{{ end }}
<div class="row py-3">
<div class="col">
<div class="rounded-4" style="background-image: url('{{ .Site.BaseURL }}/cover.jpg'); background-position: center; background-size: cover; height: 20rem; width: 100%"></div>
{{ if .Params.stretch }}
<div class="row">
<div class="col pb-3 text-center">
<div class="rounded-4" style="background-image: url('{{ relURL .Params.stretch }}'); background-position: center; background-size: cover; height: 20rem; max-width: 100%"></div>
</div>
</div>
<div class="d-flex justify-content-center py-3 row">
<div class="col-12 col-xl-10">
<div class="d-flex justify-content-evenly align-items-center row">
<div class="col-12 col-md-6">
<p class="display-5 fw-bold lh-1">{{ .Params.greeting | markdownify }}</p>
<p class="lead">{{ .Params.blurb | markdownify }}</p>
</div>
<div class="col-12 col-md-6 text-center">
<img alt="Avatar" class="rounded-4" src="{{ .Site.BaseURL }}/avatar.jpg" style="max-height: 20rem; max-width: 100%">
</div>
</div>
{{ end }}
{{ if .Params.center }}
<div class="row">
<div class="col pb-3 text-center">
<img alt="Avatar" class="rounded-4" src="{{ relURL .Params.center }}" style="max-height: 20rem; max-width: 100%">
</div>
</div>
{{ if .Site.Social }}
<div class="py-3 row">
{{ end }}
{{ if .Params.greeting }}
<div class="row">
<div class="col text-center">
<h2 class="display-5 fw-bold">{{ .Params.greeting | markdownify }}</h2>
</div>
</div>
{{ end }}
{{ if .Params.blurb }}
<div class="row">
<div class="col col-lg-6 mx-auto text-center">
<div class="lead">{{ .Params.blurb | markdownify }}</div>
</div>
</div>
{{ end }}
{{ if .Content }}
<div class="row">
<div class="col">{{ .Content }}</div>
</div>
{{ end }}
{{ if .Site.Social }}
<div class="row">
<div class="col pb-3 text-center">
{{ range $k, $v := .Site.Social }}
<a href="{{ $v }}"><i class="bi bi-{{ $k }} display-6 px-2"></i></a>
{{ end }}