Update index.html

View optimised for mobile devices
Link Bitcoin After Life to homepage in page header
2026-07-21 22:43:06 +00:00 · 2026-07-20 14:56:48 -04:00 · 2026-07-20 14:53:56 -04:00 · 2026-07-17 11:19:51 +00:00 · 2026-07-17 11:05:00 +00:00 · 2026-07-17 10:58:11 +00:00
3 changed files with 208 additions and 78 deletions
--- a/index.html
+++ b/index.html
@@ -40,6 +40,10 @@ body{
  font-family:var(--body);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
+  /* WHY: iOS Safari inflates font sizes when a phone is rotated to landscape,
+     which breaks the header and the server cards. Locking the adjustment to
+     100% keeps the layout identical in both orientations. No effect on desktop. */
+  -webkit-text-size-adjust:100%;
 }
 .wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}

@@ -117,7 +121,8 @@ tbody tr:hover{background:color-mix(in srgb,var(--accent-soft) 50%,transparent)}
 .num{font-family:var(--mono);font-variant-numeric:tabular-nums}
 .score{font-family:var(--display);font-weight:600;font-size:15px}

-.add-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin:40px 0;align-items:start}
+.add-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin:40px 0;align-items:stretch}
+.add-grid>.panel{display:flex;flex-direction:column}
 .panel{
  background:var(--panel);border:1px solid var(--line);
  border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);
@@ -139,6 +144,12 @@ tbody tr:hover{background:color-mix(in srgb,var(--accent-soft) 50%,transparent)}
 .btn:disabled{opacity:.45;cursor:not-allowed;filter:none}
 .note{font-size:13px;color:var(--muted);margin-top:16px;line-height:1.55}
 .note strong{color:var(--ink)}
+.freshness-note{
+  font-size:12px;line-height:1.4;color:var(--muted);
+  background:var(--accent-soft);border:1px solid var(--line);border-radius:8px;
+  padding:7px 12px;margin:0 0 12px;
+}
+.freshness-note strong{color:var(--ink)}
 .btn-share{
  display:block;margin:0 auto 8px;font:inherit;font-size:13px;cursor:pointer;
  padding:8px 16px;border-radius:8px;border:1px solid var(--line-strong);
@@ -181,6 +192,9 @@ tbody tr:hover{background:color-mix(in srgb,var(--accent-soft) 50%,transparent)}
 .intro-card h2{font-family:var(--display);font-size:24px;margin:0 0 10px;letter-spacing:-.01em}
 .intro-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.65;max-width:820px}

+.fee-disclaimer{margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.5;font-style:italic}
+.fee-disclaimer a{color:var(--accent)}
+
 .info-section{margin:48px 0}
 .info-section h2{font-family:var(--display);font-size:22px;margin:0 0 8px}
 .info-section .sub{color:var(--muted);font-size:15px;line-height:1.6;margin:0 0 28px;max-width:760px}
@@ -197,7 +211,11 @@ footer a{color:var(--accent);text-decoration:none}
 .mobile-list{display:none}
@media (max-width:860px){
  .table-card{display:none}
-  .mobile-list{display:grid;gap:12px;max-height:350px;overflow:auto;padding-right:2px}
+  /* WHY: the previous "max-height:350px;overflow:auto" turned the server list
+     into a small scrollable window nested inside the page. On a touch screen
+     that inner scroll competes with the normal page scroll and makes the list
+     hard to read. On mobile the list now flows naturally with the page. */
+  .mobile-list{display:grid;gap:12px}
  .add-grid{grid-template-columns:1fr}
  .info-grid{grid-template-columns:1fr}
  .hero-stats{gap:20px}
@@ -205,9 +223,82 @@ footer a{color:var(--accent);text-decoration:none}
  .srv{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}
  .srv .top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}
  .srv .rk{font-family:var(--display);font-weight:600;color:var(--rank);font-size:18px}
-  .srv .grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:13px}
+  /* WHY: server URLs have no spaces, so a long URL cannot break by itself and
+     would overflow the card. "anywhere" lets it wrap at any character.
+     "min-width:0" is required because a flex child defaults to min-width:auto,
+     which prevents it from shrinking below its content width. */
+  .srv .top>div{min-width:0}
+  .srv .top a{display:inline-block;max-width:100%;overflow-wrap:anywhere}
+  /* WHY: with two fixed columns the fifth field (Height) was left alone on a
+     half-empty row. auto-fit fills the available width with as many columns as
+     fit, so the five fields always line up tidily. */
+  .srv .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:10px;font-size:13px}
  .srv .grid div span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}
