templates/blowfish
1
0
Fork 0
mirror of https://github.com/nunocoracao/blowfish.git synced 2025-04-21 04:41:53 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

✨ 266: Added option to disable the space between the header and the body when using heroStyle: background

Browse source
This commit is contained in:
Anton Antonov 2022-11-20 15:14:18 +02:00
parent a79219a6aa
commit f4b919681e
2 changed files with 4 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
config/_default/params.toml
View file

@ -45,6 +45,7 @@ enableCodeCopy = true
showHero = true showHero = true
heroStyle = "basic" # valid options: basic, big, background heroStyle = "basic" # valid options: basic, big, background
layoutBackgroundBlur = false # only used when heroStyle equals background layoutBackgroundBlur = false # only used when heroStyle equals background
layoutBackgroundMoreSpaceBetweenHeaderAndBody = true # only used when heroStyle equals background
showBreadcrumbs = true showBreadcrumbs = true
showDraftLabel = true showDraftLabel = true
showEdit = true showEdit = true
@ -65,6 +66,7 @@ enableCodeCopy = true
[list] [list]
#showHero = true #showHero = true
#heroStyle = "background" # valid options: basic, big, background #heroStyle = "background" # valid options: basic, big, background
#layoutBackgroundMoreSpaceBetweenHeaderAndBody = true # only used when heroStyle equals background
showBreadcrumbs = false showBreadcrumbs = false
showSummary = false showSummary = false
#showViews = true #showViews = true

2
layouts/partials/hero/background.html
View file

@ -4,7 +4,9 @@
{{- if not $featured }}{{ with .Site.Params.defaultBackgroundImage }}{{ $featured = resources.Get . }}{{ end }}{{ end -}} {{- if not $featured }}{{ with .Site.Params.defaultBackgroundImage }}{{ $featured = resources.Get . }}{{ end }}{{ end -}}
{{- with $featured -}} {{- with $featured -}}
{{ with .Resize "1200x" }} {{ with .Resize "1200x" }}
{{ if $.Site.Params.article.layoutBackgroundMoreSpaceBetweenHeaderAndBody | default true }}
<div id="hero" class="h-[150px] md:h-[200px]"></div> <div id="hero" class="h-[150px] md:h-[200px]"></div>
{{ end }}
<div class="fixed inset-x-0 top-0 h-[800px] single_hero_background nozoom" <div class="fixed inset-x-0 top-0 h-[800px] single_hero_background nozoom"
style="background-image:url({{ .RelPermalink }});"> style="background-image:url({{ .RelPermalink }});">
<div class="absolute inset-0 bg-gradient-to-t from-neutral dark:from-neutral-800 to-transparent mix-blend-normal"> <div class="absolute inset-0 bg-gradient-to-t from-neutral dark:from-neutral-800 to-transparent mix-blend-normal">