• The charts on the design sketches must become functional. i.e read fake or real data and work. Good tool: https://github.com/Cordtus/cl-pos-graphs
• This is a front end task, for back end relevant task, see #113
• Some of the visuals are semi-interactive, i.e. info pane (i) hovering symbol, left menu fading, some buttons (design), dark mode / light mode, etc - they need to function =)
• Includes: scrolling, column ordering, back to top functions, etc

• /metrics/X
• same visual as for metrics?
• description about the metric
• page title

• A page with metrics we gather
• No visual like on other pages, instead:
• A visualization of the total TVL growth over time, comparison between each ecosystem on one chart (cosmos / polkadot / eth)
• Blocks of data: total amount of validators, total amount of networks, total amount of claimed val pages, total amount of ecosystems, etc?
• Example of global statistics page: https://www.coingecko.com/en/global-charts

• /networks
• An A-Z list of networks that has a sub-menu of ecosystem: Cosmos, Ethereum, Polkadot, etc
• Contains H1 heading in from of page title

• Implement market style user reviews for validators
• Review rating can be implemented into rep later

• mainly validator things
• can be also dev resources,, i.e. https://www.innovationtheory.com/ OR https://smartsechub.xyz/

https://www.mintscan.io/evmos/address/evmos1mtwvpdd57gpkyejd566s24afr9zm5ryq2xp3d0

