From 506db9de8131088fb1e367bdc5862632439c835e Mon Sep 17 00:00:00 2001
From: martbost <martybostick@gmail.com>
Date: Wed, 19 Aug 2026 10:12:55 -0500
Subject: [PATCH] Mobile wallet deep links on the join page: no injected wallet
 -> offer Open-in-MetaMask/Trust buttons that reopen this URL (ref included)
 inside the wallet's dApp browser

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 private/join-now.html |  7 +++++++
 public/join-now.js    | 13 ++++++++++++-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/private/join-now.html b/private/join-now.html
index 15a1b33..8af7ec0 100644
--- a/private/join-now.html
+++ b/private/join-now.html
@@ -21,6 +21,13 @@
     <h2 style="margin:0 0 10px;font-size:18px">1 · Connect your wallet</h2>
     <p style="color:var(--muted);font-size:14px;margin:0 0 14px">Use MetaMask or Trust Wallet on <strong>Polygon</strong>, funded with enough POL for your Premium entry plus a little gas.</p>
     <button id="connectBtn" class="btn btn-primary">Connect wallet</button>
+    <div id="walletHelp" style="display:none;margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#08192880">
+      <div style="font-weight:800;margin-bottom:6px">📱 On your phone? Open this page inside your wallet app.</div>
+      <p style="color:var(--muted);font-size:13px;margin:0 0 10px">Mobile browsers can't see your wallet — but your wallet app has its own browser that can. Tap your wallet below and this exact page (with the right sponsor) opens inside it, ready to connect:</p>
+      <a id="mmDeep" class="btn btn-secondary" style="width:100%;margin-bottom:8px" href="#">🦊 Open in MetaMask</a>
+      <a id="twDeep" class="btn btn-secondary" style="width:100%" href="#">🛡️ Open in Trust Wallet</a>
+      <p class="micro" style="margin:10px 0 0">Don't have a wallet yet? <a href="/training">Video 2 in the training</a> shows how to set one up safely (2 minutes). On a computer, install the MetaMask browser extension and refresh this page.</p>
+    </div>
     <div id="connected" style="display:none">
       <div class="dj-kv"><span>Wallet</span><b id="wallet" class="dj-mono">—</b></div>
       <div class="dj-kv"><span>Network</span><b>Polygon Mainnet ✓</b></div>
diff --git a/public/join-now.js b/public/join-now.js
index c893d02..0569885 100644
--- a/public/join-now.js
+++ b/public/join-now.js
@@ -81,7 +81,7 @@
   async function connect(){
     try{
       eth=await window.RMCWallet.pick();
-      if(!eth){ log('No wallet selected or detected. Install/unlock MetaMask, Trust, or SafePal and try again.','err'); return; }
+      if(!eth){ showWalletHelp(); log('No wallet detected in this browser. On a phone, use the "Open in your wallet" buttons above — on a computer, install/unlock MetaMask and refresh.','err'); return; }
       attachWalletEvents();
       log('Requesting wallet connection…');
       var accs=await req('eth_requestAccounts'); account=accs[0];
@@ -143,6 +143,17 @@
     }catch(e){}
   }
 
+  // Mobile browsers have no injected wallet — offer deep links that reopen
+  // THIS page (query string included, so ?ref= survives) inside the wallet
+  // app's own browser, where window.ethereum exists.
+  function showWalletHelp(){
+    var box=$('walletHelp'); if(!box) return;
+    var here=location.host+location.pathname+location.search;
+    var mm=$('mmDeep'); if(mm) mm.href='https://metamask.app.link/dapp/'+here;
+    var tw=$('twDeep'); if(tw) tw.href='https://link.trustwallet.com/open_url?url='+encodeURIComponent(location.href);
+    box.style.display='block';
+  }
+
   function attachWalletEvents(){
     if(!eth||!eth.on||eth.__rmcBound) return; eth.__rmcBound=true;
     eth.on('accountsChanged',function(accs){ account=(accs&&accs[0])||null; if(!account){ $('connected').style.display='none'; $('connectBtn').style.display=''; } else { $('wallet').textContent=account.slice(0,6)+'…'+account.slice(-4); refreshBalance(); } });