-  .srv .grid div b{font-family:var(--mono);font-weight:600}
+  .srv .grid div b{font-family:var(--mono);font-weight:600;overflow-wrap:anywhere}
+}
+
+/* ---------------------------------------------------------------------------
+   Phone layout (<=600px).
+   Scope: header, filter bar and server list only. The "Add your Will Executor"
+   panel, the invoice and the QR code are intentionally left untouched, because
+   payments are expected to be made from a desktop browser.
+   --------------------------------------------------------------------------- */
+@media (max-width:600px){
+  .controls{gap:10px}
+
+  /* WHY: the four chain buttons form a single non-wrapping row about 340px wide.
+     Inside a 360-390px phone screen (minus page padding) it overflowed the
+     viewport and produced horizontal scrolling. A 2x2 grid across the full
+     width removes the overflow. min-height:44px matches the recommended
+     minimum touch target size. */
+  .seg{display:grid;grid-template-columns:1fr 1fr;width:100%;border-radius:8px}
+  .seg button{font-size:14px;min-height:44px;padding:8px 10px;border-bottom:1px solid var(--line)}
+  .seg button:nth-child(2n){border-right:0}          /* right column: no inner divider */
+  .seg button:nth-child(n+3){border-bottom:0}        /* last row: no bottom divider */
+
+  /* Give the toggle and the JSON link a full-size touch area. */
+  .field{min-height:44px}
+  .btn-ghost{min-height:44px}
+
+  /* WHY: the search field takes the full width so it is comfortable to type in,
+     and the font is raised to 16px. Below 16px, iOS Safari automatically zooms
+     the whole page when the field receives focus, and the user then has to
+     pinch back out. 16px disables that behaviour. */
+  .search{flex:1 1 100%}
+  .search input{font-size:16px}
+}
+
+/* ---------------------------------------------------------------------------
+   Narrow phone layout (<=480px): tighter spacing to recover horizontal space.
+   --------------------------------------------------------------------------- */
+@media (max-width:480px){
+  /* Recovers 12px of usable width on every row of the page. */
+  .wrap{padding:0 14px}
+
+  header.hero{padding:28px 0 20px}
+  .hero .wrap{gap:16px}
+  .brand{gap:12px}
+  .brand .mark{width:40px;height:40px;border-radius:10px}
+  .brand .mark .brand-logo{width:28px;height:28px}
+  .brand h1{font-size:20px}
+  .brand .sub{font-size:13px}
+  .stat .n{font-size:22px}
+
+  .controls{padding:16px 0 12px}
+
+  .srv{padding:14px}
+
+  .intro-card{padding:20px 18px;margin:22px 0 8px}
+  .intro-card h2{font-size:20px}
+  .intro-card p{font-size:14px}
+
+  .info-section{margin:32px 0}
+  .info-block{padding:18px 16px}
+
+  /* WHY: the four footer items were spread with space-between and wrapped into
+     an uneven, hard-to-read block. A single column reads cleanly on a phone. */
+  footer{margin-top:32px;padding:22px 0}
+  footer .wrap{flex-direction:column;gap:8px}
 }

