Social Links
You can render social links on the About page (layouts/partials/back.html
) using a custom data file.
This file must be named data/socials.toml
(put it in the data
folder) and
must contain a array named socials
. For example:
# Go to https://ionic.io/ionicons to find available icons.
socials = [
{ href = "https://github.com/g1eny0ung", target="_blank", icon = "logo-github", title = "GitHub" },
{ href = "https://x.com/g1eny0ung", target="_blank", icon = "logo-x", title = "X" },
# { href = "https://facebook.com/g1eny0ung", target="_blank", icon = "logo-facebook", title = "Facebook" },
# { href = "https://instagram.com/g1eny0ung", target="_blank", icon = "logo-instagram", title = "Instagram" },
{ href = "https://www.linkedin.com/in/g1eny0ung", target="_blank", icon = "logo-linkedin", title = "Linkedin" },
{ href = "https://stackoverflow.com/users/5676489/g1eny0ung", target="_blank", icon = "logo-stackoverflow", title = "stack overflow" },
# { href = "https://codepen.io/g1eny0ung", target="_blank", icon = "logo-codepen", title = "Codepen" },
]
Properties
Each table (object) in the array can have the following properties.
Required
href
: The URL of the social link.icon
: The name of the icon. You can find available icons here (opens in a new tab).
Optional
target
: The target attribute (opens in a new tab) of the link.title
: The title of the social link.