Top part visual (Separate task (non demo related): #39)

• Each validator profile page is presented with a visual of the connected nodes (map of zones style)
• The visual can be expanded to full screen view

Top part of the page (stays the same as we scroll through tabs)

• Clear name at the top, after the words Validator Profile:
• Blocks: (A) validator badges, (B) playable player with our interview if applicable (https://serejandmyself.github.io/ (an example on my blog), (C) block with short description and a button to expand social links (Website link is visible with a clickable icon outside the links) - the button itself needs to attract attention to it (D) Claimed glow button if the page is claimed by a validator
• Claimed (by default it doesnt show up, but we want to show an example with claimed) is actually a badge! So claimed goes together with badges on one side, and info with links and player on the other side
• Example of social links drop down menu: https://suiscan.xyz/mainnet/validator/0x61953ea72709eed72f4441dd944eec49a11b4acabfc8e04015e89c63be81b6ab/delegators (its also a validator page analogue)

Tabs

1. Network table (open by default)

• Table with networks a validator validates, an example: https://polkachu.com/validator_entities/82DA4FF029A26E24
• Example: (cosmostations validators networks - second bottom of page): https://www.mintscan.io/visualization/validators/cosmostation
• Containing the following metrics: network, validator rank on it, voting power, commission, self delegation, total delegetions, missed blocks, fee, uptime, participation rate, fans (amount of delegators), APY, status (active/not - its a red, green or yellow circle)
• Contains pie chart visual of stake distribution on given network
• When clicking on a network in that table it takes us to: /validators/X/cosmoshub NOT /networks/cosmohub

2. Metrics

• Technical score, Social score, Governance score, User score (TS, SS, GS, US) from main table shown here as 4 separate blocks on top with an arrow button that opens a drop down box with information
• Boxes with TVS, Fans, Assets underneath the top boxes with numbers
• A graph/chart of how the TVL and the total stakers grow over time.
• An example: https://www.stakingrewards.com/provider/luganodes?category=pos&sort=staking_wallets&timeframe=30d&order=desc (no need for the info on the left ((aum/stakers))

3. Revenue

• Shows revenue of the validator for the end user: this is a subjective(!) tab
• Some validators drop tokens to users. Example: https://cosmospug.com/airdrops/?validator_specific=yes
• There should be an info box that shows if there is an own token that the validator has (something similar to the example above)
• There should be a clear visualization of 2 icon/logo: (A) re-stake icon and info (possibly another drop down menu), (B) a badge in case validator has slashing protection
• A box that shows a validators Daily commission by network. Example: https://inbloc.org/cosmos/validator/cosmosvaloper1tflk30mq5vgqjdly92kkhhq3raev2hnz6eete3 (daily commission is presented by network here as a text line. we can present it as a metric box here by token)
• Just like it is presented now where you have each token in black, there will be a clickable menu of the token the validator has. Once a user clicks on a token, i.e. juno - A form with a calculator will appear below. Something like this, but more simple: https://www.stakingrewards.com/asset/solana (where it says calculate your sol staking amount ) - middle of the page, middle calculator and form, where the user enters amount of tokens they staked and time period. That form will take into account: the APY of the validator over the given period of time (minus any slashing events) (minus commission of validator) + validator specif airdrops, such as the case of posthuman. And the calculator will return an answer for 1, 7, 30, 365 days in usd / or token.
• Growth against network: on the left a chart is drawn (like with the calculator) which would show 2 lines, one the returns with the validator and another one, in different color -taking into account average apy, commission and average staking rewards, and compare them over time
• Staking history: https://inbloc.org/validator/cosmosvaloper1e859xaue4k2jzqw20cv6l7p3tmc378pc3k8g2u (staking stats history) (changes as the user picks a different token - the whole screen will change ((only the form of the calculator will remain with __ for input))

4. Public Good

• A tab that will clearly present everything a validator offers as public good, for example this can be a podcast they have, it can be some infrastructure they are running for the network apart from validator nodes, etc
• The tab should have blocks: (A) INFRASTRUCTURE (B) MEDIA (C) TOOLS (D) COMMUNITY (E) OTHER
• The info in this tab will mainly rely on user additions - they will be able to login and submit something to those categories by signing a tx. But we will also submit to here
• The infra section is a table of nodes: rpc nodes, relayer nodes, archive nodes, other nodes
• Additions can also be known interviews to podcasts or on conferences. It can be guides a validator wrote, an applications they created, something they organized, etc
• Anything a user will add / approve / disprove will give the user a badge / score?

5. Governance

• Validator governance participation. Validators vote on proposals on networks. This is an important part of a networks life. A simple idea for a visualization is a news feed, with latest votes on latest props. We can strive to make this a highlighted feature, as of today this remains a very high demand feature, thats not been implemented anywhere
• Not to mix with the governance tab on validator X on network Y page. This one is a summary, feed. Maybe some visuals. The other one is detailed voting history of a validator on a given network
• Example (voting activity): https://www.mintscan.io/cosmos/validators/cosmosvaloper1clpqr4nrk4khgkxj78fcwwh6dl3uw4epsluffn - but this is more about the second case (a table with stats)
• We should be able to see the past proposals and their success rate (percentage and vote visual) - the ones that the validators created
• Example of participation rate visualization: https://www.mintscan.io/analytics/governance/trends
• Idea: pie charts and the colors of the different votes: https://inbloc.org/cosmos/governance (here it is used to summarize a network view on a proposal)
• An important feature to design: voting filters (who voted the same, voting history) - wont work now, but will be used later. Basically if a user clicks on this button, they should be shown other valdiators with similar votes. It doesnt make sense to compare vote by vote here. More along the lines of "show me validators that have similar opinions" - this will check the voting history and find other with the same one

• /validator/X/cosmoshub
• Shows details of a validator on a given network
• First arrive by looking at validator table of networks and clicking on network in that table
• logo top of the page of the validator
• page title highlight
• Followed by a submenu with the following titles:

Validator info

• Taking this as reference (top of the page): https://www.mintscan.io/cosmos/validators/cosmosvaloper1e859xaue4k2jzqw20cv6l7p3tmc378pc3k8g2u
• but the representation needs to be https://analytics.smartstake.io/injective/val/injvaloper1hsxaln75wjs033t3spd8a0gawl4jvxawn6v849
• validator name in written, Account address (clickable link), validator address (clickable link), public key, identity, reward address if exists (clickable link), authz permissions (if exist) unjail, voting, withdraw rewards, withdraw commission, send tx (shows to which address and for how long is the grant given)
• Above (!) it, info boxes: commission (out of max possible for this validator), amount of tokens delegated, expected APR, outstanding reward, % of voting power compares to network, rank on the network, status: color coded
• authz Example: https://www.mintscan.io/bitcanna/tx/E6291B5EFF184B32864C94141521DA132F4856DCC30E2435EB11752F783BD1AB?height=9212015
• The box in the middle where it says Authz Grant. We will collect automatically all of such possible transactions

Voting summary

• Voting summary of the validator on proposals on a network (same style as summary of governance on val profile page)
• Clicking on proposal in this case (as oppose to val profile) opens details about the proposal

TX summary

• Transaction table of the validator on this network, with the following columns: status of tx (can also be color reference, i.e. - green for successful or red for failed), type of tx, timestamp, number of block it happened on, tx hash (number) - clickable to see details of tx

Rich list

• A table of the Delegators sorted by the amount of delegations to the validator: address, amount

Power history

• Power events: amount, block height, tx hash (number), amount of time ago (sorted by default starting with latest) - clickable to see details, amount
• Example: power events section: https://www.mintscan.io/cosmos/validators/cosmosvaloper1e859xaue4k2jzqw20cv6l7p3tmc378pc3k8g2u)

Wallets

• Keplr

• Metamask

• Polkadot

• Wallet connect

• Others

• https://github.com/block-wallet/extension

• https://github.com/rainbow-me/rainbowkit

Messengers

• https://github.com/nabladelta/lambdadelta
• https://github.com/paolodamico/debin
• https://github.com/balzack/databag
• https://github.com/textileio/go-threads

Ethereum

• https://github.com/Electron-Labs/cw-eth2-lc
• https://www.starknet.io/en/

Cosmos

• https://cosmology.zone

• /validators
• A visual of our logo in the center validator pro page style
• A page that lists all available validators by alphabetical order
• Upon clicking any it takes us to validatoinfo.com/validators/citizenweb3

• Each user does actions on our platform, each action can earn them a badge
• Each validator makes onchain and other actions that can be traced, each action can earn them a bade on the platform

Val badges (priority)

• GitHub account

• Build open source tools

• Passed KYC (paradoxal badge)

• Runs public nodes (rpc, etc)

• Claimed validator page

• Done Citizen Cosmos / Citizen Web3 interview

• etc

• Val badges should be shown in 2 places: a) validator profile page, b) on main page a battery 🔋 style icon next to each validator (in the main table). The more badges he has, the fuller the battery

