Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Website Management Overview

CMS_ScreenShot.jpg

CMS Managed Components

Portions of the website http://FIO.net are managed through the Webflow CMS collections system.

It is located in the left-hand rail midway down as seen in this screenshot.

The following are the key area that can be managed on the site:

Image Added

States of Content in Webflow

  • Draft - Saves a draft of the work your are working on.

  • Published - Will published your work to the test instance and/or live website

    • NOTE: New work will not be pushed out into the wild until it is published.

  • Unpublished - Will unpublished your work to the test instance and/or live website

Components

WhatsNewTile.jpg

What’s New Tiles

  • Purpose

    • The purpose of the What’s New Tile section is to highlight the three most current and exciting things happening at FIO

    • Only 3 can be published at once

      • As the tile ages out, it should be switched to draft mode (if a legacy copy is needed)

      • Tile must be published to display on the website

  • Manage Elements

    • Feature Icon / Image

      • 125px X 125px png files

    • Styling

      • Background Color

        • Add background hex color (brand colors)

          • #765CD6

          • #22A2FF

          • #B65CD6

          • #252525

    • Year

      • Select Current Year

    • Content

      • Name - This is title of the tile

      • Slug - The slug is auto-generated based on the name

      • Description - The description populates the main content area within the Tile

    • CTA

      • Button Text - This is the button text

      • Button Link - This links the button to the relative view

Screen Shot 2024-03-12 at 11.37.58 AM (3).png

Top Banners

  • Purpose

    • The purpose of the top banner is to quickly highlight an action for the user to take or informational highlight

    • Only 1 can be published at once

      • The top banner must be published to display on the website

  • Manage Elements

    • Content

      • Name - This is title of the top banner

      • Slug - The slug is auto-generated based on the name

      • Custom Field

        • Text - The description populates the main content area within the top banner

      • Turn ON Banner

        • Must be enabled for the banner to be displayed

    • CTA

      • Text

        • Text can be hyperlinked in order to drive the user to specific actions or view.

        • Create a hyperlink within the text field

      • Close

        • This is hard coded and allows the user to dismiss the banner

Progress

  • Purpose

    • To highlight and demonstate the FIO protocol’s growth and maturity since it’s first launch

  • Manage Elements

    • Content

      • Name - This represents the title of the progress

      • Slug - The slug is auto-generated based on the name

      • Custom Field

        • Description

        • Link

        • Icon

        • Order

        • Year

        • Type from collection

        • Date

Progress Years

  • Purpose

    • To bind the progress highlight to the year it occured

  • Manage Elements

    • Content

      • Name - This represents the year

      • Slug - The slug is auto-generated based on the name

Progress Types

  • Purpose

    • To bind the progress highlight to the type of progress category

  • Manage Elements

    • Content

      • Name - This represents the progress type

      • Slug - The slug is auto-generated based on the name

    • Custom Field

      • Order filtering list - Provides the numerical order in the list for filtering on the progress page

Eco-systems

  • Purpose

    • To highlight and demonstate FIO’s vast network and eco-system

  • Manage Elements

    • Content

      • Name - This is title of the top banner

      • Slug - The slug is auto-generated based on the name

      • Custom Field

        • Rank

        • Logo

        • Type

        • Feature

        • URL

        • Shows or hides guides section

          • This links both the eco-system user guide and the video guide

Eco-systems Types

  • Purpose

    • To bind the eco-system partner to an eco-system type

  • Manage Elements

    • Content

      • Name - This represents the eco-system type

      • Slug - The slug is auto-generated based on the name

    • Custom Field

      • Order filtering list - Provides the numerical order in the list for filtering on the ecos-system page

Eco-systems Features

  • Purpose

    • To bind the eco-system partner to eco-system features

  • Manage Elements

    • Content

      • Name - This represents the feature type

      • Slug - The slug is auto-generated based on the name

    • Custom Field

      • Order filtering list - Provides the numerical order in the list for filtering on the progress page

Eco-system User Guide

  • Purpose

    • To demonstrate to the user, the many use cases and how to interact with the FIO protocol

  • Manage Elements

    • Content

      • Name - This is title of the User Guide

      • Slug - The slug is auto-generated based on the name

      • Custom Field

        • Reference to the eco-system

          • Select and search for the partner to associated the user guide with OR

          • Create an eco-system partner from this view also

        • Rich Text

        • Description for heading subpage

        • Short Description

        • Icon

Eco-system Video Guides

  • Purpose

    • Video linking to demonstrate to the user, the many use cases and how to interact with the FIO protocol

  • Manage Elements

    • Content

      • Name - This is title of the Video Guide

      • Slug - The slug is auto-generated based on the name

      • Custom Field

        • Icon

        • Short description for ecosystem page

        • Reference in ecosystem

          • Select and search for the partner to associated the user guide with OR

        • YouTube video identifier

People Behind FIO

  • Purpose

    • To highlight all the people helping to manage and grow the FIO Protocol

  • Manage Elements

    • Content

      • Name - This is title of the person

      • Slug - The slug is auto-generated based on the name

      • Custom Field

        • Tag

        • X Link

        • LinkedIn Link

        • Photo

        • Section

        • Order

        • Github Link

Research and Education

  • Purpose

    • To highlight real world application and coverage of the FIO protocol / token in the public eye

  • Manage Elements

    • Content

      • Name - This is title of the tile

      • Slug - The slug is auto-generated based on the name

      • Custom Field

        • Description

        • URL Link

        • Icon

        • Order

Get Involved Tiles

  • Purpose

    • To highlight how individuals can get involved with the FIO protocol

  • Manage Elements

    • Content

      • Name - This is title of the role

      • Slug - The slug is auto-generated based on the name

      • Custom Field

        • Icon

        • Content

        • Background Color

        • Order

Dashboard Tiles

  • Purpose

    • To highlight the many different elements of the FIO app and it’s use

  • Manage Elements

    • Content

      • Name - This is title of the tile

      • Slug - The slug is auto-generated based on the name

      • Custom Field

        • Icon

        • Content

        • Background Color

        • Order

Integration Tiles

  • Purpose

    • To highlight the many different integration opportunities of the FIO protocol

  • Manage Elements

    • Content

      • Name - This is title of the tile

      • Slug - The slug is auto-generated based on the name

      • Custom Field

        • Icon

        • Background Color

        • CTA Text

        • CTA Link

        • Description

Differentiator Tiles

  • Purpose

    • To highlight how the FIO protocol is different from other L1 protocols

  • Manage Elements

    • Content

      • Name - This is title of the tile

      • Slug - The slug is auto-generated based on the name

      • Custom Field

        • Icon

        • Description

        • CTA Link

        • Background Color

        • Flip Card Description

Benefits Tiles

  • Purpose

    • To highlight the benefits of the FIO protocol

  • Manage Elements

    • Content

      • Name - This is title of the tile

      • Slug - The slug is auto-generated based on the name

      • Custom Field

        • Description

        • Icon

Privacy Policies

  • Purpose

    • To allow the privacy policy content to be managed

  • Manage Elements

    • Content

      • Name - This is title of the view

      • Slug - The slug is auto-generated based on the name

      • Custom Field

        • Content

...