Home Page Redesign

[pmjanus]

Objective

We want to update the design of the main teloscan homepage. We do not want to lose any current functionality but rather incorporate it into the new design.

Design

As inspiration and for colors, fonts, assets we have this link: https://ln5.sync.com/dl/8c909e470/kt77uv8z-2iqrxmz6-xnfixjxn-ysgqteg9/view/default/15315611588014

We can start with the home page:

Top Bar with Network and Language Icons for switching and a Wallet Connect Icon

Nav Bar containing the following: Home Blockchain - Transactions - Blocks Developers - API Documentation - Verify Contract (Sourcify) (open in new tab) Telos Wallet (Link to Telos Wallet) More - Telos Ecosystem - CSV Export

Search Bar

Card Stack with Price, Market Cap, Transactions, Latest Block

Latest Block Table View All Blocks Button

Latest Transactions Table View all Transactions Button

Footer: Copy from Telos.net

• https://assets-global.website-files.com/650f276b38fe3eaebe9f805a/65528613db104118ea0a1646_Dark%20Telegram.svg
• https://assets-global.website-files.com/650f276b38fe3eaebe9f805a/655286129d1c49d4a584d715_Dark%20xTwitter.svg
• https://assets-global.website-files.com/650f276b38fe3eaebe9f805a/655286133f7785732acb1c75_Dark%20YouTube.svg
• https://assets-global.website-files.com/650f276b38fe3eaebe9f805a/65528613aa831d57e0e68431_Dark%20Discord.svg
• http://t.me/HelloTelos
• https://twitter.com/HelloTelos
• https://www.youtube.com/@TheTelosNetwork
• https://discord.gg/telos

Acceptance Criteria

• Create an Epic branch based of Tom's Branch where all the UI changes are displayed while retaining all functionality.

Tasks

• [x] #529
• [x] #530
• [x] #531
• [x] #532
• [x] #533
• [x] #565
• [x] #550