User badges (including future actions)

• Logged in (has account)
• Has favorites
• Shared a link outside the platform
• Minted NFT
• Staked on validator
• Added info to a validator profile page
• Set avatar
• Received token
• Used staking pool
• Added info to library page
• Added info to network page

1. A staker of any token wants to find out information about whom to stake tokens with, or simply wanting to find out info about the validator they are already delegating to.

2. They either search for or find the website validatorinfo.com

3. They arrive at the main page, which present them with a list of validators, written alphabetically, without being broken down by ecosystem. They may also use some of the filters presented to narrow the search down

4. The main page contains not just a validator list, but the validators are presented with metrics and some basic links. Each validator is clickable

5. Upon clicking any of the validators, the user arrives at a validator profile page. The validator profile page presents the user with a various info, such as a visualization of the validators nodes. Various metrics and visualizations about the validator. A table of the validated networks with various metrics. Governance summary, etc

6. A user may also access a left menu from any of the pages of the website. The menu includes links to a more simple a-z validator list, a network a-z page and a metrics a-z page. Each takes the user to the desired page with alphabetical lists. Each item in the list is clickable and takes the user to the appropriate page with the description of the metric. In the case of the validator, it takes the user to the validator profile page. In the case of a network, i.e. cosmos, the user is:

7. Taken to the network summary page. A similar page to the validator profile page, in which they are presented with various metrics and visualizations

8. Bottom of each page contains a sub-menu with our social links

9. The left menu also contains links to such pages as about us, etc.

10. When a user clicks on a network from the validator profile page, he arrives at the network summary page. From here he can see transactions like on a normal explorer

11. A user can see a table with networks A given validator valdiates. And other info

12. A user clicks on CosmosHub inside citizenweb3 validator page and gets to /validators/citizenweb3/cosmos - Here they will find info related to that validator on that network, such as governance summary, tx summary etc

13. A user clicks on tx XYZ in that list, and gets to /validators/citizenweb3/cosmos/tx/123456789 they see tx info and can expands tx detail on same page or get a JSON format of the tx

• Talk with validator school for initialize partnership / influencer advertisement in Cosmos ecosystem

• A user can log in using web3 wallet
• Upon clicking on avatar after log in user is taken to dashboard page
• Here he has badges, nfts, some info, can set avatar via tx, staking pools, throne room, etc

Visualizations

• On each validator profile page i.e. citizenweb3.com/validators/posthuman
• Top, center of the page, interactive visual
• examples: https://www.mintscan.io/visualization/journey/osmosis
• https://mapofzones.com/home?columnKey=ibcVolume&period=24h
• Should include nodes to networks i.e. gravity bridge validator, rpc nodes, archive nodes, api nodes, relayers, bridges, ipfs nodes, etc - in possible to apply order of complexity
• 2d and 3d option
• Another example: https://cyb.ai/@mastercyb/brain
• One more: https://cryptoflows.info/

