diff options
Diffstat (limited to 'layouts/partials/hero.html')
| -rw-r--r-- | layouts/partials/hero.html | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/layouts/partials/hero.html b/layouts/partials/hero.html new file mode 100644 index 0000000..55551a0 --- /dev/null +++ b/layouts/partials/hero.html @@ -0,0 +1,44 @@ +<div + id="hero" + class="py-16" + style="background: linear-gradient( rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.15) ){{ with resources.Get (index .Params.images 0) }} + {{ with .Resize "1200x webp" }} + , url('{{ .RelPermalink }}') center + {{ end }} + {{ end }};" +> + <div class="max-w-screen-md mx-auto px-2 text-white font-serif"> + {{ if eq .Type "authors" }} + {{ $avatar := index .Params.images 1 }} + {{ if hasPrefix $avatar "http" }} + {{ $avatar = resources.GetRemote $avatar }} + {{ else }} + {{ $avatar = resources.Get $avatar }} + {{ end }} + {{ with $avatar }} + <img + src="{{ .RelPermalink }}" + class="rounded-full w-64 block mx-auto" + alt="" + /> + {{ end }} + <div class="text-center"> + <h1 class="">{{ .Params.Name }}</h1> + <h3 class="font-normal">{{ .Params.role | markdownify }}</h3> + + {{ with .Params.Subtitle }} + <h3 class="">{{ . | markdownify }}</h3> + {{ end }} + + + <div class="text-4xl mt-4"> + {{ partial "social_links" .Params }} + </div> + </div> + {{ else }} + + <h1 class="berkshire-swash text-center">{{ .Title }}</h1> + {{ .Content }} + {{ end }} + </div> +</div> |