From c1e27fe63e940b59471bfc559cb9111fbc7aa9a5 Mon Sep 17 00:00:00 2001
From: Louis King <jinglemansweep@gmail.com>
Date: Sat, 2 May 2026 23:58:29 +0100
Subject: [PATCH 1/2] feat: add members link to homepage hero, fix profile
 callsign layout

- Add Members button to homepage hero after Messages, using
  --color-members palette for icon and border color
- Gated by features.members !== false (auto-disabled when
  OIDC_ENABLED=false via existing server-side override)
- Move callsign badge inline with name in profile view,
  matching Members card layout
---
 src/meshcore_hub/web/static/css/app.css             | 5 +++++
 src/meshcore_hub/web/static/js/spa/pages/home.js    | 7 ++++++-
 src/meshcore_hub/web/static/js/spa/pages/profile.js | 6 ++++--
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/meshcore_hub/web/static/css/app.css b/src/meshcore_hub/web/static/css/app.css
index 5a20813..b3fe8a1 100644
--- a/src/meshcore_hub/web/static/css/app.css
+++ b/src/meshcore_hub/web/static/css/app.css
@@ -91,6 +91,11 @@
 #app .btn-outline:hover {
     color: #fff !important;
 }
+.btn-hero-members {
+    --btn-color: var(--color-members);
+    --btn-border-color: var(--color-members);
+    --btn-bg: transparent;
+}
 
 /* ==========================================================================
    Panel Glow
diff --git a/src/meshcore_hub/web/static/js/spa/pages/home.js b/src/meshcore_hub/web/static/js/spa/pages/home.js
index 99c0b09..b36b19f 100644
--- a/src/meshcore_hub/web/static/js/spa/pages/home.js
+++ b/src/meshcore_hub/web/static/js/spa/pages/home.js
@@ -4,7 +4,7 @@ import {
     getConfig, errorAlert, pageColors, renderStatCard, t,
 } from '../components.js';
 import {
-    iconDashboard, iconNodes, iconAdvertisements, iconMessages, iconMap,
+    iconDashboard, iconNodes, iconAdvertisements, iconMessages, iconMembers, iconMap,
     iconPage, iconInfo, iconChart, iconGlobe, iconGithub,
 } from '../icons.js';
 
@@ -78,6 +78,11 @@ function renderHeroSection({ networkName, logoUrl, logoInvertLight, networkCity,
                     ${iconMessages('h-5 w-5 mr-2')}
                     ${t('entities.messages')}
                 </a>` : nothing}
+                ${features.members !== false ? html`
+                <a href="/members" class="btn btn-outline btn-hero-members">
+                    ${iconMembers('h-5 w-5 mr-2')}
+                    ${t('entities.members')}
+                </a>` : nothing}
                 ${features.map !== false ? html`
                 <a href="/map" class="btn btn-outline btn-warning">
                     ${iconMap('h-5 w-5 mr-2')}
diff --git a/src/meshcore_hub/web/static/js/spa/pages/profile.js b/src/meshcore_hub/web/static/js/spa/pages/profile.js
index fa5d310..cfe6555 100644
--- a/src/meshcore_hub/web/static/js/spa/pages/profile.js
+++ b/src/meshcore_hub/web/static/js/spa/pages/profile.js
@@ -63,8 +63,10 @@ function renderPublicProfile(profile, config, target) {
 
 <div class="card bg-base-100 shadow-xl">
     <div class="card-body">
-        <h2 class="card-title">${profile.name || t('common.unnamed')}</h2>
-        ${profile.callsign ? html`<span class="badge badge-neutral">${profile.callsign}</span>` : nothing}
+        <h2 class="card-title">
+            ${profile.name || t('common.unnamed')}
+            ${profile.callsign ? html`<span class="badge badge-neutral badge-sm">${profile.callsign}</span>` : nothing}
+        </h2>
         ${renderRoleBadges(profile.roles)}
         ${profile.description ? html`<p class="text-sm opacity-80 mt-2">${profile.description}</p>` : nothing}
         ${profile.url ? html`<a href="${profile.url}" target="_blank" rel="noopener noreferrer" class="link link-primary text-sm mt-1 inline-block">${profile.url}</a>` : nothing}

From 2309428ce7223da969e9860ba545ed99472b6071 Mon Sep 17 00:00:00 2001
From: Louis King <jinglemansweep@gmail.com>
Date: Sun, 3 May 2026 00:04:04 +0100
Subject: [PATCH 2/2] fix: remove btn-bg override so members hero button hover
 matches border color

---
 src/meshcore_hub/web/static/css/app.css | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/meshcore_hub/web/static/css/app.css b/src/meshcore_hub/web/static/css/app.css
index b3fe8a1..0c00839 100644
--- a/src/meshcore_hub/web/static/css/app.css
+++ b/src/meshcore_hub/web/static/css/app.css
@@ -94,7 +94,6 @@
 .btn-hero-members {
     --btn-color: var(--color-members);
     --btn-border-color: var(--color-members);
-    --btn-bg: transparent;
 }
 
 /* ==========================================================================