Useful tools

• https://github.com/CelestiaProject/Celestia
• https://twitter.com/anvaka

• Visual though every page
• Stays the same
• Whenever a user is on page X it should be highlighted by the menu
• Menu hovers left and back with button - need button design and hover design
• Menu: Validators, Networks, Metrics, Library, Staking Calculator, Validator Comparison, About Us
• Each button should have an own symbol next to it

Style

• Pixel art, early 90s PC gaming
• All menu subtitles must be seen as any page is scrolled down
• BY DEFAULT THE PAGE LOADS DARK MODE
• Page titles should be H1

Some pixel art examples

• https://radworks.org/
• https://www.yieldguild.io/
• https://www.aavegotchi.com/
• https://www.atlasdao.zone/nft
• https://x.com/Mr_Pixelor?t=IP1PkD5i-jfBkzxk4UoYow&s=09
• https://sillydragon.io/
• https://www.memecoin.org/
• https://pepemon.world/
• https://zibu.io/
• https://www.sandbox.game/en/
• https://www.pixels.xyz/
• https://opensea.io/collection/pixelmongen1?tab=items
• https://blockgames.com/
• https://marketplace.skymavis.com/collections/ronin:b806028b6ebc35926442770a8a8a7aeab6e2ce5c

Elements

• 404
• Font
• Headings
• Logo: top left corner. upon clicking on any page, it takes back to home page: validator.info
• Button style
• Fav button to add validator
• Button to open proposal details on /validators/X/cosmoshub in governance block
• info pane button (an info or question mark next to tiles of metrics/columns that take to explanation)
• Padding / Borders / Spacing
• Main left menu: hovering element, button to take menu left or right, highlight of selected page, title icons
• Top and bottom menu (info, search, login, buttons, our socials) placements
• Info line: coingecko style info, https://www.coingecko.com/, always visual
• Search panel + buttons
• authz permissions button on /validators/X/cosmoshun in top block with address detail
• Pie chart visual of stake distribution on given network
• Validator on network: on /validator/X/cosmoshub a highlight icon top of page to show where you at page title
• page title for proposal detail page
• TX detail button on tx detail page
• JSON tx button on tx detail page
• Login / avatar circle: leads to 404 for now
• Table stylistics (main table, validator network table, etc)
• Right-top help menu
• Bottom social links menu: twitter val info, github, staking page citizenweb3, telegram web3soceity
• Status of tx finality (how long it takes - how many txs - when finish - hot or cold)
• Icons for tx types on /validators/X/cosmoshun in transaction table block
• 2-4 pixel characters (404 is one, avatar is 2, library page is 3, etc if possible)
• Staking reward calculator
• Badges (separate task)
• Library page visual
• Validator nodes visual (separate task)
• Network profile visual
• Claimed by validator page visual icon

• A logged in via web 3 user can staked any? tokens on a validator
• Staking on a validator mints an NFT
• NFT gives cash back if staked back to citizen web 3 and merch discount, etc
• This can be heavily integrated into provable reputation mechanics
• To add game theory. You give can create staking pools on a specific validator, which mint tradable nfts in return that can be used as game cards

• Visual on each page, coingecko style
• Info: Validators: XXX Ecosystems: XXX TVL: XXXX Dominance: Cosmos: XX% ETH XX% Polkadot: XX% all that to the left

• Find influencers in each ecosystem that can be interested in advertising on the platform

• Cosmos: val school

• Cosmos: others

• Ethereum

• Polkadot

• Others

Tl;DR

• The main page contains the main data table of the website. It is the face of the idea and the project
• One of the goals is to remove tribalism amongst ecosystems, hence this is a multichain explorer for validators, showing validators across all possible POS networks and beyond (with the ability to filter by ecosystem)
• Second idea is to minimize the damage explorers, etc do to decentralization of stake, by minimizing unhealthy ranking by TVL (TVS in our table)
• Third is the introduction of information about validators in one place
• Fourthly, showing clear, important data that makes sense to all types of users
• The table offers filtering
• By default, the sorting is random. Users may hardcode their own top in the dashboard stage

The table

