yann/hugo-scroll
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Fix #173: tel: link is now handled correctly by Hugo

Browse source 
The `safeURL` function is required to insert URLs that are different
than `http:`, `https:` and `mailto:` (e.g. `tel:`) through the Hugo
templating system.

Additionally, an example about how to add new contacts is added in the
`config.toml` of `exampleSite`.

Signed-off-by: Filippo Fontana <filippofontana1998@gmail.com>
This commit is contained in:
Filippo Fontana 2024-03-17 12:19:31 +01:00 • committed by zjedi
parent eeba87cc3d
commit 1dbb750bc0
2 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
exampleSite/config.toml
View file

@ -64,11 +64,18 @@ title = "Jane Doe - Nutrition Coach & Chef Consultant"
[[params.contacts]] [[params.contacts]]
label = "phone" label = "phone"
value = "+49 1111 555555" value = "+49 1111 555555"
url = "tel: +49 1111 555555" url = "tel:+49 1111 555555"
icon = "fa fa-phone" icon = "fa fa-phone"
[[params.contacts]] [[params.contacts]]
label = "email" label = "email"
value = "mail@janedoe.com" value = "mail@janedoe.com"
url = "mailto: mail@janedoe.com" url = "mailto:mail@janedoe.com"
icon = "fa fa-envelope" icon = "fa fa-envelope"
# Add additional contacts here!
# [[params.contacts]]
# label = ""
# value = ""
# url = ""
# icon = ""

2
layouts/partials/footer.html
View file

@ -20,7 +20,7 @@
{{ if ne .Site.Params.footer.showContactIcons false }} {{ if ne .Site.Params.footer.showContactIcons false }}
<section class="icons"> <section class="icons">
{{ range .Site.Params.contacts }} {{ range .Site.Params.contacts }}
<a href="{{ .url }}" aria-label='{{ i18n "{{ .label }}" }}'><i class="{{ .icon }}"></i></a> <a href="{{ .url | safeURL }}" aria-label='{{ i18n "{{ .label }}" }}'><i class="{{ .icon }}"></i></a>
{{ end }} {{ end }}
</section> </section>
{{ end }} {{ end }}