Documentation - Social Footer

The --footer option serves as a convenient way to add a footer to your fastn web projects.
Package Name:
fastn-community.github.io/footer

Overview

  • Footer Links: The primary navigation, referred to as sections in fastn.sitemap, is displayed as a horizontal list of links positioned on the right side of the logo.

How to use

Add footer dependency into your FASTN.ftd
-- fastn.dependency: fastn-community.github.io/footer
Lang:
ftd
-- social-footer
-- import: fastn-community.github.io/footer

-- footer.social-footer:
footer-links: $footer.sitemap.sections
copyright: Copyright © 2023 - [FifthTry.com](https://www.fifthtry.com/)
twitter-logo: $assets.files.assets.twitter.svg
twitter-url: https://twitter.com/FifthTryHQ
facebook-logo: $assets.files.assets.facebook.svg
facebook-url: index.html
discord-logo: $assets.files.assets.discord.svg
discord-url: https://discord.gg/bucrdvptYd
instagram-logo: $assets.files.assets.instagram.svg
instagram-url: index.html
telegram-logo: $assets.files.assets.telegram.svg
telegram-url: index.html
Lang:
ftd

Example

Copyright © 2023 - FifthTry.com

Properties:

Below are details of all properties of social-footer.
footer-links
type:
Sections list (required)
It's used to show fastn.sitemap sections.
copyright
type:
String (optional)
It's used show copyright information of your project.
twitter-logo
type:
ftd.image-src (optional)
It's used show twitter logo. You can change twitter logo with the logo of your choice. The size of logo is 32 pixels width and 32 pixels height on desktop and 24 pixels width and 24px height on mobile devices.
twitter-url
type:
ftd.image-src (optional)
It's used to add your twitter account / handle link.
facebook-logo
type:
ftd.image-src (optional)
It's used show facebook logo. You can change facebook logo with the logo of your choice. The size of logo is 32 pixels width and 32 pixels height on desktop and 24 pixels width and 24px height on mobile devices.
facebook-url
type:
ftd.image-src (optional)
It's used to add your facebook account / handle link.
discord-logo
type:
ftd.image-src (optional)
It's used show discord logo. You can change discord logo with the logo of your choice. The size of logo is 32 pixels width and 32 pixels height on desktop and 24 pixels width and 24px height on mobile devices.
discord-url
type:
ftd.image-src (optional)
It's used to add your discord server link.
instagram-logo
type:
ftd.image-src (optional)
It's used show instagram logo. You can change instagram logo with the logo of your choice. The size of logo is 32 pixels width and 32 pixels height on desktop and 24 pixels width and 24px height on mobile devices.
instagram-url
type:
ftd.image-src (optional)
It's used to add your instagram account / handle link.
telegram-logo
type:
ftd.image-src (optional)
It's used show telegram logo. You can change telegram logo with the logo of your choice. The size of logo is 32 pixels width and 32 pixels height on desktop and 24 pixels width and 24px height on mobile devices.
telegram-url
type:
ftd.image-src (optional)
It's used to add your telegram account / handle link.
Copyright © 2023 - FifthTry