@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@@ -222,13 +313,12 @@ footer a{color:var(--accent);text-decoration:none}
        <div class="mark"><svg class="brand-logo" viewBox="0 0 1036 1036" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Bitcoin After Life logo"><g transform="translate(0.000000,1036.000000) scale(0.100000,-0.100000)" fill="currentColor" stroke="none"><path d="M6130 10203 c-153 -318 -283 -665 -344 -916 -61 -250 -71 -335 -71 -602 1 -223 3 -249 28 -370 52 -244 140 -460 260 -633 72 -106 225 -257 320 -316 179 -111 335 -154 777 -211 232 -30 367 -61 442 -102 76 -41 195 -164 248 -257 170 -302 311 -774 362 -1211 19 -167 16 -591 -6 -745 -68 -484 -201 -871 -436 -1270 -541 -917 -1492 -1525 -2549 -1630 -132 -13 -453 -13 -596 0 -268 24 -530 77 -757 151 -1063 350 -1871 1192 -2187 2280 -63 217 -111 495 -127 742 -7 104 -7 107 -30 107 l-24 0 0 -167 c0 -286 27 -508 95 -773 148 -587 427 -1083 854 -1523 231 -237 423 -391 703 -563 685 -420 1543 -589 2343 -462 1346 213 2458 1211 2814 2524 89 329 116 543 115 919 0 349 -23 544 -100 847 -68 273 10 632 176 799 91 92 165 104 491 77 320 -26 499 36 699 242 171 175 285 422 320 690 15 116 12 401 -6 535 -13 100 -32 200 -91 478 -3 15 -8 27 -12 27 -3 0 -21 -30 -40 -66 -20 -39 -63 -96 -105 -139 -127 -130 -287 -216 -616 -330 -297 -104 -420 -161 -551 -256 -159 -117 -268 -285 -325 -504 -36 -135 -37 -312 -4 -500 12 -71 24 -132 26 -134 2 -2 41 33 87 78 115 115 199 177 369 270 267 146 442 260 590 384 38 32 72 57 74 54 7 -6 -107 -108 -193 -173 -88 -67 -259 -175 -402 -256 -58 -34 -146 -88 -196 -122 -107 -73 -276 -237 -332 -323 -50 -76 -100 -193 -116 -274 l-12 -60 -87 173 c-194 389 -411 680 -731 980 -375 353 -563 553 -677 723 -54 79 -170 297 -170 318 0 7 21 -22 46 -63 179 -288 481 -616 885 -962 265 -227 363 -338 496 -560 32 -54 60 -97 63 -98 9 0 100 229 141 352 99 302 114 589 44 869 -105 419 -325 659 -955 1039 -333 201 -500 322 -642 465 -148 150 -254 318 -297 475 -11 40 -22 75 -25 77 -2 2 -27 -44 -56 -104z"/><path d="M4436 9470 c-1069 -83 -2060 -527 -2825 -1265 -567 -548 -975 -1198 -1195 -1909 -248 -796 -290 -1575 -130 -2365 213 -1049 795 -2006 1636 -2688 727 -590 1604 -940 2558 -1023 189 -16 648 -14 825 5 601 63 1114 212 1645 481 834 421 1518 1083 1967 1904 296 540 464 1079 540 1725 23 203 23 683 -1 908 -39 374 -122 744 -237 1062 l-31 84 -151 -53 c-141 -49 -152 -54 -151 -77 1 -13 20 -94 42 -179 303 -1165 101 -2402 -553 -3395 -410 -622 -943 -1098 -1600 -1431 -469 -237 -913 -369 -1450 -430 -202 -24 -622 -24 -830 -1 -739 82 -1409 331 -1990 741 -293 206 -640 542 -869 840 -474 616 -756 1323 -843 2111 -20 185 -22 593 -4 785 112 1186 708 2250 1662 2965 619 465 1347 745 2139 826 127 13 546 18 745 9 l110 -5 21 160 c12 88 21 161 20 162 -4 4 -149 25 -275 39 -161 18 -620 26 -775 14z"/><path d="M3870 6492 c-52 -26 -73 -71 -78 -169 l-5 -83 -98 0 -99 0 0 -225 0 -225 100 0 100 0 0 -355 0 -355 -100 0 -100 0 0 -230 0 -230 100 0 100 0 0 -355 0 -355 -100 0 -100 0 0 -225 0 -225 100 0 100 0 0 -80 c0 -97 17 -142 62 -170 29 -17 50 -20 169 -20 125 0 139 2 170 23 43 29 58 71 58 170 l1 77 64 0 64 0 4 -111 c3 -107 4 -112 31 -135 27 -23 34 -24 182 -24 221 0 235 10 243 172 l5 98 261 0 c227 0 272 3 345 20 264 64 482 254 576 505 119 313 36 650 -216 878 l-72 64 33 47 c43 63 94 176 116 256 25 91 25 299 0 395 -59 230 -220 428 -431 530 -141 69 -182 77 -412 82 l-203 5 0 77 c0 104 -14 147 -53 171 -28 18 -51 20 -185 20 l-154 0 -34 -34 -34 -34 0 -101 0 -101 -65 0 -65 0 0 85 c0 162 -28 185 -222 185 -97 0 -130 -4 -158 -18z m1307 -732 c74 -45 103 -184 85 -416 -12 -151 -31 -208 -85 -248 -28 -21 -39 -21 -478 -24 l-449 -3 0 356 0 355 448 0 c426 0 448 -1 479 -20z m150 -1172 c46 -30 93 -97 125 -177 18 -45 22 -77 22 -161 1 -98 -1 -110 -30 -171 -35 -73 -92 -142 -135 -165 -23 -12 -115 -14 -544 -14 l-515 0 0 360 0 360 518 -3 518 -2 41 -27z"/></g></svg></div>
        <div>
          <h1>Will Executor — Server List</h1>
-          <div class="sub">Bitcoin After Life · Will-executor node leaderboard</div>
+          <div class="sub"><a href="https://bitcoin-after.life" target="_blank" rel="noopener">Bitcoin After Life</a> · Will-executor node leaderboard</div>
        </div>
      </div>
      <div class="hero-stats">
        <div class="stat"><div class="n" id="s-online">0</div><div class="l">Online</div></div>
        <div class="stat"><div class="n" id="s-total">0</div><div class="l">Servers</div></div>
-        <div class="stat"><div class="n" id="s-block">—</div><div class="l">Block</div></div>
      </div>
    </div>
  </header>
@@ -258,15 +348,19 @@ footer a{color:var(--accent);text-decoration:none}
      <a class="btn-ghost" id="download" href="#" download="willexecutors.json">↓ JSON</a>
    </div>

+    <p class="freshness-note">
+      <strong>Fee/description/version</strong> refresh about once a day (timing varies). <strong>Deposits</strong> are credited instantly after 3 confirmations (~30 min).
+    </p>
+
    <div class="table-card">
      <table id="tbl">
        <thead>
          <tr>
            <th class="num">#</th>
            <th>URL</th>
-            <th>Info</th>
-            <th class="num">Fee</th>
-            <th>Version</th>
+            <th>Info*</th>
+            <th class="num">Fee*</th>
+            <th>Version*</th>
            <th class="num">Height</th>
            <th class="num">Wins</th>
            <th class="num">Score</th>
@@ -278,6 +372,8 @@ footer a{color:var(--accent);text-decoration:none}

    <div class="mobile-list" id="mlist"></div>

+    <p class="fee-disclaimer">* Info, Fee and Version data may not reflect actual values or may be outdated. Refer to the <a href="https://bitcoin-after.life" target="_blank" rel="noopener">Bitcoin After Life plugin</a> for up-to-date information.</p>
+
    <section class="intro-card">
      <h2>Will Executor Server List</h2>
      <p>This page displays all Will Executor servers that manage the inheritance processing for the Bitcoin After Life plugin on Electrum. Will Executors operate in a competitive environment, racing to broadcast inheritance transactions to network nodes and earn the associated transaction fees.</p>