• Technical score, Social score, Governance score, User score (TS, SS, GS, US) are metrics we calculate on our side (explored in detail on the profile page - they are clickable links)
• Final result are calculation as a score based out of a 100 or 10 to make it easy
• Social links: Website, Twitter, GitHub. Shown as clickable favicons
• Supported assets: shown as logos of tokens or/and ecosystems in black and white
• Battery is based on badges collected for actions. At this stage it will be empty for all validators
• TVS is overall staked number with the validator across all networks
• Also, TVS is shown as pie-chart, which shows the breakdown of the distribution a validator owns
• Example of pie chart: https://staking-explorer.com/staking/cosmoshub

Calculated scores

1. Technical score

• To include in calculations: Total amount of networks, total amount of known nodes?, total voting power per network?, supported assets by validator, participation rate, uptime, amount of missed blocks per period, amount of status (active, etc), A reading of ISP providers and locations of nodes compares to others, Stakebar technical data

2. Social score

• To include in calculations: has twitter, has website, has logo, has description, twitter followers?, twitter lunarcrush or similar score?, has telegram, done interview with us, done other interviews, has info on profile page about their public goods, has revenue info on profile page, has keplr web3 reviews, has reviews on our site, other ratings: bro n bro and stakignrewards, public pgp keys?, twitter # reading?, rss hashtag readings?, other links?

3. Governance score

• To include in calculations: average commission per network compares to others?, amount of delegators, self stake ratios?, fans (account that delegate to them), amount of created proposals, amount of voted proposals, governance forum activity, social network administration

4. User score

• At start will be NA for all validators
• To include in calculations: additions to favourites, amount staked on validator, minted nfts/poaps of validator, review score of validator, additions of users to validator page

• Very basic
• Has p2p, no data record chat
• Self hosted
• Mario style, but simpler
• Validator topic related

Examples

• https://swap.ecko.finance/start

• A user can receive numerous nfts from the platfrom i.e. user badges, staking on validator, etc
• Implement staking pools to mint own token

• Following same principles as previous pages
• Each page contains H1 title and is minimized to 1 block window if possible

• /abouvalidatorinfo
• Logo, page title, H1
• Horizontal drop down menu, with following categories (analogue with validator profile page tabs):

General info (open by default)

• copy from https://www.citizenweb3.com/about

partners

• a visual with our logo in the middle and connections to various logo of partners (for now you can use already posthuman, bro n bro, cyber)

staking

• (info with links): copy from https://www.citizenweb3.com/staking

podcast

• (info with links): text about podcast + latest episode player (like on validator profile page) with some links at the bottom, like this -https://www.citizenweb3.com/subscribe

contacts

• right bottom help menu in larger icons
• email address

• If a validator claimed a page they an leave announcements to their delegators or to everyone (easy to filter by people who either favorite them or stake on them)
• Leading into bazzar idea

• A users rating should be included in calculating validator rank
• This can provide basic reputation mechanism
• Validator added to fav, validator claimed page, users add info to validator page, twitter activity, github activity, etc
• Reputation can be shown as basic A-Z score on main table at later stage
• Reputation can be battery + XYZ
• as users submit info about validator, they submit it by signing tx from different networks, thats on chain verification

• Visual on each page, coingecko style buttons
• Right side: Language button, currency button, light switch that takes the page from light to dark (BY DEFAULT THE PAGE LOADS DARK MODE)
• Buttons should have texture

Validator list page

• Each validator name on validator page list should take to the right link
• I.E. validatorinfo.com/validators/ - lists A-Z val list, Upon click on any name in list takes to validatorinfo.com/validators/X
• Should have filter by ecosystem i.e. cosmos, polkadot, eth -> filters out validators that support an asset in one or more of those ecosystems

Top info panel

• Consists of: known amount of val on site, networks, tvl (tvs), several dominance icons
• Clicking on val amount takes us to: validatorinfo.com/validators
• Clicking on networks takes us to: validatorinfo.com/networks
• Clicking on anything else takes us to: validatorinfo.com/global-pos

Global-pos page

• A visualization of the total TVL growth over time, comparison between each ecosystem on one chart (cosmos / polkadot / eth) - means that a filter on chart function should be implemented. Networks should be broken by ecosystem - filter implementation
• Blocks of data: total amount of validators, total amount of networks, total amount of claimed val pages, total amount of ecosystems -> working links
• total amount of validators -> /validators
• total amount of networks -> /networks

Validator profile page

