DEMO naigation and initial website map

Question

serejandmyself opened this issue 5 months ago · comments

Top info panel (info line) #30

Consists of: known amount of validators on site, networks, tvl (tvs), several dominance icons
Clicking on val amount -> validatorinfo.com/validators
Clicking on networks -> validatorinfo.com/networks
Clicking on anything else -> validatorinfo.com/global_pos (returns 404 inside of a tab)

Clicking on EN should bring, a drop down language selection menu, in the future
Clicking on USD should bring, a drop down selection menu of currencies that will change the some display info to that currency, in the future
Clicking on the light should in the future change the website to light display (default mode is DARK)

Clicking on the V.Info logo on the right will always -> validator.info/#main (main table) (on the same page, not a new tab)
Clicking on wallet login > 404 in new page

technical description #60 (not needed to be implemented for demo)
Search function is only a visual for now
Clicking on knock, knock -> validatorinfo.com/ai (returns 404 inside of a tab)
Clicking on lucky -> validatorinfo.com/RANDOM_VALIDATOR_PROFILE_PAGE -> 404 in new page

technical description #57
validators -> validatorinfo.com/validators (returns 404 inside of a tab)
networks -> validatorinfo.com/networks (returns 404 inside of a tab)
metrics -> validatorinfo.com/metrics (returns 404 inside of a tab)
library -> validatorinfo.com/library (returns 404)
staking calculator -> validatorinfo.com/staking_calculator (returns 404 inside of a tab)
validator comparison -> validatorinfo.com/validator_comparison (returns 404 inside of a tab)
about us -> validatorinfo.com/about

filter function above table is part of table (in design sense). its a drop out menu to help select complex filters
stars to the right of validator names for now is a visual element only (adds a validator to favorites in the future)
columns that can be sorted: ascending / descending order - any of the 4 scores
clicking a validator name -> validatorinfo.com/validators/X
clicking an icon in the supported assets list -> validatorinfo.com/networks/X
clicking a battery -> validatorinfo.com/validators/X
clicking a pie chart in tvs -> validatorinfo.com/validators/X#metrics
clicking any score tech/gov/soc/user -> validatorinfo.com/validators/X#metrics
clicking any of the links -> will be the end result of the link. twitter/gh/website of the valdiator

The description box on the top has a world button -> takes us to the website of the validator
Clicking the yellow plus opens up a drop down menu with social links
Clicking play on the player (if applicable) will play the file (not open new tabs)
Clicking the visual should enlarge it (for now it should be unclickable)
Clicking the filter button opens up a drop down menu with filters as per design
When clicking on a network in that table it takes us to: /validators/X/cosmoshub NOT /networks/cosmoshub (404 for now)
The rest of the table on this tab is unclickable
Some of the below described elements might not be designed yet
metrics tab: clicking on an asset name -> validatorinfo.com/networks/X
Any of the yellow arrows under the 4 types of scores will open a box with description and precise calculations of the metric
revenue tab: clicking on any of the listed tokens will change the info displayed on the page in the same box
public goods tab: 404 inside a tab
governance tab: 404 inside of a tab

Clicking the filter button opens up a drop down menu with filters as per design
Main tab contains useful info links -> all end links related to a specific project
The rest of the tabs for now do not have clickable links or if design of a tab is missing return 404 inside the tab

If design is missing returns 404 inside a tab
Future links here are take the end user outside of the website, such as links to partners sites on the partner tab, or links to our podcast or our social networks, etc

serejandmyself · Answer 1 · Sat Apr 27 2024 05:51:14 GMT+0800 (China Standard Time)

Implemented onto mind map (tg pin)