open source is social v-it.org
explore: brand alignment with vit green accents and favicon
Add vit mark SVG as favicon, apply #06D6A0 green to header title,
stat card numbers and borders, beacon links, and active nav state.
CORS headers were already in place — no API changes needed.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
+6
-2
+6
-2
explore/public/index.html
+6
-2
explore/public/index.html
···
5
5
<meta name="viewport" content="width=device-width, initial-scale=1">
6
6
<title>vit explore</title>
7
7
<meta name="description" content="vit network explorer — live capability and vouch activity">
8
+
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='5.5' r='3' fill='%2306D6A0'/%3E%3Cpath d='M5.5 10 L16 26 L26.5 10' stroke='%2306D6A0' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E">
8
9
<style>
9
10
:root {
10
11
color-scheme: light;
···
67
68
}
68
69
69
70
nav a.active {
71
+
color: #06D6A0;
70
72
text-decoration: underline;
71
73
text-underline-offset: 3px;
72
74
}
···
176
178
}
177
179
178
180
.beacon-name a {
179
-
color: #2563eb;
181
+
color: #06D6A0;
180
182
text-decoration: none;
181
183
font-weight: 600;
182
184
}
···
201
203
background: #f3f4f6;
202
204
padding: 16px;
203
205
border-radius: 6px;
206
+
border-left: 3px solid #06D6A0;
204
207
}
205
208
206
209
.stat-number {
207
210
font-size: 2rem;
208
211
font-weight: 700;
209
212
line-height: 1.2;
213
+
color: #06D6A0;
210
214
}
211
215
212
216
.stat-label {
···
266
270
<header>
267
271
<div class="header-bar">
268
272
<div>
269
-
<h1><a href="https://v-it.org" style="color: inherit; text-decoration: none;">vit explore</a></h1>
273
+
<h1><a href="https://v-it.org" style="color: #06D6A0; text-decoration: none;">vit explore</a></h1>
270
274
<p class="tagline">network explorer</p>
271
275
</div>
272
276
<nav>