• When clicking on a network in that table it takes us to: /validators/X/cosmoshub NOT /networks/cosmohub

TX details page

• https://www.mintscan.io/cosmos/tx/C1CA980A2E78F0B593666AF4FB641147BA579F2DECF344AD4C0920066E8D3279 a good example

• validators/X/cosmoshub/tx1
• Logo of validator
• page title and tx hash
• network logo
• info of transaction
• The transaction is summarized like in this example on the same block: https://cyb.ai/network/bostrom/tx/585710670414F1A3F7FBF83FB31648FEF9149EB7D3A7BABAB595655323E7870D
• 2 buttons: expand/show tx description. JSON - opens the same page in json format
• Underneath we have 2 buttons. one says "expand" with arrows and upon expanding we see similar to this tx description:
  https://www.mintscan.io/cosmos/tx/C1CA980A2E78F0B593666AF4FB641147BA579F2DECF344AD4C0920066E8D3279
• The second button is JSON (also like on mintscan) - what happens is exactly the same as what happens on mintscan when you click that button

• Hosting (think of going bare metal as planned) working
• Constant connection
• Security
• Web3 version up and working
• Bandwidth (extra servers for UI?)
• Data storage, scrapping and analysis
• DB management

• From the main page (left menu) there should be a link to the comparison tool
• OR/AND, on every validator profile page, located next to the visual block, should be a button "compare validator"
• Provides the ability to compare and visualize basic information about a validator, and share to twitter, tg, etc
• examples: https://www.mintscan.io/analytics/market/comparisons
• for example comparing uptime, revenue over time, etc
• using smaller validators to earn more for end users (capital use efficiency)

• Main page: validatorinfo.com
• Val Profile page: validatorinfo.com/validators/X
• Val network page: validatorinfo.com/validators/X/cosmoshub - a page that shows details of validator on a given network
• 404 page: in progress or error (same visual for ... tabs)
• Network profile page: validatorinfo.com/networks/X
• Complex metrics page: validatorinfo.com/metrics/X a metric we calculate ourselves and need to explain
• Library page: validatorinfo.com/library
• About us page: validatorinfo.com/about
• User Dashboard page
• Validator Dashboard page
• TX page: validatorinfo.com/validators/X/cosmoshub/tx1
• Proposal detail page: validatorinfo.com/validators/X/cosmoshub/prop1

• Visual on all pages
• Google style and cyb.ai style
• In between our logo and avatar circle
• main idea: search in explorer or on website
• Can search tx, val name, network name, something on site (metric name, word search, etc)
• 2 buttons underneath:
• Lucky: We are goign to put next / undernetath / whatever the search bar the same button - this will take us for now to a random validator
• The seocnd button - is our AI search thing - it will take you to /ai - but i guess for now it will lead us no where - 404 for now

• A user has a dashboard page
• Civ 2 idea
• Upon receiving badges, doing actions, minting nfts, staking - the throne rooms develops
• Use same pixel art style with same 90s PC gaming characters

Top part visual

• Each network has a profile page. i.e. validatorinfo.com/networks/evmos
• Uses the logo of the network as the visual (stays the same as we scroll through tabs)
• Somewhere next to the logo there should be a visual icon / button that takes us to a transaction list, for now it will be 404 page

Examples of network profile page for elements, not design)

• https://staking-explorer.com/staking/cosmoshub (when you scroll down, note the labels)
• https://staking-explorer.com/tokenomics/cosmoshub
• https://mapofzones.com/zones/space-pussy/overview

Tabs

1) Useful info

• links to important places. Example (first block with links): https://www.mintscan.io/cosmos
• APR, APY presented in "boxes" above other boxes
• A block with box of "text" info: Active validators, Unbonding time, community tax, proposal creation cost, voting period, Slashing, comm pool value in USD, % of comm pool to total supply. Example https://analytics.smartstake.io/injective/val/injvaloper1hsxaln75wjs033t3spd8a0gawl4jvxawn6v849
• An alternative approach to this tab: https://relayers.smartstake.io/relayer/44937E3DA9AA699A

2) Statistics

