Members | ShaneCoin Community<\/title>\n <meta name=\"description\" content=\"Browse ShaneCoin members, find trading partners, and connect with the community.\">\n \n <style>\n * { margin: 0; padding: 0; box-sizing: border-box; }\n body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%); min-height: 100vh; color: #fff; }\n \n .container { max-width: 1400px; margin: 0 auto; padding: 20px; }\n \n header { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; border-bottom: 1px solid rgba(255,255,255,0.1); margin-bottom: 30px; }\n .logo { font-size: 1.8em; font-weight: bold; background: linear-gradient(90deg, #00d4ff, #7b2cbf); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\n \n nav a { color: #888; text-decoration: none; margin-left: 25px; transition: color 0.3s; }\n nav a:hover { color: #00d4ff; }\n nav a.active { color: #00d4ff; }\n \n .page-header { text-align: center; margin-bottom: 40px; }\n .page-header h1 { font-size: 2.5em; margin-bottom: 10px; }\n .page-header p { color: #888; }\n \n .stats-bar { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; margin-bottom: 30px; }\n .stat-card { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 20px; text-align: center; }\n .stat-card .value { font-size: 2em; font-weight: bold; color: #00d4ff; }\n .stat-card .label { color: #888; font-size: 0.85em; }\n \n .filters { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 15px; padding: 20px; margin-bottom: 30px; display: flex; gap: 15px; flex-wrap: wrap; align-items: center; }\n .filters input, .filters select { padding: 12px 15px; border: 1px solid rgba(255,255,255,0.2); border-radius: 8px; background: rgba(255,255,255,0.05); color: #fff; }\n .filters input { flex: 1; min-width: 200px; }\n .filters input:focus, .filters select:focus { outline: none; border-color: #00d4ff; }\n .filters input::placeholder { color: #888; }\n \n .members-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }\n \n .member-card { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 15px; padding: 25px; transition: all 0.3s; }\n .member-card:hover { transform: translateY(-5px); border-color: #00d4ff; box-shadow: 0 10px 30px rgba(0,212,255,0.2); }\n \n .member-header { display: flex; gap: 15px; align-items: center; margin-bottom: 15px; }\n .member-avatar { width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(135deg, #00d4ff, #7b2cbf); display: flex; align-items: center; justify-content: center; font-size: 1.5em; }\n .member-info h3 { margin-bottom: 3px; }\n .member-info .username { color: #00d4ff; font-size: 0.9em; }\n .member-info .status { display: flex; align-items: center; gap: 5px; font-size: 0.8em; color: #888; margin-top: 3px; }\n .member-info .status .online { width: 8px; height: 8px; border-radius: 50%; background: #2ecc71; }\n .member-info .status .offline { width: 8px; height: 8px; border-radius: 50%; background: #888; }\n \n .member-stats { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; margin: 15px 0; padding: 15px 0; border-top: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(255,255,255,0.1); }\n .member-stat { text-align: center; }\n .member-stat .value { font-weight: bold; color: #2ecc71; }\n .member-stat .label { font-size: 0.75em; color: #888; }\n \n .member-address { background: rgba(0,0,0,0.2); padding: 10px; border-radius: 8px; font-family: monospace; font-size: 0.8em; color: #00d4ff; word-break: break-all; margin-bottom: 15px; }\n \n .member-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }\n .btn { padding: 10px 15px; border: none; border-radius: 8px; cursor: pointer; font-weight: bold; transition: all 0.3s; text-align: center; font-size: 0.9em; }\n .btn-primary { background: linear-gradient(90deg, #00d4ff, #7b2cbf); color: #fff; }\n .btn-success { background: linear-gradient(90deg, #2ecc71, #27ae60); color: #fff; }\n .btn-outline { background: transparent; border: 1px solid rgba(255,255,255,0.3); color: #fff; }\n .btn:hover { transform: scale(1.02); }\n \n .badge { display: inline-block; padding: 2px 8px; border-radius: 10px; font-size: 0.7em; font-weight: bold; margin-left: 5px; }\n .badge-gold { background: linear-gradient(90deg, #f1c40f, #e67e22); color: #000; }\n .badge-verified { background: #3498db; color: #fff; }\n .badge-trader { background: #9b59b6; color: #fff; }\n \n \/* Send Modal *\/\n .modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); z-index: 1000; align-items: center; justify-content: center; }\n .modal.active { display: flex; }\n .modal-content { background: linear-gradient(135deg, #1a1a2e, #16213e); border: 1px solid #00d4ff; border-radius: 20px; padding: 30px; max-width: 450px; width: 90%; }\n .modal-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }\n .modal-header h2 { color: #00d4ff; }\n .modal-close { background: none; border: none; color: #888; font-size: 1.5em; cursor: pointer; }\n .modal-body label { display: block; color: #888; margin-bottom: 8px; font-size: 0.9em; }\n .modal-body input { width: 100%; padding: 12px; border: 1px solid rgba(255,255,255,0.2); border-radius: 8px; background: rgba(255,255,255,0.05); color: #fff; margin-bottom: 15px; }\n .modal-body input:focus { outline: none; border-color: #00d4ff; }\n \n .recipient-preview { background: rgba(0,212,255,0.1); border: 1px solid rgba(0,212,255,0.3); border-radius: 10px; padding: 15px; margin-bottom: 20px; display: flex; align-items: center; gap: 15px; }\n .recipient-preview .avatar { width: 50px; height: 50px; border-radius: 50%; background: linear-gradient(135deg, #00d4ff, #7b2cbf); display: flex; align-items: center; justify-content: center; font-size: 1.2em; }\n \n #message { position: fixed; top: 20px; right: 20px; padding: 15px 25px; border-radius: 10px; z-index: 1001; display: none; }\n .alert-success { background: rgba(46,204,113,0.9); color: #fff; }\n .alert-error { background: rgba(231,76,60,0.9); color: #fff; }\n \n .leaderboard { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 15px; padding: 25px; margin-bottom: 30px; }\n .leaderboard h2 { color: #f1c40f; margin-bottom: 20px; }\n .leaderboard-item { display: flex; align-items: center; gap: 15px; padding: 12px; background: rgba(255,255,255,0.03); border-radius: 10px; margin-bottom: 10px; }\n .leaderboard-item .rank { font-size: 1.5em; font-weight: bold; width: 40px; text-align: center; }\n .leaderboard-item .rank.gold { color: #f1c40f; }\n .leaderboard-item .rank.silver { color: #bdc3c7; }\n .leaderboard-item .rank.bronze { color: #e67e22; }\n .leaderboard-item .info { flex: 1; }\n .leaderboard-item .balance { color: #2ecc71; font-weight: bold; }\n \n .empty-state { text-align: center; padding: 60px; color: #888; }\n .empty-state .icon { font-size: 4em; margin-bottom: 20px; }\n \n footer { text-align: center; padding: 40px; color: #666; border-top: 1px solid rgba(255,255,255,0.1); margin-top: 40px; }\n footer a { color: #00d4ff; text-decoration: none; margin: 0 15px; }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <header>\n <div class=\"logo\">\u26d3\ufe0f ShaneCoin<\/div>\n <nav>\n <a href=\"\/?page_id=49\">Explorer<\/a>\n <a href=\"\/dex\">DEX<\/a>\n <a href=\"\/members\" class=\"active\">Members<\/a>\n <a href=\"\/account\">My Account<\/a>\n <a href=\"\/logout\">Logout<\/a>\n <\/nav>\n <\/header>\n \n <div id=\"message\"><\/div>\n \n <div class=\"page-header\">\n <h1>\ud83d\udc65 Community Members<\/h1>\n <p>Find trading partners and connect with the ShaneCoin community<\/p>\n <\/div>\n \n <div class=\"stats-bar\">\n <div class=\"stat-card\">\n <div class=\"value\" id=\"totalMembers\">0<\/div>\n <div class=\"label\">Total Members<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"value\" id=\"onlineMembers\">0<\/div>\n <div class=\"label\">Online Now<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"value\" id=\"totalTrades\">0<\/div>\n <div class=\"label\">P2P Trades<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"value\" id=\"totalVolume\">$0<\/div>\n <div class=\"label\">Trade Volume<\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"leaderboard\">\n <h2>\ud83c\udfc6 Top Traders This Week<\/h2>\n <div id=\"leaderboard\">\n \n <\/div>\n <\/div>\n \n \n <div class=\"filters\">\n <input type=\"text\" id=\"searchInput\" placeholder=\"\ud83d\udd0d Search by username or address...\" oninput=\"filterMembers()\">\n <select id=\"sortBy\" onchange=\"filterMembers()\">\n <option value=\"balance\">Sort by Balance<\/option>\n <option value=\"trades\">Sort by Trades<\/option>\n <option value=\"newest\">Newest Members<\/option>\n <option value=\"online\">Online First<\/option>\n <\/select>\n <\/div>\n \n \n \n \n \n <div class=\"members-grid\" id=\"membersGrid\">\n \n <\/div>\n \n <footer>\n <nav>\n <a href=\"\/?page_id=49\">Blockchain Explorer<\/a>\n <a href=\"\/ico\">Token Sale<\/a>\n <a href=\"\/dex\">DEX Exchange<\/a>\n <a href=\"\/account\">My Account<\/a>\n <\/nav>\n <p style=\"margin-top: 20px;\">\u00a9 2026 ShaneCoin Community<\/p>\n <\/footer>\n <\/div>\n \n \n <div class=\"modal\" id=\"sendModal\">\n <div class=\"modal-content\">\n <div class=\"modal-header\">\n <h2>\ud83d\udcb8 Send Coins<\/h2>\n <button class=\"modal-close\" onclick=\"closeSendModal()\">×<\/button>\n <\/div>\n <div class=\"modal-body\">\n <div class=\"recipient-preview\">\n <div class=\"avatar\" id=\"modalAvatar\">\ud83d\udc64<\/div>\n <div>\n <div style=\"font-weight: bold;\" id=\"modalName\">Member Name<\/div>\n <div style=\"color: #00d4ff; font-size: 0.9em;\" id=\"modalUsername\">@username<\/div>\n <\/div>\n <\/div>\n \n <label for=\"sendAmount\">Amount to Send<\/label>\n <input type=\"number\" id=\"modalSendAmount\" placeholder=\"0.00\" step=\"0.01\">\n \n <label for=\"sendNote\">Note (Optional)<\/label>\n <input type=\"text\" id=\"modalSendNote\" placeholder=\"What's this for?\">\n \n <input type=\"hidden\" id=\"modalRecipientAddress\">\n \n <button class=\"btn btn-success\" onclick=\"executeSend()\" style=\"width: 100%;\">\ud83d\udce4 Send Coins<\/button>\n <\/div>\n <\/div>\n <\/div>\n \n <script>\n const API_URL = 'https:\/\/shanecherry.com\/api';\n let members = [];\n let currentWallet = null;\n \n function showMessage(text, type) {\n var msg = document.getElementById('message');\n msg.textContent = text;\n msg.className = 'alert-' + (type || 'success');\n msg.style.display = 'block';\n setTimeout(function() { msg.style.display = 'none'; }, 4000);\n }\n \n \/\/ Sample member data (would come from WordPress\/Ultimate Member API)\n const sampleMembers = [\n { id: 1, name: 'CryptoKing', username: 'cryptoking', avatar: '\ud83d\udc51', balance: 15420, trades: 89, online: true, verified: true, address: '0x7a3b8c9d2e1f4a5b6c7d8e9f0a1b2c3d4e5f6789' },\n { id: 2, name: 'BlockchainBabe', username: 'bbabe', avatar: '\ud83d\udc78', balance: 12350, trades: 67, online: true, verified: true, address: '0x1a2b3c4d5e6f7a8b9c0d1e2f3a4b5c6d7e8f9012' },\n { id: 3, name: 'TokenTrader', username: 'ttrader', avatar: '\ud83d\udcc8', balance: 9870, trades: 124, online: false, verified: true, address: '0x9f8e7d6c5b4a3f2e1d0c9b8a7f6e5d4c3b2a1098' },\n { id: 4, name: 'HODLer4Life', username: 'hodl4life', avatar: '\ud83d\udc8e', balance: 8500, trades: 23, online: true, verified: false, address: '0x2b3c4d5e6f7a8b9c0d1e2f3a4b5c6d7e8f901234' },\n { id: 5, name: 'DeFi Degen', username: 'defidegen', avatar: '\ud83e\udd8d', balance: 7200, trades: 156, online: false, verified: true, address: '0x3c4d5e6f7a8b9c0d1e2f3a4b5c6d7e8f90123456' },\n { id: 6, name: 'Whale Watch', username: 'whalewatch', avatar: '\ud83d\udc0b', balance: 25000, trades: 45, online: true, verified: true, address: '0x4d5e6f7a8b9c0d1e2f3a4b5c6d7e8f9012345678' },\n { id: 7, name: 'Moon Boy', username: 'moonboy', avatar: '\ud83c\udf19', balance: 4500, trades: 78, online: false, verified: false, address: '0x5e6f7a8b9c0d1e2f3a4b5c6d7e8f901234567890' },\n { id: 8, name: 'Satoshi Fan', username: 'satfan', avatar: '\u20bf', balance: 6800, trades: 92, online: true, verified: true, address: '0x6f7a8b9c0d1e2f3a4b5c6d7e8f90123456789012' },\n ];\n \n function loadMembers() {\n members = sampleMembers;\n \n \/\/ Update stats\n document.getElementById('totalMembers').textContent = members.length;\n document.getElementById('onlineMembers').textContent = members.filter(m => m.online).length;\n document.getElementById('totalTrades').textContent = members.reduce((sum, m) => sum + m.trades, 0);\n document.getElementById('totalVolume').textContent = '$' + (members.reduce((sum, m) => sum + m.balance, 0) * 0.05).toLocaleString();\n \n \/\/ Render leaderboard\n renderLeaderboard();\n \n \/\/ Render members\n renderMembers();\n }\n \n function renderLeaderboard() {\n var sorted = [...members].sort((a, b) => b.balance - a.balance).slice(0, 3);\n var html = '';\n var ranks = ['gold', 'silver', 'bronze'];\n var medals = ['\ud83e\udd47', '\ud83e\udd48', '\ud83e\udd49'];\n \n for (var i = 0; i < sorted.length; i++) {\n var m = sorted[i];\n html += '<div class=\"leaderboard-item\">' +\n '<div class=\"rank ' + ranks[i] + '\">' + medals[i] + '<\/div>' +\n '<div class=\"avatar\" style=\"width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#00d4ff,#7b2cbf);display:flex;align-items:center;justify-content:center;\">' + m.avatar + '<\/div>' +\n '<div class=\"info\"><div style=\"font-weight:bold\">' + m.name + '<\/div><div style=\"color:#888;font-size:0.85em\">@' + m.username + '<\/div><\/div>' +\n '<div class=\"balance\">' + m.balance.toLocaleString() + ' COINS<\/div>' +\n '<\/div>';\n }\n document.getElementById('leaderboard').innerHTML = html;\n }\n \n function renderMembers() {\n var html = '';\n for (var i = 0; i < members.length; i++) {\n var m = members[i];\n html += '<div class=\"member-card\">' +\n '<div class=\"member-header\">' +\n '<div class=\"member-avatar\">' + m.avatar + '<\/div>' +\n '<div class=\"member-info\">' +\n '<h3>' + m.name + (m.verified ? ' <span class=\"badge badge-verified\">\u2713<\/span>' : '') + '<\/h3>' +\n '<div class=\"username\">@' + m.username + '<\/div>' +\n '<div class=\"status\"><span class=\"' + (m.online ? 'online' : 'offline') + '\"><\/span> ' + (m.online ? 'Online' : 'Offline') + '<\/div>' +\n '<\/div><\/div>' +\n '<div class=\"member-stats\">' +\n '<div class=\"member-stat\"><div class=\"value\">' + m.balance.toLocaleString() + '<\/div><div class=\"label\">Balance<\/div><\/div>' +\n '<div class=\"member-stat\"><div class=\"value\">' + m.trades + '<\/div><div class=\"label\">Trades<\/div><\/div>' +\n '<div class=\"member-stat\"><div class=\"value\">\u2b50 4.' + (5 + (m.id % 5)) + '<\/div><div class=\"label\">Rating<\/div><\/div>' +\n '<\/div>' +\n '<div class=\"member-address\">' + m.address + '<\/div>' +\n '<div class=\"member-actions\">' +\n '<button class=\"btn btn-success\" onclick=\"openSendModal(\\'' + m.id + '\\')\">\ud83d\udcb8 Send<\/button>' +\n '<button class=\"btn btn-outline\" onclick=\"viewProfile(\\'' + m.id + '\\')\">\ud83d\udc64 Profile<\/button>' +\n '<\/div><\/div>';\n }\n document.getElementById('membersGrid').innerHTML = html || '<div class=\"empty-state\"><div class=\"icon\">\ud83d\udc65<\/div><p>No members found<\/p><\/div>';\n }\n \n function filterMembers() {\n var search = document.getElementById('searchInput').value.toLowerCase();\n var sort = document.getElementById('sortBy').value;\n \n var filtered = sampleMembers.filter(function(m) {\n return m.name.toLowerCase().includes(search) || \n m.username.toLowerCase().includes(search) || \n m.address.toLowerCase().includes(search);\n });\n \n if (sort === 'balance') filtered.sort((a, b) => b.balance - a.balance);\n else if (sort === 'trades') filtered.sort((a, b) => b.trades - a.trades);\n else if (sort === 'newest') filtered.sort((a, b) => b.id - a.id);\n else if (sort === 'online') filtered.sort((a, b) => (b.online ? 1 : 0) - (a.online ? 1 : 0));\n \n members = filtered;\n renderMembers();\n }\n \n function openSendModal(memberId) {\n var member = sampleMembers.find(m => m.id == memberId);\n if (!member) return;\n \n document.getElementById('modalAvatar').textContent = member.avatar;\n document.getElementById('modalName').textContent = member.name;\n document.getElementById('modalUsername').textContent = '@' + member.username;\n document.getElementById('modalRecipientAddress').value = member.address;\n document.getElementById('modalSendAmount').value = '';\n document.getElementById('modalSendNote').value = '';\n \n document.getElementById('sendModal').classList.add('active');\n }\n \n function closeSendModal() {\n document.getElementById('sendModal').classList.remove('active');\n }\n \n async function executeSend() {\n var amount = parseFloat(document.getElementById('modalSendAmount').value);\n var recipient = document.getElementById('modalRecipientAddress').value;\n \n if (!amount || amount <= 0) {\n showMessage('Enter a valid amount', 'error');\n return;\n }\n \n \/\/ Load current wallet\n try {\n var saved = localStorage.getItem('shanecoin_wallets');\n if (!saved) {\n showMessage('No wallet found. Create one first!', 'error');\n return;\n }\n var wallets = JSON.parse(saved);\n if (wallets.length === 0) {\n showMessage('No wallet found. Create one first!', 'error');\n return;\n }\n currentWallet = wallets[0];\n \n \/\/ Re-register wallet\n if (currentWallet.seedPhrase || currentWallet.privateKey) {\n var body = {};\n if (currentWallet.seedPhrase) body.seed_phrase = currentWallet.seedPhrase;\n else body.private_key = currentWallet.privateKey;\n \n var regResponse = await fetch(API_URL + '\/wallet\/import', {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify(body)\n });\n var regData = await regResponse.json();\n if (regResponse.ok) {\n currentWallet.id = regData.wallet_id;\n }\n }\n \n \/\/ Send transaction\n var response = await fetch(API_URL + '\/transaction\/new', {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify({\n wallet_id: currentWallet.id,\n recipient: recipient,\n amount: amount\n })\n });\n var data = await response.json();\n \n if (response.ok) {\n showMessage('\u2705 Sent ' + amount + ' coins!', 'success');\n closeSendModal();\n } else {\n showMessage(data.error || 'Transaction failed', 'error');\n }\n } catch (e) {\n showMessage('Transaction failed: ' + e.message, 'error');\n }\n }\n \n function viewProfile(memberId) {\n \/\/ Would navigate to member's Ultimate Member profile\n showMessage('Profile view coming soon!', 'success');\n }\n \n loadMembers();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Members | ShaneCoin Community \u26d3\ufe0f ShaneCoin Explorer DEX Members My Account Logout \ud83d\udc65 Community Members Find trading partners and connect with the ShaneCoin community 0 Total Members 0 Online Now 0 P2P Trades $0 Trade Volume \ud83c\udfc6 Top Traders This Week Sort by BalanceSort by TradesNewest MembersOnline First Blockchain Explorer Token Sale DEX Exchange My […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-89","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shanecherry.com\/index.php?rest_route=\/wp\/v2\/pages\/89","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shanecherry.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shanecherry.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shanecherry.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shanecherry.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=89"}],"version-history":[{"count":1,"href":"https:\/\/shanecherry.com\/index.php?rest_route=\/wp\/v2\/pages\/89\/revisions"}],"predecessor-version":[{"id":90,"href":"https:\/\/shanecherry.com\/index.php?rest_route=\/wp\/v2\/pages\/89\/revisions\/90"}],"wp:attachment":[{"href":"https:\/\/shanecherry.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=89"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":89,"date":"2026-01-13T02:07:37","date_gmt":"2026-01-13T02:07:37","guid":{"rendered":"https:\/\/shanecherry.com\/?page_id=89"},"modified":"2026-01-13T02:07:37","modified_gmt":"2026-01-13T02:07:37","slug":"members","status":"publish","type":"page","link":"https:\/\/shanecherry.com\/?page_id=89","title":{"rendered":"Members"},"content":{"rendered":"\n\n\n\n \n \n Members | ShaneCoin Community<\/title>\n <meta name=\"description\" content=\"Browse ShaneCoin members, find trading partners, and connect with the community.\">\n \n <style>\n * { margin: 0; padding: 0; box-sizing: border-box; }\n body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%); min-height: 100vh; color: #fff; }\n \n .container { max-width: 1400px; margin: 0 auto; padding: 20px; }\n \n header { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; border-bottom: 1px solid rgba(255,255,255,0.1); margin-bottom: 30px; }\n .logo { font-size: 1.8em; font-weight: bold; background: linear-gradient(90deg, #00d4ff, #7b2cbf); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\n \n nav a { color: #888; text-decoration: none; margin-left: 25px; transition: color 0.3s; }\n nav a:hover { color: #00d4ff; }\n nav a.active { color: #00d4ff; }\n \n .page-header { text-align: center; margin-bottom: 40px; }\n .page-header h1 { font-size: 2.5em; margin-bottom: 10px; }\n .page-header p { color: #888; }\n \n .stats-bar { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; margin-bottom: 30px; }\n .stat-card { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 20px; text-align: center; }\n .stat-card .value { font-size: 2em; font-weight: bold; color: #00d4ff; }\n .stat-card .label { color: #888; font-size: 0.85em; }\n \n .filters { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 15px; padding: 20px; margin-bottom: 30px; display: flex; gap: 15px; flex-wrap: wrap; align-items: center; }\n .filters input, .filters select { padding: 12px 15px; border: 1px solid rgba(255,255,255,0.2); border-radius: 8px; background: rgba(255,255,255,0.05); color: #fff; }\n .filters input { flex: 1; min-width: 200px; }\n .filters input:focus, .filters select:focus { outline: none; border-color: #00d4ff; }\n .filters input::placeholder { color: #888; }\n \n .members-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }\n \n .member-card { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 15px; padding: 25px; transition: all 0.3s; }\n .member-card:hover { transform: translateY(-5px); border-color: #00d4ff; box-shadow: 0 10px 30px rgba(0,212,255,0.2); }\n \n .member-header { display: flex; gap: 15px; align-items: center; margin-bottom: 15px; }\n .member-avatar { width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(135deg, #00d4ff, #7b2cbf); display: flex; align-items: center; justify-content: center; font-size: 1.5em; }\n .member-info h3 { margin-bottom: 3px; }\n .member-info .username { color: #00d4ff; font-size: 0.9em; }\n .member-info .status { display: flex; align-items: center; gap: 5px; font-size: 0.8em; color: #888; margin-top: 3px; }\n .member-info .status .online { width: 8px; height: 8px; border-radius: 50%; background: #2ecc71; }\n .member-info .status .offline { width: 8px; height: 8px; border-radius: 50%; background: #888; }\n \n .member-stats { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; margin: 15px 0; padding: 15px 0; border-top: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(255,255,255,0.1); }\n .member-stat { text-align: center; }\n .member-stat .value { font-weight: bold; color: #2ecc71; }\n .member-stat .label { font-size: 0.75em; color: #888; }\n \n .member-address { background: rgba(0,0,0,0.2); padding: 10px; border-radius: 8px; font-family: monospace; font-size: 0.8em; color: #00d4ff; word-break: break-all; margin-bottom: 15px; }\n \n .member-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }\n .btn { padding: 10px 15px; border: none; border-radius: 8px; cursor: pointer; font-weight: bold; transition: all 0.3s; text-align: center; font-size: 0.9em; }\n .btn-primary { background: linear-gradient(90deg, #00d4ff, #7b2cbf); color: #fff; }\n .btn-success { background: linear-gradient(90deg, #2ecc71, #27ae60); color: #fff; }\n .btn-outline { background: transparent; border: 1px solid rgba(255,255,255,0.3); color: #fff; }\n .btn:hover { transform: scale(1.02); }\n \n .badge { display: inline-block; padding: 2px 8px; border-radius: 10px; font-size: 0.7em; font-weight: bold; margin-left: 5px; }\n .badge-gold { background: linear-gradient(90deg, #f1c40f, #e67e22); color: #000; }\n .badge-verified { background: #3498db; color: #fff; }\n .badge-trader { background: #9b59b6; color: #fff; }\n \n \/* Send Modal *\/\n .modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); z-index: 1000; align-items: center; justify-content: center; }\n .modal.active { display: flex; }\n .modal-content { background: linear-gradient(135deg, #1a1a2e, #16213e); border: 1px solid #00d4ff; border-radius: 20px; padding: 30px; max-width: 450px; width: 90%; }\n .modal-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }\n .modal-header h2 { color: #00d4ff; }\n .modal-close { background: none; border: none; color: #888; font-size: 1.5em; cursor: pointer; }\n .modal-body label { display: block; color: #888; margin-bottom: 8px; font-size: 0.9em; }\n .modal-body input { width: 100%; padding: 12px; border: 1px solid rgba(255,255,255,0.2); border-radius: 8px; background: rgba(255,255,255,0.05); color: #fff; margin-bottom: 15px; }\n .modal-body input:focus { outline: none; border-color: #00d4ff; }\n \n .recipient-preview { background: rgba(0,212,255,0.1); border: 1px solid rgba(0,212,255,0.3); border-radius: 10px; padding: 15px; margin-bottom: 20px; display: flex; align-items: center; gap: 15px; }\n .recipient-preview .avatar { width: 50px; height: 50px; border-radius: 50%; background: linear-gradient(135deg, #00d4ff, #7b2cbf); display: flex; align-items: center; justify-content: center; font-size: 1.2em; }\n \n #message { position: fixed; top: 20px; right: 20px; padding: 15px 25px; border-radius: 10px; z-index: 1001; display: none; }\n .alert-success { background: rgba(46,204,113,0.9); color: #fff; }\n .alert-error { background: rgba(231,76,60,0.9); color: #fff; }\n \n .leaderboard { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 15px; padding: 25px; margin-bottom: 30px; }\n .leaderboard h2 { color: #f1c40f; margin-bottom: 20px; }\n .leaderboard-item { display: flex; align-items: center; gap: 15px; padding: 12px; background: rgba(255,255,255,0.03); border-radius: 10px; margin-bottom: 10px; }\n .leaderboard-item .rank { font-size: 1.5em; font-weight: bold; width: 40px; text-align: center; }\n .leaderboard-item .rank.gold { color: #f1c40f; }\n .leaderboard-item .rank.silver { color: #bdc3c7; }\n .leaderboard-item .rank.bronze { color: #e67e22; }\n .leaderboard-item .info { flex: 1; }\n .leaderboard-item .balance { color: #2ecc71; font-weight: bold; }\n \n .empty-state { text-align: center; padding: 60px; color: #888; }\n .empty-state .icon { font-size: 4em; margin-bottom: 20px; }\n \n footer { text-align: center; padding: 40px; color: #666; border-top: 1px solid rgba(255,255,255,0.1); margin-top: 40px; }\n footer a { color: #00d4ff; text-decoration: none; margin: 0 15px; }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <header>\n <div class=\"logo\">\u26d3\ufe0f ShaneCoin<\/div>\n <nav>\n <a href=\"\/?page_id=49\">Explorer<\/a>\n <a href=\"\/dex\">DEX<\/a>\n <a href=\"\/members\" class=\"active\">Members<\/a>\n <a href=\"\/account\">My Account<\/a>\n <a href=\"\/logout\">Logout<\/a>\n <\/nav>\n <\/header>\n \n <div id=\"message\"><\/div>\n \n <div class=\"page-header\">\n <h1>\ud83d\udc65 Community Members<\/h1>\n <p>Find trading partners and connect with the ShaneCoin community<\/p>\n <\/div>\n \n <div class=\"stats-bar\">\n <div class=\"stat-card\">\n <div class=\"value\" id=\"totalMembers\">0<\/div>\n <div class=\"label\">Total Members<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"value\" id=\"onlineMembers\">0<\/div>\n <div class=\"label\">Online Now<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"value\" id=\"totalTrades\">0<\/div>\n <div class=\"label\">P2P Trades<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"value\" id=\"totalVolume\">$0<\/div>\n <div class=\"label\">Trade Volume<\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"leaderboard\">\n <h2>\ud83c\udfc6 Top Traders This Week<\/h2>\n <div id=\"leaderboard\">\n \n <\/div>\n <\/div>\n \n \n <div class=\"filters\">\n <input type=\"text\" id=\"searchInput\" placeholder=\"\ud83d\udd0d Search by username or address...\" oninput=\"filterMembers()\">\n <select id=\"sortBy\" onchange=\"filterMembers()\">\n <option value=\"balance\">Sort by Balance<\/option>\n <option value=\"trades\">Sort by Trades<\/option>\n <option value=\"newest\">Newest Members<\/option>\n <option value=\"online\">Online First<\/option>\n <\/select>\n <\/div>\n \n \n \n \n \n <div class=\"members-grid\" id=\"membersGrid\">\n \n <\/div>\n \n <footer>\n <nav>\n <a href=\"\/?page_id=49\">Blockchain Explorer<\/a>\n <a href=\"\/ico\">Token Sale<\/a>\n <a href=\"\/dex\">DEX Exchange<\/a>\n <a href=\"\/account\">My Account<\/a>\n <\/nav>\n <p style=\"margin-top: 20px;\">\u00a9 2026 ShaneCoin Community<\/p>\n <\/footer>\n <\/div>\n \n \n <div class=\"modal\" id=\"sendModal\">\n <div class=\"modal-content\">\n <div class=\"modal-header\">\n <h2>\ud83d\udcb8 Send Coins<\/h2>\n <button class=\"modal-close\" onclick=\"closeSendModal()\">×<\/button>\n <\/div>\n <div class=\"modal-body\">\n <div class=\"recipient-preview\">\n <div class=\"avatar\" id=\"modalAvatar\">\ud83d\udc64<\/div>\n <div>\n <div style=\"font-weight: bold;\" id=\"modalName\">Member Name<\/div>\n <div style=\"color: #00d4ff; font-size: 0.9em;\" id=\"modalUsername\">@username<\/div>\n <\/div>\n <\/div>\n \n <label for=\"sendAmount\">Amount to Send<\/label>\n <input type=\"number\" id=\"modalSendAmount\" placeholder=\"0.00\" step=\"0.01\">\n \n <label for=\"sendNote\">Note (Optional)<\/label>\n <input type=\"text\" id=\"modalSendNote\" placeholder=\"What's this for?\">\n \n <input type=\"hidden\" id=\"modalRecipientAddress\">\n \n <button class=\"btn btn-success\" onclick=\"executeSend()\" style=\"width: 100%;\">\ud83d\udce4 Send Coins<\/button>\n <\/div>\n <\/div>\n <\/div>\n \n <script>\n const API_URL = 'https:\/\/shanecherry.com\/api';\n let members = [];\n let currentWallet = null;\n \n function showMessage(text, type) {\n var msg = document.getElementById('message');\n msg.textContent = text;\n msg.className = 'alert-' + (type || 'success');\n msg.style.display = 'block';\n setTimeout(function() { msg.style.display = 'none'; }, 4000);\n }\n \n \/\/ Sample member data (would come from WordPress\/Ultimate Member API)\n const sampleMembers = [\n { id: 1, name: 'CryptoKing', username: 'cryptoking', avatar: '\ud83d\udc51', balance: 15420, trades: 89, online: true, verified: true, address: '0x7a3b8c9d2e1f4a5b6c7d8e9f0a1b2c3d4e5f6789' },\n { id: 2, name: 'BlockchainBabe', username: 'bbabe', avatar: '\ud83d\udc78', balance: 12350, trades: 67, online: true, verified: true, address: '0x1a2b3c4d5e6f7a8b9c0d1e2f3a4b5c6d7e8f9012' },\n { id: 3, name: 'TokenTrader', username: 'ttrader', avatar: '\ud83d\udcc8', balance: 9870, trades: 124, online: false, verified: true, address: '0x9f8e7d6c5b4a3f2e1d0c9b8a7f6e5d4c3b2a1098' },\n { id: 4, name: 'HODLer4Life', username: 'hodl4life', avatar: '\ud83d\udc8e', balance: 8500, trades: 23, online: true, verified: false, address: '0x2b3c4d5e6f7a8b9c0d1e2f3a4b5c6d7e8f901234' },\n { id: 5, name: 'DeFi Degen', username: 'defidegen', avatar: '\ud83e\udd8d', balance: 7200, trades: 156, online: false, verified: true, address: '0x3c4d5e6f7a8b9c0d1e2f3a4b5c6d7e8f90123456' },\n { id: 6, name: 'Whale Watch', username: 'whalewatch', avatar: '\ud83d\udc0b', balance: 25000, trades: 45, online: true, verified: true, address: '0x4d5e6f7a8b9c0d1e2f3a4b5c6d7e8f9012345678' },\n { id: 7, name: 'Moon Boy', username: 'moonboy', avatar: '\ud83c\udf19', balance: 4500, trades: 78, online: false, verified: false, address: '0x5e6f7a8b9c0d1e2f3a4b5c6d7e8f901234567890' },\n { id: 8, name: 'Satoshi Fan', username: 'satfan', avatar: '\u20bf', balance: 6800, trades: 92, online: true, verified: true, address: '0x6f7a8b9c0d1e2f3a4b5c6d7e8f90123456789012' },\n ];\n \n function loadMembers() {\n members = sampleMembers;\n \n \/\/ Update stats\n document.getElementById('totalMembers').textContent = members.length;\n document.getElementById('onlineMembers').textContent = members.filter(m => m.online).length;\n document.getElementById('totalTrades').textContent = members.reduce((sum, m) => sum + m.trades, 0);\n document.getElementById('totalVolume').textContent = '$' + (members.reduce((sum, m) => sum + m.balance, 0) * 0.05).toLocaleString();\n \n \/\/ Render leaderboard\n renderLeaderboard();\n \n \/\/ Render members\n renderMembers();\n }\n \n function renderLeaderboard() {\n var sorted = [...members].sort((a, b) => b.balance - a.balance).slice(0, 3);\n var html = '';\n var ranks = ['gold', 'silver', 'bronze'];\n var medals = ['\ud83e\udd47', '\ud83e\udd48', '\ud83e\udd49'];\n \n for (var i = 0; i < sorted.length; i++) {\n var m = sorted[i];\n html += '<div class=\"leaderboard-item\">' +\n '<div class=\"rank ' + ranks[i] + '\">' + medals[i] + '<\/div>' +\n '<div class=\"avatar\" style=\"width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#00d4ff,#7b2cbf);display:flex;align-items:center;justify-content:center;\">' + m.avatar + '<\/div>' +\n '<div class=\"info\"><div style=\"font-weight:bold\">' + m.name + '<\/div><div style=\"color:#888;font-size:0.85em\">@' + m.username + '<\/div><\/div>' +\n '<div class=\"balance\">' + m.balance.toLocaleString() + ' COINS<\/div>' +\n '<\/div>';\n }\n document.getElementById('leaderboard').innerHTML = html;\n }\n \n function renderMembers() {\n var html = '';\n for (var i = 0; i < members.length; i++) {\n var m = members[i];\n html += '<div class=\"member-card\">' +\n '<div class=\"member-header\">' +\n '<div class=\"member-avatar\">' + m.avatar + '<\/div>' +\n '<div class=\"member-info\">' +\n '<h3>' + m.name + (m.verified ? ' <span class=\"badge badge-verified\">\u2713<\/span>' : '') + '<\/h3>' +\n '<div class=\"username\">@' + m.username + '<\/div>' +\n '<div class=\"status\"><span class=\"' + (m.online ? 'online' : 'offline') + '\"><\/span> ' + (m.online ? 'Online' : 'Offline') + '<\/div>' +\n '<\/div><\/div>' +\n '<div class=\"member-stats\">' +\n '<div class=\"member-stat\"><div class=\"value\">' + m.balance.toLocaleString() + '<\/div><div class=\"label\">Balance<\/div><\/div>' +\n '<div class=\"member-stat\"><div class=\"value\">' + m.trades + '<\/div><div class=\"label\">Trades<\/div><\/div>' +\n '<div class=\"member-stat\"><div class=\"value\">\u2b50 4.' + (5 + (m.id % 5)) + '<\/div><div class=\"label\">Rating<\/div><\/div>' +\n '<\/div>' +\n '<div class=\"member-address\">' + m.address + '<\/div>' +\n '<div class=\"member-actions\">' +\n '<button class=\"btn btn-success\" onclick=\"openSendModal(\\'' + m.id + '\\')\">\ud83d\udcb8 Send<\/button>' +\n '<button class=\"btn btn-outline\" onclick=\"viewProfile(\\'' + m.id + '\\')\">\ud83d\udc64 Profile<\/button>' +\n '<\/div><\/div>';\n }\n document.getElementById('membersGrid').innerHTML = html || '<div class=\"empty-state\"><div class=\"icon\">\ud83d\udc65<\/div><p>No members found<\/p><\/div>';\n }\n \n function filterMembers() {\n var search = document.getElementById('searchInput').value.toLowerCase();\n var sort = document.getElementById('sortBy').value;\n \n var filtered = sampleMembers.filter(function(m) {\n return m.name.toLowerCase().includes(search) || \n m.username.toLowerCase().includes(search) || \n m.address.toLowerCase().includes(search);\n });\n \n if (sort === 'balance') filtered.sort((a, b) => b.balance - a.balance);\n else if (sort === 'trades') filtered.sort((a, b) => b.trades - a.trades);\n else if (sort === 'newest') filtered.sort((a, b) => b.id - a.id);\n else if (sort === 'online') filtered.sort((a, b) => (b.online ? 1 : 0) - (a.online ? 1 : 0));\n \n members = filtered;\n renderMembers();\n }\n \n function openSendModal(memberId) {\n var member = sampleMembers.find(m => m.id == memberId);\n if (!member) return;\n \n document.getElementById('modalAvatar').textContent = member.avatar;\n document.getElementById('modalName').textContent = member.name;\n document.getElementById('modalUsername').textContent = '@' + member.username;\n document.getElementById('modalRecipientAddress').value = member.address;\n document.getElementById('modalSendAmount').value = '';\n document.getElementById('modalSendNote').value = '';\n \n document.getElementById('sendModal').classList.add('active');\n }\n \n function closeSendModal() {\n document.getElementById('sendModal').classList.remove('active');\n }\n \n async function executeSend() {\n var amount = parseFloat(document.getElementById('modalSendAmount').value);\n var recipient = document.getElementById('modalRecipientAddress').value;\n \n if (!amount || amount <= 0) {\n showMessage('Enter a valid amount', 'error');\n return;\n }\n \n \/\/ Load current wallet\n try {\n var saved = localStorage.getItem('shanecoin_wallets');\n if (!saved) {\n showMessage('No wallet found. Create one first!', 'error');\n return;\n }\n var wallets = JSON.parse(saved);\n if (wallets.length === 0) {\n showMessage('No wallet found. Create one first!', 'error');\n return;\n }\n currentWallet = wallets[0];\n \n \/\/ Re-register wallet\n if (currentWallet.seedPhrase || currentWallet.privateKey) {\n var body = {};\n if (currentWallet.seedPhrase) body.seed_phrase = currentWallet.seedPhrase;\n else body.private_key = currentWallet.privateKey;\n \n var regResponse = await fetch(API_URL + '\/wallet\/import', {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify(body)\n });\n var regData = await regResponse.json();\n if (regResponse.ok) {\n currentWallet.id = regData.wallet_id;\n }\n }\n \n \/\/ Send transaction\n var response = await fetch(API_URL + '\/transaction\/new', {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify({\n wallet_id: currentWallet.id,\n recipient: recipient,\n amount: amount\n })\n });\n var data = await response.json();\n \n if (response.ok) {\n showMessage('\u2705 Sent ' + amount + ' coins!', 'success');\n closeSendModal();\n } else {\n showMessage(data.error || 'Transaction failed', 'error');\n }\n } catch (e) {\n showMessage('Transaction failed: ' + e.message, 'error');\n }\n }\n \n function viewProfile(memberId) {\n \/\/ Would navigate to member's Ultimate Member profile\n showMessage('Profile view coming soon!', 'success');\n }\n \n loadMembers();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Members | ShaneCoin Community \u26d3\ufe0f ShaneCoin Explorer DEX Members My Account Logout \ud83d\udc65 Community Members Find trading partners and connect with the ShaneCoin community 0 Total Members 0 Online Now 0 P2P Trades $0 Trade Volume \ud83c\udfc6 Top Traders This Week Sort by BalanceSort by TradesNewest MembersOnline First Blockchain Explorer Token Sale DEX Exchange My […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-89","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shanecherry.com\/index.php?rest_route=\/wp\/v2\/pages\/89","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shanecherry.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shanecherry.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shanecherry.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shanecherry.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=89"}],"version-history":[{"count":1,"href":"https:\/\/shanecherry.com\/index.php?rest_route=\/wp\/v2\/pages\/89\/revisions"}],"predecessor-version":[{"id":90,"href":"https:\/\/shanecherry.com\/index.php?rest_route=\/wp\/v2\/pages\/89\/revisions\/90"}],"wp:attachment":[{"href":"https:\/\/shanecherry.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=89"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}