Convert home default layout into paige/home layout
Will Faught
2 years ago
parent
80abfc9189
commit
ae540b9b7f
@ -0,0 +1,227 @@
|
||||
---
|
||||
authors: ["michael_bluth"]
|
||||
categories: ["paige"]
|
||||
date: "2023-02-22"
|
||||
description: "Demonstration of the Paige home layout."
|
||||
layout: "paige/home"
|
||||
paige:
|
||||
home:
|
||||
blurb: "This is the blurb."
|
||||
greeting: "This is the greeting"
|
||||
image:
|
||||
raw: false
|
||||
stretch: false
|
||||
url: "landscape.webp"
|
||||
main:
|
||||
metadata:
|
||||
authors:
|
||||
hide: true
|
||||
date:
|
||||
hide: true
|
||||
reading_time:
|
||||
hide: true
|
||||
terms:
|
||||
hide: true
|
||||
title:
|
||||
class: "display-1 fw-bold text-center"
|
||||
social:
|
||||
discord:
|
||||
bootstrap_icon: "discord"
|
||||
name: "Discord"
|
||||
url: "https://discord.com/users/username"
|
||||
dribbble:
|
||||
bootstrap_icon: "dribbble"
|
||||
name: "Dribbble"
|
||||
url: "https://dribbble.com/username"
|
||||
email:
|
||||
bootstrap_icon: "envelope"
|
||||
name: "E-mail"
|
||||
url: "mailto:username@example.com"
|
||||
facebook:
|
||||
bootstrap_icon: "facebook"
|
||||
name: "Facebook"
|
||||
url: "https://facebook.com/username"
|
||||
github:
|
||||
bootstrap_icon: "github"
|
||||
name: "GitHub"
|
||||
url: "https://github.com/username"
|
||||
instagram:
|
||||
bootstrap_icon: "instagram"
|
||||
name: "Instagram"
|
||||
url: "https://instagram.com/username"
|
||||
linkedin:
|
||||
bootstrap_icon: "linkedin"
|
||||
name: "LinkedIn"
|
||||
url: "https://linkedin.com/in/username"
|
||||
medium:
|
||||
bootstrap_icon: "medium"
|
||||
name: "Medium"
|
||||
url: "https://medium.com/@username"
|
||||
pinterest:
|
||||
bootstrap_icon: "pinterest"
|
||||
name: "Pinterest"
|
||||
url: "https://pinterest.com/username"
|
||||
quora:
|
||||
bootstrap_icon: "quora"
|
||||
name: "Quora"
|
||||
url: "https://quora.com/profile/username"
|
||||
reddit:
|
||||
bootstrap_icon: "reddit"
|
||||
name: "Reddit"
|
||||
url: "https://reddit.com/u/username"
|
||||
spotify:
|
||||
bootstrap_icon: "spotify"
|
||||
name: "Spotify"
|
||||
url: "https://open.spotify.com/user/username"
|
||||
stackoverflow:
|
||||
bootstrap_icon: "stack-overflow"
|
||||
name: "Stack Overflow"
|
||||
url: "https://stackoverflow.com/users/username"
|
||||
strava:
|
||||
bootstrap_icon: "strava"
|
||||
name: "Strava"
|
||||
url: "https://strava.com/athletes/username"
|
||||
twitch:
|
||||
bootstrap_icon: "twitch"
|
||||
name: "Twitch"
|
||||
url: "https://twitch.tv/username"
|
||||
twitter:
|
||||
bootstrap_icon: "twitter"
|
||||
name: "Twitter"
|
||||
url: "https://twitter.com/username"
|
||||
vimeo:
|
||||
bootstrap_icon: "vimeo"
|
||||
name: "Vimeo"
|
||||
url: "https://vimeo.com/username"
|
||||
wordpress:
|
||||
bootstrap_icon: "wordpress"
|
||||
name: "Wordpress"
|
||||
url: "https://username.wordpress.com"
|
||||
yelp:
|
||||
bootstrap_icon: "yelp"
|
||||
name: "Yelp"
|
||||
url: "https://yelp.com/user_details?userid=username"
|
||||
youtube:
|
||||
bootstrap_icon: "youtube"
|
||||
name: "YouTube"
|
||||
url: "https://youtube.com/user/username"
|
||||
title: "Home Layout"
|
||||
---
|
||||
|
||||
Paige provides a `paige/home` layout for a home page.
|
||||
|
||||
<!--more-->
|
||||
|
||||
These are the parameters for this page:
|
||||
|
||||
```yaml
|
||||
---
|
||||
authors: ["michael_bluth"]
|
||||
categories: ["paige"]
|
||||
date: "2023-02-22"
|
||||
description: "Demonstration of the Paige home layout."
|
||||
layout: "paige/home"
|
||||
paige:
|
||||
home:
|
||||
blurb: "This is the blurb."
|
||||
greeting: "This is the greeting"
|
||||
image:
|
||||
raw: false
|
||||
stretch: false
|
||||
url: "landscape.webp"
|
||||
main:
|
||||
metadata:
|
||||
authors:
|
||||
hide: true
|
||||
date:
|
||||
hide: true
|
||||
reading_time:
|
||||
hide: true
|
||||
terms:
|
||||
hide: true
|
||||
title:
|
||||
class: "display-1 fw-bold text-center"
|
||||
social:
|
||||
discord:
|
||||
bootstrap_icon: "discord"
|
||||
name: "Discord"
|
||||
url: "https://discord.com/users/username"
|
||||
dribbble:
|
||||
bootstrap_icon: "dribbble"
|
||||
name: "Dribbble"
|
||||
url: "https://dribbble.com/username"
|
||||
email:
|
||||
bootstrap_icon: "envelope"
|
||||
name: "E-mail"
|
||||
url: "mailto:username@example.com"
|
||||
facebook:
|
||||
bootstrap_icon: "facebook"
|
||||
name: "Facebook"
|
||||
url: "https://facebook.com/username"
|
||||
github:
|
||||
bootstrap_icon: "github"
|
||||
name: "GitHub"
|
||||
url: "https://github.com/username"
|
||||
instagram:
|
||||
bootstrap_icon: "instagram"
|
||||
name: "Instagram"
|
||||
url: "https://instagram.com/username"
|
||||
linkedin:
|
||||
bootstrap_icon: "linkedin"
|
||||
name: "LinkedIn"
|
||||
url: "https://linkedin.com/in/username"
|
||||
medium:
|
||||
bootstrap_icon: "medium"
|
||||
name: "Medium"
|
||||
url: "https://medium.com/@username"
|
||||
pinterest:
|
||||
bootstrap_icon: "pinterest"
|
||||
name: "Pinterest"
|
||||
url: "https://pinterest.com/username"
|
||||
quora:
|
||||
bootstrap_icon: "quora"
|
||||
name: "Quora"
|
||||
url: "https://quora.com/profile/username"
|
||||
reddit:
|
||||
bootstrap_icon: "reddit"
|
||||
name: "Reddit"
|
||||
url: "https://reddit.com/u/username"
|
||||
spotify:
|
||||
bootstrap_icon: "spotify"
|
||||
name: "Spotify"
|
||||
url: "https://open.spotify.com/user/username"
|
||||
stackoverflow:
|
||||
bootstrap_icon: "stack-overflow"
|
||||
name: "Stack Overflow"
|
||||
url: "https://stackoverflow.com/users/username"
|
||||
strava:
|
||||
bootstrap_icon: "strava"
|
||||
name: "Strava"
|
||||
url: "https://strava.com/athletes/username"
|
||||
twitch:
|
||||
bootstrap_icon: "twitch"
|
||||
name: "Twitch"
|
||||
url: "https://twitch.tv/username"
|
||||
twitter:
|
||||
bootstrap_icon: "twitter"
|
||||
name: "Twitter"
|
||||
url: "https://twitter.com/username"
|
||||
vimeo:
|
||||
bootstrap_icon: "vimeo"
|
||||
name: "Vimeo"
|
||||
url: "https://vimeo.com/username"
|
||||
wordpress:
|
||||
bootstrap_icon: "wordpress"
|
||||
name: "Wordpress"
|
||||
url: "https://username.wordpress.com"
|
||||
yelp:
|
||||
bootstrap_icon: "yelp"
|
||||
name: "Yelp"
|
||||
url: "https://yelp.com/user_details?userid=username"
|
||||
youtube:
|
||||
bootstrap_icon: "youtube"
|
||||
name: "YouTube"
|
||||
url: "https://youtube.com/user/username"
|
||||
title: "Home Layout"
|
||||
---
|
||||
```
|
||||
@ -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 }}
|
||||
@ -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 }}
|
||||
Loading…
Reference in New Issue