• Boxes of information: total accounts, total validators, total staked, percent staked, staking apy/apr, total supply, community pool total, gini coefficient, rich-list of delegates, block rate, nakomoto index, average delegations, pending undelegations, total amount of tx
• Blocks visual example: https://analytics.smartstake.io/injective/stats | https://inbloc.org/
• Under that or to the right (another block in this tab) Validator data summary text block. Example: https://www.mintscan.io/analytics/network/validators/comparisons
• Lets change the way this block looks though. We will add a visual of token distribution across validators on the network
• Example: https://www.mintscan.io/analytics/network/validators/distribution (this is comparison tool, we are only taking one network here for the idea)

3) Governance

• Governance summary block from the networks perspective (not a validator perspective)
• There will be a text block with summary first, example: https://www.mintscan.io/analytics/governance/comparisons
• The text in that box (title of box: proposal summary): Total, Passed, Rejected, Pass Rate, Frequency
• Followed by a chart to visualize this: https://www.mintscan.io/analytics/governance/trends
• Followed by somethign similar to this (either visual pie charts or text in table or a mixture): https://inbloc.org/cosmos/governance (lists alive and passed proposals). Clicking a proposal will open a page with details

4) Dev info

• A tab to show developer activity and information they might be interested in
• First block helps to explain what consensus the network uses. Example: https://www.mintscan.io/cosmos/validators/consensus (we should minimize it)
• Second block is 3 buttons. peers, seeds, binary versions: those 3 are the most clickable buttom buttons. when they are clicked a menu expands. stylistic example: https://polkachu.com/networks/cosmos - click on the link and then on, for example - live peers. The idea is minimize this. So they are 3 buttons, which upon when clicked open submenu with info
• Third block is informational and visual, that shows: Monthly commits, total commits, etc
• Here they show a lot of networks in one, but take one block as an example: https://www.cryptometheus.com/
• You can see commits by month, day, year, top repositories and commits to them
• We can also add boxes with "GH stars" "GH forks"
• Finally or on top an activity trend. Check the visual on the right side in the table as you scroll down: https://www.mintscan.io/visualization/dev-activity

5) Liveliness

• Shows info about token, capital moments, etc. Example: https://mapofzones.com/zones/bostrom/overview
• Separate block for token info, price and changes. example: https://near-staking.com/
• Followed by a chart of the price against time
• A pie chart that visualizes distribution (like in the mian table with validators, but bigger)
• Boxes with information about volume of capital IN and OUT in $ (with visual?)
• Chart of active addresses AND chart of amount of account change with positive balance over time
• A box with community pool TVL (not tvs)
• A box with info of connected peers
• A box wih total % of tokens staked

Explorers and wallets with open source code:

• https://github.com/ArkEcosystemArchive/explorer
• https://github.com/ping-pub/explorer
• https://github.com/polkastats/polkastats
• https://github.com/catchain/tonscan
• https://github.com/EthVM/EthVM
• https://github.com/EscanBE/meeting-square
• https://github.com/ava-labs/avalanche-explorer
• https://github.com/etherparty/explorer
• https://github.com/ethereumclassic/explorer
• https://github.com/iquidus/explorer
• https://github.com/forbole/big-dipper-2.0-cosmos
• https://github.com/chainapsis/keplr-wallet
• https://github.com/chainapsis/keplr-chain-registry
• https://github.com/leapwallet
• https://github.com/forbole/juno

• validators/X/cosmoshub/prop1
• Logo of validator
• Page title
• Logo of network
• Proposal details, containing:

• Own LLM model, built on our interviews + other data (blog content, github account content, tweet stylistics, onchain metrics, othe rpublic interviews)
• Self hosted (both hardwawre and software at the end)
• Can tell what a validator is doing and why. i.e. preferences in political views

Hardware

• https://coral.ai/products/#prototyping-products

Persistent AI: initial implementation

• https://persistent-ai.fulgur.io/chat
• use already existing agent to play and implement

Code migration

• https://github.com/joshpxyne/gpt-migrate

AGI & LLM

• https://github.com/brylevkirill/notes
• https://github.com/TransformerOptimus/SuperAGI
• https://github.com/Ryan-yang125/ChatLLM-Web
• https://github.com/Mooler0410/LLMsPracticalGuide
• https://github.com/vanna-ai/vanna
• https://github.com/deep-foundation/deep-chain
• cyb.ai
• https://github.com/collabora/WhisperSpeech
• https://github.com/LouisShark/chatgpt_system_prompt
• https://github.com/janhq/awesome-local-ai
• https://github.com/DefTruth/Awesome-LLM-Inference
• https://github.com/vercel/ai
• https://www.morpheusai.org/

