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

Convert home default layout into paige/home layout

Browse Source
This commit is contained in:
Will Faught
2023-02-21 20:52:13 -08:00
parent 80abfc9189
commit ae540b9b7f
7 changed files with 324 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
layouts/_default/home.html
View File

@@ -1,45 +0,0 @@
{{ define "main" }}
{{ $page := . }}
{{ $stretch := $page.Param "paige.home.image.stretch" }}
<article>
{{ partial "paige/metadata.html" $page }}
<section>
{{ if $page.Param "paige.home.image.url" }}
{{ $class := cond ($stretch | not) "mw-100 rounded-4 shadow" "rounded-4 shadow w-100" }}
{{ $style := cond ($stretch | not) "height: 20rem" "height: 20rem; object-fit: cover" }}
<p {{ if not $stretch }} class="text-center" {{ end }}>
{{ partial "paige/img.html" (dict
"class" $class
"fetchpriority" "high"
"loading" "eager"
"raw" ($page.Param "paige.home.image.raw")
"src" ($page.Param "paige.home.image.url")
"style" $style
) }}
</p>
{{ end }}
{{ with $page.Param "paige.home.greeting" }}
<p class="display-5 fw-bold h2 text-center">{{ . | markdownify }}</p>
{{ end }}
{{ with $page.Param "paige.home.blurb" }}
<div class="container-fluid">
<div class="justify-content-center row">
<div class="col col-auto col-lg-7 px-0">
<p class="lead text-center">{{ . | markdownify }}</p>
</div>
</div>
</div>
{{ end }}
</section>
{{ partial "paige/toc.html" $page }}
{{ partial "paige/content.html" $page }}
{{ partial "paige/social.html" $page }}
</article>
{{ end }}

49
layouts/_default/paige/home.html Normal file
View File

@@ -0,0 +1,49 @@
{{ define "main" }}
{{ $page := . }}
{{ $stretch := $page.Params.paige.home.image.stretch }}
<article class="paige-article">
<div class="align-items-center d-flex flex-column mb-0">
{{ partial "paige/metadata.html" $page }}
{{ if or $page.Params.paige.home.image.url $page.Params.paige.home.greeting $page.Params.paige.home.blurb }}
<section>
{{ if $page.Params.paige.home.image.url }}
{{ $class := cond ($stretch | not) "mw-100 rounded-4 shadow" "rounded-4 shadow w-100" }}
{{ $style := cond ($stretch | not) "height: 20rem; width: auto" "height: 20rem; object-fit: cover; width: 100%" }}
<p {{ if not $stretch }} class="text-center" {{ end }}>
{{ partial "paige/img.html" (dict
"class" $class
"fetchpriority" "high"
"loading" "eager"
"raw" $page.Params.paige.home.image.raw
"src" $page.Params.paige.home.image.url
"style" $style
) }}
</p>
{{ end }}
{{ with $page.Params.paige.home.greeting }}
<p class="display-5 fw-bold h2 text-center">{{ . | markdownify }}</p>
{{ end }}
{{ with $page.Params.paige.home.blurb }}
<div class="container-fluid">
<div class="justify-content-center row">
<div class="col col-auto col-lg-7 px-0">
<p class="lead text-center">{{ . | markdownify }}</p>
</div>
</div>
</div>
{{ end }}
</section>
{{ end }}
{{ partial "paige/toc.html" $page }}
{{ partial "paige/content.html" $page }}
{{ partial "paige/social.html" $page }}
</div>
</article>
{{ end }}