@@ -286,7 +382,7 @@ footer a{color:var(--accent);text-decoration:none}
    <div class="add-grid">
      <div class="panel">
        <h2>Add your Will Executor</h2>
-        <p class="lead">Enter your server URL. It will be checked online before it appears in the list.</p>
+        <p class="lead">Enter your server URL. It will appear in the list once your deposit is confirmed (typically about 30 minutes).</p>
        <div class="form-row">
          <input type="text" id="url" placeholder="https://we.bitcoin-after.life">
        </div>
@@ -300,7 +396,7 @@ footer a{color:var(--accent);text-decoration:none}
        <div class="terms-box" id="terms-box">
          <p class="lead">You are about to add this server:</p>
          <p><a id="terms-url" href="#" target="_blank" rel="noopener" class="mono"></a></p>
-          <p style="font-size:13px;margin-top:4px"><strong>Make sure the link above works correctly before paying. No refunds or URL changes after payment.</strong></p>
+          <p style="font-size:13px;margin-top:4px"><strong>Make sure the link above works correctly before paying. No refunds after payment. URL changes require proof of ownership — see the <a href="/terms.html" target="_blank">Terms</a>.</strong></p>
          <p style="font-size:14px">
            <label>
              <input type="checkbox" id="terms-check">
@@ -315,10 +411,11 @@ footer a{color:var(--accent);text-decoration:none}
          <div class="row"><span>Chain</span><span id="iv-chain">—</span></div>
          <div class="row"><span>Address</span><span id="iv-addr">—</span></div>
          <div class="row"><span>Balance</span><span id="iv-balance">—</span></div>
-          <div class="row"><span>Status</span><span id="iv-status">—</span></div>
+          <div class="row"><span>Donations</span><span id="iv-donations">—</span></div>
          <div class="row"><span>Contact</span><span id="iv-contact">—</span></div>
          <div class="row"><span>Server</span><span id="iv-url">—</span></div>
          <div class="row"><span>Will Executor</span><span><a id="iv-weinfo" href="#" target="_blank">—</a></span></div>
+          <div class="row" id="iv-nextdep-row" style="display:none"><span>Next renewal</span><span id="iv-nextdep">—</span></div>
          <div id="qrcode"></div>
          <button class="btn-share" id="share-btn">Share invoice</button>
          <p class="note">
@@ -330,10 +427,11 @@ footer a{color:var(--accent);text-decoration:none}

      <div class="panel">
        <h2>How ranking works</h2>
-        <p class="lead">Bid-based ranking: higher contributions rank higher.</p>
-        <div style="display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px"><span style="color:var(--muted)">Deposit threshold</span><b class="mono"><span id="thr-min">50,000</span> sats</b></div>
-        <div style="display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px"><span style="color:var(--muted)">Plugin integration</span><b>automatic</b></div>
-        <div style="display:flex;justify-content:space-between;padding:8px 0;font-size:13px"><span style="color:var(--muted)">Early-adopter guarantee</span><b>12 months</b></div>
+        <p class="lead">Ordered by excess donated, then total paid, then base fee (lower first), then WeTime points.</p>
+        <div style="display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px"><span style="color:var(--muted)">Yearly fee</span><b class="mono"><span id="thr-min">50,000</span> sats</b></div>
+        <div style="display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px"><span style="color:var(--muted)">Listing period</span><b>365 days</b></div>
+        <div style="display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px"><span style="color:var(--muted)">Renewal window</span><b>from 6 months before expiry</b></div>
+        <div style="display:flex;justify-content:space-between;padding:8px 0;font-size:13px"><span style="color:var(--muted)">Plugin integration</span><b>automatic</b></div>
      </div>
    </div>

@@ -348,13 +446,13 @@ footer a{color:var(--accent);text-decoration:none}
        <div class="info-block">
          <span class="ic">02</span>
          <h3>Ranking System</h3>
-          <p>This leaderboard operates on a bid-based ranking system where higher contributions result in better positioning.</p>
+          <p>This leaderboard is ordered by excess donated (over the yearly fee), then total amount paid, then lower base fee, then WeTime points.</p>
        </div>

        <div class="info-block">
          <span class="ic">03</span>
-          <h3>Early Adopter Incentives</h3>
-          <p>To support the project's initial launch phase, we plan to maintain the first Will Executor servers for a minimum of 12 months, rewarding early participants. Subsequently, premium positions will be available through an auction system based on protocol revenue generation.</p>
+          <h3>Listing &amp; Renewal</h3>
+          <p>A flat yearly fee buys 365 days of presence in the list, starting when your payment reaches 3 confirmations. You can renew for one additional year at any time from 6 months before expiry; listings that are not renewed are removed at expiry. See the <a href="/terms.html" target="_blank">Terms</a> for details.</p>
        </div>

        <div class="info-block">
@@ -371,6 +469,7 @@ footer a{color:var(--accent);text-decoration:none}
    <div class="wrap">
      <span>Bitcoin After Life — Will Executor List</span>
      <a href="mailto:welist@bitcoin-after.life">welist@bitcoin-after.life</a>
