Footera fastn package

Documentation - Sitemap 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
-- sitemap-footer
-- import: fastn-community.github.io/footer

-- footer.sitemap-footer:
footer-links: $footer.sitemap.toc
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
site-name: fastn
site-url: index.html
site-logo: $assets.files.assets.dummy-site-logo.png
logo-height: 32
sign-up-txt: Subscribe Us
sign-up-link: index.html
subscription: true

I'm surprised you had the courage to take the responsibility yourself. Leave
that to me.
Lang:
ftd

Example

Footer Overview
Documentation
Contribute
fastn
Subscribe Us
Copyright © 2023 - FifthTry.com

Properties:

Below are details of all properties of sitemap-footer.
footer-links
type:
Sections list (required)
It's used to show fastn.sitemap toc-items.
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.
site-name
type:
String (optional)
It's used to show your fastn web site name.
site-url
type:
String (optional)
It's used to add your site homepage url, which will be added to site-name and site-logo. Onclick of site-name or site-logo page will be redirected to site-url link you add as a value to this property.
site-logo
type:
ftd.image-src (optional)
It's used to show your fastn web site logo.
logo-height
type:
Integer (optional, default: 32 pixels)
If you want to change height of the logo image you using in site-logo property. Just add a integer value to this property the height of the logo will change in that value pixels.
bio
type:
Body (optional)
It's used to show body content inside this footer type. You can add it as normal body as shown in above code snippet.
subscription
type:
Boolean (optional, default: false)

It's used change enable / disable subscription form in this footer. If you want to show subscription form then pass subscription value as true.

By default subscription value is false which means subscription form is disabled by default.
sign-up-txt
type:
String (optional)
It's used change Subscribe form button text.
sign-up-link
type:
String (optional)
It's used change Subscribe form button link.
Copyright © 2023 - FifthTry
Powered by