• A user that is logged in using his web3 wallet can perform a swap function using local hosted ipfs UI of uniswap, etc
• At start possibly the token swap is limited to drop/bubble idea VS minted NFTs (requires own market?)

• The website has a validatorinfo.com/library page
• the link is always present in top left menu that appears throughout the website
• Page contains several blocks, broken down into: operators (node holders/validators) / delegators / developers / learners?
• Top of the page (just like val profile page) is an art a visual, followed by a sub menu
• The 3 main blocks are presented like the sub menu on about us / val profile page
• Each section opens up a-z list of embedded links into title of the link with description. I.e.: How to run a node on Cosmos (link embedded into words)
• Possibly each section will be further subdivided into topic inside the page. i.e. node security, sentry guides, etc
• Page contains link to web3 society
• Example of resources in the learners section: https://smartsechub.xyz/ (passive library) and https://www.innovationtheory.com/ (active library)

• /metrics page design
• A-Z list of metrics
• contains visual on top val profile style
• upon clicking on each metric a pane opens with short description of that metric
• complex metrics that require calculations, should have own pages. i.e. /metric/X
• top of the page should contain filter for our metrics, which will filter out the metrics we calculate on our side
• preferably link to github where its implemented
• Example of how to cleanly and simpy portray document text: https://docs.daodao.zone/docs/proposal-messages

• On a val profile page, there is a revenue tab, going furtehr we can try to develop a basic metric to be later on used in calculations
• We can show this and calculate easily a metric, such as: user A stakes amount B for period of time C, during period of time D. For that he recieves Cashback (if provided) or validator token + staking rewards, that's E
• If value of E over period of time D is larger than sole value of staking rewards. We have something to work with.

Metrics calculation that can be calculated as averages to a network

• Rather then showing normal uptime, we can show uptime compares to the average uptime on the network in question
• This means we have to aggregate and calculate that on our side
• Same goes for missed blocks - we need to calculate the average missed blocks per validator per round of time and show it in comparison + amount of missed blocks. So it will be the normal amount + % out of 100 or similar
• Any other such metrics? That can be shown using medians/averages?
• TVL can also be compared to the rest of the network. That is already shown in power of total network. i.e. percent of total stake. maybe they should be shown together somehow

Ranking and sorting

• i.e. At start there is 100 validators, each has 100 tokens or 10000 units staked total or 100 per validator. after 3 months validator X has 60 units. assuming the average still remains 100. Our validators TVl would be 0.6 out of 1. It would be more important to delegate to him in terms of decentralization
• Random (added to ip address call)
• Own mixture (separate task)

Active and inactive validators

• In inactive list a valdiator can be working for X time, but with no delegations. Most explorers today show only search by default the active set, there is a feeling that if you are not in the active set, then you simply do not exist. Against decentralziation
• Naming inactive is incorrect. Validator can be active, just not signing blocks

Extra metrics

• ratios (i.e. self stake / stake) (median of delegated tokens on a given network in comparison to other vals)

Validator revenue

• On a val profile page, there is a revenue tab, going furtehr we can try to develop a basic metric to be later on used in calculations
• We can show this and calculate easily a metric, such as: user A stakes amount B for period of time C, during period of time D. For that he recieves Cashback (if provided) or validator token + staking rewards, that's E
• If value of E over period of time D is larger than sole value of staking rewards. We have something to work with

Wording

• TVL -> TVS (total value secured)
• Stakers / Delegators -> Followers or fans

Buttons

• Use glow
• Clearly visible to the end user. i.e. an arrow that can sort a table needs to be clearly visible

Page headings

• Have clear labels. I.E.: Validator Profile: Citizen Web3 Network Profile: Juno, etc

• A validator can claim a page via a tx and a sign
• If so, he will have a dashboard page upon login
• citizenweb3/validators/bronbro/dashboard
• The dashboard contains rep metrics, badges visualisation, links to important tools (gov comparison, etc)

• Contain page titles in H1

1. metrics/socialscore/
2. metrics/governancescore/
3. metrics/userscore/
4. metrics/technicalscore/
5. metrics/battery
6. metrics/averages
7. metrics/uptime
8. metrics/ratios
9. metrics/missedblocks
10. metrics/tvs (should also redirect here from metrics/tvl)
11. metrics/ranking
12. metrics/activevalidators
13. metrics/inactivevalidators
14. metrics/randomshuffling