PoS-accurate stats, fix max supply to 2222222, wordmark header, transparent favicon, hash tooltips

src/lib/components/BlockTable.svelte

@@ -31,7 +31,7 @@
 						</a>
 					</td>
 					<td class="py-2.5 px-3 font-mono text-xs">
-						<a href="/block/{block.hash}" class="text-tri-text hover:text-tri-accent-light">
+						<a href="/block/{block.hash}" title={block.hash} class="text-tri-text hover:text-tri-accent-light">
 							{truncateHash(block.hash, 10)}
 						</a>
 					</td>

src/lib/utils.ts

@@ -23,6 +23,7 @@ export function formatDifficulty(diff: number): string {
 	if (diff >= 1e9) return (diff / 1e9).toFixed(2) + 'G';
 	if (diff >= 1e6) return (diff / 1e6).toFixed(2) + 'M';
 	if (diff >= 1e3) return (diff / 1e3).toFixed(2) + 'K';
+	if (diff > 0 && diff < 0.01) return diff.toPrecision(3); // PoS difficulty is tiny
 	return diff.toFixed(4);
 }
 

src/routes/+layout.svelte

@@ -26,8 +26,9 @@
 	<header class="border-b border-tri-border bg-tri-surface/50 backdrop-blur-sm sticky top-0 z-50">
 		<div class="max-w-7xl mx-auto px-4 py-3">
 			<div class="flex items-center justify-between gap-4 flex-wrap">
-				<a href="/" class="text-xl font-bold text-white flex items-center gap-2 shrink-0">
-					<span class="text-tri-accent">&#9650;</span> Triangles Explorer
+				<a href="/" class="flex items-center gap-2 shrink-0">
+					<img src="/triangles-wordmark.png" alt="Cryptographic Triangles" class="h-9 w-auto" />
+					<span class="text-tri-muted text-sm font-semibold hidden sm:inline">Explorer</span>
 				</a>
 				<SearchBar />
 			</div>

src/routes/+page.svelte

@@ -23,7 +23,7 @@
 		<StatsCard
 			label="Supply"
 			value="{formatAmount(data.chain.moneysupply)} TRI"
-			sub="of 222,222 max"
+			sub="of 2,222,222 max"
 		/>
 		<StatsCard
 			label="PoS Difficulty"
@@ -52,8 +52,9 @@
 					sub="Annual rate"
 				/>
 				<StatsCard
-					label="Network Hash"
-					value="{data.mining.netmhashps.toFixed(2)} MH/s"
+					label="Consensus"
+					value="Proof of Stake"
+					sub="PoW ended at block 9,000"
 				/>
 				<StatsCard
 					label="Pooled Txs"

src/routes/staking/+page.svelte

@@ -50,7 +50,6 @@
 		<StatsCard label="Network Stake Weight" value={formatNumber(data.staking.netstakeweight)} />
 		<StatsCard label="Stake Interest" value="{data.mining.stakeinterest}% annual" />
 		<StatsCard label="Block Subsidy" value={data.subsidy != null ? String(data.subsidy) : 'N/A'} />
-		<StatsCard label="Net Hash Rate" value="{data.mining.netmhashps.toFixed(2)} MH/s" />
 		<StatsCard label="PoW Difficulty" value={data.difficulty ? formatDifficulty(data.difficulty['proof-of-work']) : 'N/A'} />
 		<StatsCard
 			label="Expected Time"