add logo visibility and animation controls

This commit is contained in:
Nathanael Gentry 2020-01-09 09:23:34 -05:00
parent f3827e3482
commit 520d14de7b
No known key found for this signature in database
GPG key ID: 3F84B28E60D98EF7
2 changed files with 9 additions and 1 deletions

View file

@ -90,8 +90,12 @@ disableHugoGeneratorInject = false
[params.logo] [params.logo]
logoText = "$ cd /home/" logoText = "$ cd /home/"
logoHomeLink = "/" logoHomeLink = "/"
# Set true to remove the logo entirely.
# logoDisables = true
# Set to a valid CSS color to change the cursor in the logo. # Set to a valid CSS color to change the cursor in the logo.
# logoColor = "#67a2c9" # logoColor = "#67a2c9"
# Set to a valid CSS time value to change the animation duration, "0s" to disable.
# logoAnimate = "2s"
# Social icons # Social icons
[[params.social]] [[params.social]]

View file

@ -5,7 +5,11 @@
{{ else }} {{ else }}
<span class="logo__mark">></span> <span class="logo__mark">></span>
<span class="logo__text">{{ with .Site.Params.Logo.logoText }}{{ . }}{{ else }}hello{{ end }}</span> <span class="logo__text">{{ with .Site.Params.Logo.logoText }}{{ . }}{{ else }}hello{{ end }}</span>
<span class="logo__cursor" style="{{ with .Site.Params.Logo.logoColor }}background-color:{{ . }}{{ end }}"></span> <span class="logo__cursor" style=
"{{ with.Site.Params.Logo.logoDisabled }}visibility:hidden;{{ end }}
{{ with.Site.Params.Logo.logoColor }}background-color:{{ . }};{{ end }}
{{ with.Site.Params.Logo.logoAnimate }}animation-duration:{{ . }};{{ end }}">
</span>
{{ end }} {{ end }}
</div> </div>
</a> </a>