Documentation - Basic 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

  • Logo: The fastn website logo is placed in the top-left corner of the footer. Clicking on the logo leads back to the homepage.

  • 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.

  • Sub-sections: Secondary navigation which called as sub-sections in fastn.sitemap is placed in the footer.

How to use

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

-- footer.basic-footer:
footer-links: $footer.sitemap.sections
copyright: Copyright © 2023 - [FifthTry.com](https://www.fifthtry.com/)
site-name: fastn
site-url: index.html
site-logo: $assets.files.assets.ipsum-logo.svg
logo-height: 42
Lang:
ftd

Example

Copyright © 2023 - FifthTry.com

Properties:

Below are details of all properties of basic-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.
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.
Copyright © 2023 - FifthTry