+      <a href="/terms.html">Terms</a>
      <a class="mono" id="commit-link" href="https://bitcoin-after.life/gitea/bitcoinafterlife/bal-welist-website/commit/COMMIT_HASH_PLACEHOLDER">COMMIT_HASH_PLACEHOLDER</a>
    </div>
  </footer>
@@ -383,18 +482,6 @@ let minAmount = 50000;
 const fmt = n => (n != null ? Number(n).toLocaleString('en-US') : '—');
 const trunc = (s, m=40) => s && s.length > m ? s.slice(0, m) + '…' : s;

-const statusMap = {
-  'OK': 'Health check passed',
-  'TIMEOUT': 'Connection timeout',
-  'CONNECTION': 'Connection error',
-  'STATUS': 'HTTP error',
-  'WRONG REPLY': 'Invalid JSON response',
-  'REQUEST': 'Request error',
-  'BODY': 'Body read error',
-  'DECODE': 'Decode error',
-  'KO': 'Generic error'
-};
-
 function getChain() {
  const btn = document.querySelector('#chainSeg [aria-pressed="true"]');
  return btn ? btn.dataset.c : 'bitcoin';
@@ -402,9 +489,7 @@ function getChain() {

 function getFiltered() {
  return allServers
-    .filter(d => withTor ? true : !d.onion)
-    .filter(d => (d.url + " " + (d.info||"")).toLowerCase().includes(q.toLowerCase()))
-    .sort((a, b) => (b.last_block||0) - (a.last_block||0) || (b.points||0) - (a.points||0) || (b.count_win||0) - (a.count_win||0) || (a.base_fee||0) - (b.base_fee||0) || (b.version||'').localeCompare(a.version||''));
+    .filter(d => (d.url + " " + (d.info||"")).toLowerCase().includes(q.toLowerCase()));
 }

 function render() {
@@ -448,11 +533,9 @@ function render() {
      </div>`);
  });

-  const online = allServers.filter(d => d.status === "online" || d.status === "OK").length;
+  const online = allServers.filter(d => d.status === "OK").length;
  document.getElementById('s-online').textContent = online;
  document.getElementById('s-total').textContent = allServers.length;
-  const top = getFiltered()[0];
-  document.getElementById('s-block').textContent = top ? fmt(top.last_block) : '—';
 }

 async function fetchData() {
@@ -460,10 +543,14 @@ async function fetchData() {
  const params = new URLSearchParams({ page: 0, limit: 100 });
  if (!withTor) params.append("onion", "no");
  try {
-    const response = await fetch(`/data/${chain}?${params}`);
+    // NOTE: /data/{chain} returns a HashMap, whose JSON key order is not
+    // guaranteed (it can change on every backend restart). /datalist/{chain}
+    // returns an ordered array (Vec) that preserves the server-side sort
+    // (donation DESC, balance DESC, base_fee ASC, wetime_points DESC) — see terms.html §3.
+    const response = await fetch(`/datalist/${chain}?${params}`);
    if (!response.ok) throw new Error(`HTTP ${response.status}`);
-    const obj = await response.json();
-    allServers = Object.entries(obj).map(([key, s]) => ({ id: key, ...s }));
+    const list = await response.json();
+    allServers = list;
    render();
  } catch (err) {
    console.error('Fetch error:', err);
@@ -521,18 +608,45 @@ document.getElementById('submit').addEventListener('click', async () => {
  document.getElementById('iv-chain').textContent = '—';
  document.getElementById('iv-addr').textContent = '—';
  document.getElementById('iv-balance').textContent = '—';
+  document.getElementById('iv-donations').textContent = '—';
  document.getElementById('iv-url').textContent = '—';
  document.getElementById('iv-contact').textContent = '—';
  document.getElementById('iv-weinfo').href = '#';
  document.getElementById('iv-weinfo').textContent = '—';
+  document.getElementById('iv-nextdep-row').style.display = 'none';
+  document.getElementById('iv-nextdep').textContent = '—';
+  document.getElementById('iv-min').parentElement.style.display = '';
+  document.getElementById('iv-addr').parentElement.style.display = '';
+  document.getElementById('qrcode').style.display = '';
+  document.getElementById('share-btn').style.display = '';
  document.getElementById('qrcode').innerHTML = '';
  document.getElementById('qrcode').style.cursor = '';
  document.getElementById('qr-overlay').classList.remove('show');
  document.getElementById('share-btn').textContent = 'Share invoice';
  document.getElementById('terms-box').classList.remove('show');
+  document.getElementById('terms-box').style.display = '';
  document.getElementById('terms-check').checked = false;
  document.getElementById('terms-accept').disabled = true;
  const chain = getChain();
+  const infoUrl = url + '/' + chain + '/info';
+  document.getElementById('terms-url').href = infoUrl;
+  document.getElementById('terms-url').textContent = url;
+  document.getElementById('terms-box').classList.add('show');
+  document.getElementById('terms-box').scrollIntoView({ behavior: 'smooth', block: 'nearest' });
+});
+
+document.getElementById('terms-check').addEventListener('change', function () {
+  document.getElementById('terms-accept').disabled = !this.checked;
+});
+
+document.getElementById('terms-accept').addEventListener('click', async function () {
+  document.getElementById('terms-box').classList.remove('show');
+  const urlInput = document.getElementById('url');
+  let url = urlInput.value.trim();
+  if (!url.startsWith('http://') && !url.startsWith('https://')) {
+    url = 'https://' + url;
+  }
+  const chain = getChain();
  try {
    const response = await fetch('/data', {
      method: 'POST',
@@ -548,10 +662,10 @@ document.getElementById('submit').addEventListener('click', async () => {
    document.getElementById('iv-min').textContent = fmt(result.min_amount != null ? result.min_amount : minAmount) + ' sats';
    document.getElementById('iv-chain').textContent = result.chain || chain;
    document.getElementById('iv-addr').textContent = result.address || '—';
-    document.getElementById('iv-balance').textContent = result.balance != null ? fmt(result.balance) : '—';
-    const statusVal = result.status || '—';
-    const st = (statusVal||'').split(':')[0];
-    document.getElementById('iv-status').textContent = statusMap[st] || '—';
+    const balStr = result.balance != null ? fmt(result.balance) : null;
+    const uncStr = result.unconfirmed_balance != null ? fmt(result.unconfirmed_balance) : null;
+    document.getElementById('iv-balance').textContent = balStr ? (uncStr ? balStr + ' (' + uncStr + ')' : balStr) : '—';
+    document.getElementById('iv-donations').textContent = result.donation != null ? fmt(result.donation) : '—';
    document.getElementById('iv-contact').textContent = document.getElementById('contact').value.trim() || '—';
    const weLink = result.id ? `/weinfo/${result.chain || chain}/${result.id}` : null;
    const weinfoEl = document.getElementById('iv-weinfo');
@@ -562,7 +676,23 @@ document.getElementById('submit').addEventListener('click', async () => {
      weinfoEl.href = '#';
      weinfoEl.textContent = '—';
    }
-    const amountSats = result.amount != null ? result.amount : minAmount;
+    const serverUrl = result.url || url;
+    document.getElementById('iv-url').textContent = serverUrl;
+    if (result.payment_needed === false) {
+      document.getElementById('iv-min').parentElement.style.display = 'none';
+      document.getElementById('iv-addr').parentElement.style.display = 'none';
+      document.getElementById('qrcode').style.display = 'none';
+      document.getElementById('share-btn').style.display = 'none';
+      document.getElementById('iv-nextdep').textContent = result.next_deposit_date || '—';
+      document.getElementById('iv-nextdep-row').style.display = 'flex';
+      document.getElementById('iv-status').className = 'ok-line';
+      document.getElementById('iv-status').textContent = 'Server is already listed. Next renewal: ' + (result.next_deposit_date || '—');
+      const inv = document.getElementById('invoice');
+      inv.classList.add('show');
+      inv.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
+      return;
+    }
+    const amountSats = result.min_amount != null ? result.min_amount : minAmount;
    const amountBtc = (amountSats / 1e8).toFixed(8).replace(/\.?0+$/, '');
    const invoiceuri = `bitcoin:${result.address}?amount=${amountBtc}&label=BAL&message=Order+For+url+%26+${encodeURIComponent(url)}`;
    const qrEl = document.getElementById('qrcode');
@@ -591,41 +721,25 @@ document.getElementById('submit').addEventListener('click', async () => {
        });
      }
    };
-    const serverUrl = result.url || url;
-    const infoUrl = serverUrl + '/' + (result.chain || chain) + '/info';
-    document.getElementById('iv-url').textContent = serverUrl;
-    document.getElementById('terms-url').href = infoUrl;
-    document.getElementById('terms-url').textContent = serverUrl;
-    document.getElementById('terms-box').classList.add('show');
-    document.getElementById('terms-box').scrollIntoView({ behavior: 'smooth', block: 'nearest' });
+    document.getElementById('iv-status').className = 'ok-line';
+    document.getElementById('iv-status').textContent = '✓ Server verified: ' + serverUrl + '. Pay the invoice — it will be listed after 3 confirmations.';
+    const inv = document.getElementById('invoice');
+    inv.classList.add('show');
+    inv.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
  } catch (err) {
    document.getElementById('iv-status').className = 'err-line';
    document.getElementById('iv-status').textContent = 'Network error. Please try again.';
  }
 });

-document.getElementById('terms-check').addEventListener('change', function () {
-  document.getElementById('terms-accept').disabled = !this.checked;
-});
-
-document.getElementById('terms-accept').addEventListener('click', function () {
-  document.getElementById('terms-box').classList.remove('show');
-  const inv = document.getElementById('invoice');
-  document.getElementById('iv-status').className = 'ok-line';
-  document.getElementById('iv-status').textContent = '✓ Server added: ' + document.getElementById('iv-url').textContent + '. Pay the invoice to complete.';
-  inv.classList.add('show');
-  inv.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
-});
-
 document.getElementById('url').addEventListener('keydown', e => {
  if (e.key === 'Enter') document.getElementById('submit').click();
 });

-(function init() {
+(async function init() {
+  await Promise.all([fetchData(), fetchMinAmount()]);
  const blob = new Blob([JSON.stringify(allServers, null, 2)], { type: 'application/json' });
  document.getElementById('download').href = URL.createObjectURL(blob);
-  fetchData();
-  fetchMinAmount();
 })();
 </script>
 <div id="qr-overlay"><div id="qr-big"></div></div>
--- a/terms.html
+++ b/terms.html
@@ -7,9 +7,12 @@
 <link rel="icon" href="Logo_nero.ico" type="image/x-icon">
 <!--
  Sections 2-4 rewritten on 2026-07 for the yearly-listing model
-  (flat yearly fee, renewal from 6 months before expiry, list
-  ordered by points). Section 1, header, footer and the dynamic
-  min-deposit script are unchanged from the previous version.
+  (flat yearly fee, renewal from 6 months before expiry). The list
+  is ordered by total excess donated, then total amount paid, then
+  base fee, then WeTime points as a tie-breaker (see Section 3),
+  matching the server-side get_list() ordering. Section 1, header,
+  footer and the dynamic min-deposit script are unchanged from the
+  previous version.
 -->
 <style>
 :root{
@@ -235,7 +238,7 @@ l-49 -25 -880 0 -880 0 -3 704 c-2 557 0 706 10 713 7 4 407 7 888 5 818 -2

    <section class="info-section">
      <h2>2. Listing &amp; Renewal</h2>
-      <p class="sub">A listing works like a hosting plan: a flat yearly fee buys your server one year of presence in the list. No balances, no ranking by deposit, no daily decay. Payments are non-refundable (see Section&nbsp;1) — double-check your server URL before paying.</p>
+      <p class="sub">A listing works like a hosting plan: a flat yearly fee buys your server one year of presence in the list. Your paid amount accumulates and never decays — it is preserved across renewals and also determines your position in the list (see Section&nbsp;3). Payments are non-refundable (see Section&nbsp;1) — double-check your server URL before paying.</p>
      <div class="info-grid">
        <div class="info-block">
          <span class="ic">01 · PAYMENT</span>
@@ -252,7 +255,7 @@ l-49 -25 -880 0 -880 0 -3 704 c-2 557 0 706 10 713 7 4 407 7 888 5 818 -2
        <div class="info-block">
          <span class="ic">03 · CAPACITY</span>
          <h3>No Cap on Listings</h3>
-          <p>There is no fixed number of slots: every server with remaining listing time is shown. Paying buys presence in the list, not a position in it (see Section&nbsp;3).</p>
+          <p>There is no fixed number of slots: every server with remaining listing time is shown. Paying buys presence in the list; the total amount paid also affects your position in it (see Section&nbsp;3).</p>
          <p>Removal from the list does not affect users who already have your server in their plugin: the plugin's server list is add-only. Being listed matters for reaching new users.</p>
        </div>
        <div class="info-block">
@@ -283,13 +286,19 @@ l-49 -25 -880 0 -880 0 -3 704 c-2 557 0 706 10 713 7 4 407 7 888 5 818 -2

    <section class="info-section">
      <h2>3. List Order &amp; Server Page</h2>
-      <p class="sub">The list is ordered by points, earned by proving your server is online and synchronized. Payment does not affect position.</p>
+      <p class="sub">The list is ordered by four criteria: first by total excess donated (higher first), then by total amount paid in balance (higher first), then by the base fee charged (lower first), and finally by WeTime points (higher first) as a tie-breaker.</p>
      <div class="info-grid">
        <div class="info-block">
          <span class="ic">ORDER</span>
-          <h3>Points &amp; WeTime</h3>
+          <h3>How Position Is Determined</h3>
+          <p>Servers are sorted by four criteria, in order: first by the total excess donated (higher first), then by the total paid amount (higher first), then by the base fee they charge (lower first), and finally by WeTime points (higher first) to break any remaining ties.</p>
+          <p>Because excess donated comes first and never decays, over-paying or tipping more — on top of any payment — directly and permanently moves a server up the list. Paying more than the exact yearly fee is the fastest way to improve position.</p>
+        </div>
+        <div class="info-block">
+          <span class="ic">POINTS</span>
+          <h3>WeTime Points</h3>
          <p>Points are earned by participating in WeTime rounds. Each executor periodically submits its block hash; the faster the response within the same block, the more points awarded. The win count tracks how many times an executor was the fastest responder.</p>
-          <p>Points are not transferable, not redeemable and have no monetary value: they exist only to order this list. Points measure presence and reactivity — they do not certify how a server will handle inheritance transactions.</p>
+          <p>Points are not transferable, not redeemable and have no monetary value: within this list they act only as a tie-breaker. Points measure presence and reactivity — they do not certify how a server will handle inheritance transactions.</p>
        </div>
        <div class="info-block">
          <span class="ic">DETAILS</span>
--- a/weinfo.html
+++ b/weinfo.html
@@ -41,6 +41,7 @@
      <div><span>Version:</span><span id="weversion">&nbsp;</span></div>
      <div><span>Fees:</span><span id="wefees">&nbsp;</span></div>
      <div><span>Tld:</span><span id="wetld">&nbsp;</span></div>
+      <div><span>Last Update:</span><span id="weupdate">&nbsp;</span></div>
    </div>
    <div style="float:left;border:1;margin-right:50px;">
      <div><span>Height:</span><span id="weheight">&nbsp;</span></div>
@@ -49,8 +50,9 @@
    </div>
    <div style="border:1;margin-right:50px;">
      <div><span>Balance:</span><span id="webalance">&nbsp;</span></div>
+      <div><span>Donations:</span><span id="wedonations">&nbsp;</span></div>
      <div><span>Status:</span><span id="westatus">&nbsp;</span></div>
-      <div><span>Last Update:</span><span id="weupdate">&nbsp;</span></div>
+      <div><span>Expiry:</span><span id="weexpiry">&nbsp;</span></div>
    </div>
    <div>
      <table id="wetimes">
@@ -89,8 +91,13 @@
          document.getElementById('wepoints').innerHTML   = data.points != null ? data.points : '—';
          document.getElementById('wewin').innerHTML      = data.count_win != null ? data.count_win : '—';
          document.getElementById('wetld').innerHTML      = DOMPurify.sanitize(data.tld||'—');
-          document.getElementById('webalance').innerHTML  = data.balance != null ? data.balance : '—';
+          const bal = data.balance != null ? data.balance : null;
+          const unc = data.unconfirmed_balance != null ? data.unconfirmed_balance : null;
+          document.getElementById('webalance').innerHTML  = bal ? (unc ? bal + ' (' + unc + ')' : bal) : '—';
+          document.getElementById('wedonations').innerHTML = data.donation != null ? data.donation : '—';
          document.getElementById('weversion').innerHTML  = data.version||'—';
+          document.getElementById('weexpiry').innerHTML   = '<b>' + (data.expiry_date || '—') + '</b>';
+          document.getElementById('weupdate').innerHTML   = data.last_update || '—';
          const statusMap = {
            'OK': 'Health check passed',
            'TIMEOUT': 'Connection timeout',
Author	SHA1	Message	Date
bitcoinafterlife	ecaf983dbb	Update index.html View optimised for mobile devices	2026-07-21 22:43:06 +00:00
svatantrya	3dcd8227fa	Link Bitcoin After Life to homepage in page header	2026-07-20 14:56:48 -04:00
svatantrya	b50b9f5de9	Add disclaimer for Info, Fee, and Version columns	2026-07-20 14:53:56 -04:00
bitcoinafterlife	373580b356	Update index.html Remove Block stat from header	2026-07-17 11:19:51 +00:00
bitcoinafterlife	a6ea23ff5f	Update index.html Fix random server order: use /datalist (ordered) instead of /data (unordered HashMap)	2026-07-17 11:05:00 +00:00
bitcoinafterlife	40db9f36ab	Update index.html Add data-freshness note above server list	2026-07-17 10:58:11 +00:00
bitcoinafterlife	8a9b1b21d1	original page	2026-07-17 10:43:25 +00:00
bitcoinafterlife	e71051d869	Added details of data update times Added details of data update times	2026-07-17 10:10:46 +00:00
svatantrya	e4707b7fd7	Merge pull request 'Align index.html with yearly-listing terms' (#3 ) from donkey-ai/bal-welist-website:fix/index-yearly-model-consistency into main Reviewed-on: bitcoinafterlife/bal-welist-website#3	2026-07-16 22:32:47 +00:00
Claude (draft, do not push as-is)	c297fb30db	Match panel heights in Add-server / How-ranking-works grid align-items:start made each .panel size to its own content, so the two side-by-side cards in .add-grid ended up with different heights whenever their text length differed. Switch to align-items:stretch (+ flex column on the panels) so both cards always match height.	2026-07-17 00:32:27 +02:00
Claude (draft, do not push as-is)	7be9959241	Align index.html with yearly-listing terms - Sidebar: replace vague 'Bid-based ranking' lead with the actual 4-criteria ordering (excess donated, total paid, base fee, points) - Sidebar: drop 'Early-adopter guarantee 12 months' (contradicts Terms 2.04 pro-rata conversion of legacy balances); add 'Listing period 365 days' / 'Renewal window' facts instead - Info block 03: rename 'Early Adopter Incentives' -> 'Listing & Renewal', remove the unconditional 12-month promise, describe the real pay -> listed -> renewal -> expiry lifecycle from Terms Sec. 2 - Rename 'Next deposit' -> 'Next renewal' (label + status text) - Fix s-block stat: use max(last_block) across all servers instead of getFiltered()[0].last_block, since the list order no longer tracks block height - Clarify 'Server added' -> 'Server verified... listed after 3 confirmations', matching Terms 2.01 (listing starts at 3 confs, not at submission) Note: result.donation (singular) confirmed correct against the current API by backend — left untouched, no change needed here.	2026-07-17 00:08:06 +02:00
svatantrya	57347e87e7	Update listing terms and UI copy for yearly-fee model; fix API field reference	2026-07-16 17:33:33 -04:00
svatantrya	a8d1c5b214	Fix donations field: use singular donation from backend	2026-07-16 13:36:05 -04:00
svatantrya	0298ec737e	docs: clarify payment affects list position	2026-07-16 12:58:04 -04:00
svatantrya	add0b2cddc	add expiry date to weinfo page, fix last update population, move last update to first column	2026-07-14 08:28:19 -04:00
svatantrya	74fe167137	refactor: move fetch after terms accept, add donations/nextdep/unconfirmed balance, fix download blob	2026-07-14 08:01:03 -04:00