fix: paginate weinfo times and read min deposit from ranking_info

- weinfo.html now pages times with the API's zero-based page offset instead of block heights\n- bal.js renders page metadata and hides dead next links on the last page\n- index.html and terms.html read amount from /ranking_info/{chain}
Home: 'Add your Will Executor' link under the table; FAQ 6 lands on the panel
2026-11-06 21:29:03 -04:00 · 2026-11-06 19:38:59 +01:00 · 2026-11-06 19:33:28 +01:00 · 2026-11-06 19:31:29 +01:00 · 2026-11-06 19:31:05 +01:00 · 2026-11-06 19:29:36 +01:00
7 changed files with 1944 additions and 798 deletions
--- a/MOBILE-CHANGES.md
+++ b/MOBILE-CHANGES.md
@@ -0,0 +1,99 @@
+# Mobile readability fixes — `index.html`
+
+Base: commit `3dcd822` (`bitcoinafterlife/bal-welist-website`, `main`).
+
+**Scope:** header, filter bar and server list only. CSS-only — the JavaScript is
+byte-for-byte unchanged. Desktop rendering is unaffected: every change sits
+inside a `@media (max-width: ...)` block, except one line on `body` (item 7).
+
+The "Add your Will Executor" panel, the invoice and the QR code were left
+untouched on purpose, since payments are expected to be made from a desktop
+browser.
+
+---
+
+## 1. Chain selector overflowed the viewport
+
+**Before:** `.seg` was an `inline-flex` row of four buttons (Bitcoin, Testnet,
+Testnet4, Regtest) with no wrapping — roughly 340px wide. On a 360–390px phone,
+minus page padding, it pushed past the right edge and made the whole page scroll
+horizontally.
+
+**After:** below 600px the selector becomes a full-width 2×2 grid. Inner
+dividers are recalculated with `:nth-child` so the borders stay correct in the
+new arrangement.
+
+## 2. Touch targets too small
+
+Chain buttons were ~33px tall. Raised to `min-height: 44px` (the standard
+minimum for a finger), applied to the chain buttons, the Tor toggle row and the
+JSON link.
+
+## 3. Nested scrolling in the server list
+
+**Before:** `.mobile-list` carried `max-height: 350px; overflow: auto`, so on a
+phone the list was a small window scrolling inside a page that also scrolls —
+the two gestures fight each other.
+
+**After:** the height cap is removed below 860px; the list flows with the page.
+The desktop table (`.table-card`) keeps its 350px cap unchanged.
+
+## 4. Long URLs broke out of the cards
+
+Server URLs contain no spaces, so the browser cannot break them and they
+overflowed the card. Added `overflow-wrap: anywhere`, plus `min-width: 0` on the
+flex parent — without it a flex child defaults to `min-width: auto` and refuses
+to shrink below its content width.
+
+The JS truncation at 40 characters is unchanged.
+
+## 5. Uneven card grid
+
+The five fields (Score, Wins, Fee, Version, Height) sat in two fixed columns,
+leaving Height alone on a half-empty row. Switched to
+`repeat(auto-fit, minmax(84px, 1fr))`, which fits as many columns as the width
+allows.
+
+## 6. iOS auto-zoom on the search field
+
+iOS Safari zooms the entire page when a focused input has a font size below
+16px, and the user then has to pinch back out. The filter field is raised to
+16px below 600px and made full width.
+
+## 7. Text inflation in landscape
+
+Added `-webkit-text-size-adjust: 100%` to `body`. iOS enlarges font sizes when a
+phone is rotated to landscape, which distorted the header and the cards. This is
+the only change outside a media query; it has no effect on desktop browsers.
+
+## 8. Tighter spacing below 480px
+
+New breakpoint reducing padding and type size where space is scarce:
+
+| Element | Before | After |
+| --- | --- | --- |
+| `.wrap` side padding | 20px | 14px (+12px usable width per row) |
+| `header.hero` padding | 48px 0 28px | 28px 0 20px |
+| `.brand h1` | 24px | 20px |
+| Logo mark | 46px | 40px |
+| `.stat .n` | 26px | 22px |
+| `.intro-card` padding | 28px 32px | 20px 18px |
+| `.info-block` padding | 22px 24px | 18px 16px |
+| `.srv` padding | 16px | 14px |
+| Footer | space-between, wrapping | single column |
+
+---
+
+## Verification performed
+
+- CSS braces balanced (148 open / 148 close).
+- All 32 element IDs referenced by the JavaScript still present in the markup.
+- Tag balance checked for `div`, `section`, `header`, `footer`, `main`, `table`,
+  `style`, `script`.
+- Media queries present in order: 860px, 600px, 480px, `prefers-reduced-motion`.
+
+## Not yet verified
+
+Rendering was not tested on a physical device. Worth a quick check on one iPhone
+and one Android phone before merging, in particular the 2×2 chain selector at
+320px width (iPhone SE, the narrowest screen still in common use).
--- a/bal.js
+++ b/bal.js
@@ -76,18 +76,40 @@ async function fetchDataAndPopulateTable(url,params,fnPopulateTable,downloadOpt,
  function make_paginator(){
    document.getElementById("chainth").innerHTML = chain;
    const pag = document.getElementById("paginator");
-
-    pag.appendChild(document.createTextNode("_"));
-    if (page > 0) {
-      pag.appendChild(createlink("<","?page="+paginator.prev));
+    pag.innerHTML = "";
+    const currentPage = paginator && paginator.page != null
+      ? paginator.page
+      : (Number(page) || 0);
+    const prevPage = paginator && paginator.prev != null
+      ? paginator.prev
+      : Math.max(currentPage - 1, 0);
+    const nextPage = paginator && paginator.next != null
+      ? paginator.next
+      : currentPage + 1;
+    const hasPrev = paginator && paginator.hasPrev != null
+      ? paginator.hasPrev
+      : currentPage > 0;
+    const hasNext = paginator && paginator.hasNext != null
+      ? paginator.hasNext
+      : true;
+    // prev (a plain, dimmed arrow on the first page), "page N", next
+    if (hasPrev) {
+      pag.appendChild(createlink("&lsaquo;","?page="+prevPage));
+    } else {
+      const off = document.createElement("span");
+      off.className = "pg-off"; off.innerHTML = "&lsaquo;";
+      pag.appendChild(off);
    }
-    else{
-      pag.appendChild(document.createTextNode("<"));
+    const lbl = document.createElement("span");
+    lbl.className = "pg-label"; lbl.textContent = "page " + currentPage;
+    pag.appendChild(lbl);
+    if (hasNext) {
+      pag.appendChild(createlink("&rsaquo;","?page="+nextPage));
+    } else {
+      const off = document.createElement("span");
+      off.className = "pg-off"; off.innerHTML = "&rsaquo;";
+      pag.appendChild(off);
    }
-    pag.appendChild(document.createTextNode("_"));
-    pag.appendChild(document.createTextNode(page));
-    pag.appendChild(document.createTextNode("_"));
-    pag.appendChild(createlink(">","?page="+paginator.next));
  }
 }

--- a/index.html
+++ b/index.html
@@ -4,6 +4,21 @@
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>BAL Server List</title>
+<meta name="description" content="Public directory of Bitcoin After Life Will-Executor servers: the independent nodes that hold and broadcast time-locked Bitcoin inheritance transactions for the BAL Protocol.">
+<link rel="canonical" href="https://welist.bitcoin-after.life/">
+<meta property="og:type" content="website">
+<meta property="og:site_name" content="Bitcoin After Life">
+<meta property="og:title" content="Will-Executor Server List — Bitcoin After Life">
+<meta property="og:description" content="Public directory of Bitcoin After Life Will-Executor servers: the independent nodes that hold and broadcast time-locked Bitcoin inheritance transactions for the BAL Protocol.">
+<meta property="og:url" content="https://welist.bitcoin-after.life/">
+<meta property="og:image" content="https://bitcoin-after.life/pitura/og-default.png">
+<meta property="og:image:width" content="1200">
+<meta property="og:image:height" content="630">
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:site" content="@BitcoinAfterLif">
+<meta name="twitter:title" content="Will-Executor Server List — Bitcoin After Life">
+<meta name="twitter:description" content="Public directory of Bitcoin After Life Will-Executor servers: the independent nodes that hold and broadcast time-locked Bitcoin inheritance transactions for the BAL Protocol.">
+<meta name="twitter:image" content="https://bitcoin-after.life/pitura/og-default.png">
 <link rel="icon" href="Logo_nero.ico" type="image/x-icon">
 <script src="qrcode.min.js"></script>
 <script src="purify.min.js"></script>
@@ -40,6 +55,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}

@@ -59,6 +78,15 @@ header.hero{padding:48px 0 28px;border-bottom:1px solid var(--line)}
 }
 .brand .sub{color:var(--muted);font-size:14px;margin-top:2px}
 .hero-stats{display:flex;gap:28px}
+/* Right side of the hero: the stats and the way to the Terms page (how to get
+   listed, yearly fee). Added 2026-11-06: the page was hard to find. */
+.hero-right{display:flex;align-items:flex-end;gap:28px;flex-wrap:wrap}
+.hero-cta{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:10px;
+  background:var(--accent);color:#fff;text-decoration:none;font-weight:600;font-size:14px;line-height:1.15;
+  box-shadow:0 4px 14px rgba(45,108,223,.25)}
+.hero-cta:hover{filter:brightness(1.06)}
+.hero-cta svg{width:22px;height:22px;flex:none}
+.hero-cta small{display:block;font-weight:400;font-size:12px;opacity:.85;margin-top:2px}
 .stat .n{font-family:var(--display);font-size:26px;font-weight:600;line-height:1}
 .stat .l{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:6px}

@@ -117,7 +145,7 @@ 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:stretch}
+.add-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,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);
@@ -140,6 +168,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);
@@ -172,6 +206,41 @@ tbody tr:hover{background:color-mix(in srgb,var(--accent-soft) 50%,transparent)}
 .terms-box a.mono{font-size:14px;word-break:break-all}
 .terms-box label{font-size:14px;cursor:pointer}
 .terms-box .btn{margin-top:14px}
+.btn-row{display:flex;gap:8px;margin-top:8px}
+.btn-row .btn{flex:1;margin-top:0}
+[hidden]{display:none!important}
+/* Add / Check tabs of the panel, and its two columns (form + side notes). */
+.mode-seg{margin-bottom:18px;align-self:flex-start}
+.mode-seg button{font-size:14px;padding:9px 16px;display:inline-flex;align-items:center;gap:8px}
+.mode-seg button svg{width:16px;height:16px}
+.mode-seg button[aria-selected="true"]{background:var(--accent-soft);color:var(--ink);font-weight:600}
+.panel-body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:start}
+.panel-side{border-left:1px solid var(--line);padding-left:24px;font-size:13px;color:var(--muted);line-height:1.5}
+.side-title{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:600;margin:6px 0 12px}
+.mini-steps{list-style:none;margin:0 0 14px;padding:0;counter-reset:ms}
+.mini-steps li{position:relative;padding:0 0 14px 34px;counter-increment:ms}
+.mini-steps li::before{content:counter(ms);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;
+  background:var(--accent-soft);color:var(--accent);font-family:var(--mono);font-size:12px;display:flex;align-items:center;justify-content:center}
+.mini-steps b{display:block;color:var(--ink);font-size:13.5px;margin-bottom:2px}
+.side-link{color:var(--accent);text-decoration:none;font-weight:600}
+/* Renewal status result */
+.renewal-card{margin-top:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);padding:18px 20px}
+.rc-main{display:flex;flex-direction:column;gap:2px;margin-bottom:14px}
+.rc-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
+.rc-date{font-family:var(--display);font-size:30px;font-weight:600;line-height:1.1;color:var(--ink)}
+.rc-sub{font-size:13px;color:var(--muted)}
+.rc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;font-size:13px}
+.rc-grid div{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--line);padding-top:8px}
+.rc-grid span{color:var(--muted)}
+.rc-grid b{font-family:var(--mono);font-weight:600}
+.rc-link{display:inline-block;margin-top:14px;color:var(--accent);text-decoration:none;font-weight:600;font-size:13px}
+.rc-link:hover{text-decoration:underline}
+.rc-open{color:var(--ok)}
+.side-link:hover{text-decoration:underline}
+@media (max-width:1024px){
+  .panel-body{grid-template-columns:1fr}
+  .panel-side{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:16px}
+}

 .intro-card{
  background:var(--panel);border:1px solid var(--line);
@@ -182,6 +251,14 @@ 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)}
+.after-table{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:12px}
+.after-table .fee-disclaimer{margin:0;flex:1 1 420px}
+.add-cta{color:var(--accent);font-weight:600;white-space:nowrap}
+.add-cta svg{width:16px;height:16px}
+#we-panel{scroll-margin-top:16px}
+
 .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}
@@ -198,7 +275,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}
@@ -206,9 +287,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}}
@@ -223,13 +377,15 @@ 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-right">
        <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>
+        <a class="hero-cta" href="/terms.html"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/><path d="M14 3v6h6"/><path d="M8 13h8M8 17h5"/></svg><span>How to get listed<small>Terms &amp; yearly fee</small></span></a>
      </div>
    </div>
  </header>
@@ -239,7 +395,6 @@ footer a{color:var(--accent);text-decoration:none}
    <div class="controls">
      <div class="seg" id="chainSeg" role="group" aria-label="Chain">
        <button data-c="bitcoin" aria-pressed="true">Bitcoin</button>
-        <button data-c="testnet" aria-pressed="false">Testnet</button>
        <button data-c="testnet4" aria-pressed="false">Testnet4</button>
        <button data-c="regtest" aria-pressed="false">Regtest</button>
      </div>
@@ -259,15 +414,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>
@@ -279,25 +438,67 @@ footer a{color:var(--accent);text-decoration:none}

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

+    <!-- Under the table: the disclaimer on the left and, on the right, the way to the
+         "Add your Will Executor" panel further down (owner, 2026-11-06: it was easy to miss). -->
+    <div class="after-table">
+      <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>
+      <a class="btn-ghost add-cta" href="#we-panel"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" aria-hidden="true"><path d="M12 5v14M5 12h14"/></svg>Add your Will Executor</a>
+    </div>
+
    <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>
    </section>

    <div class="add-grid">
-      <div class="panel">
-        <h2>Add your Will Executor</h2>
-        <p class="lead">Enter your server URL. It will appear in the list once your deposit is confirmed (typically about 30 minutes).</p>
+      <!-- One panel, two jobs (owner, 2026-11-06): the tabs choose between adding a
+           server (pay, invoice) and checking a listed one (read-only). Elements marked
+           data-add / data-check belong to one tab; the script hides the others.
+           ?mode=check in the address opens the Check tab (the Terms FAQ links to it). -->
+      <div class="panel" id="we-panel" data-mode="add">
+        <div class="seg mode-seg" role="tablist" aria-label="Add or check a server">
+          <button type="button" role="tab" aria-selected="true" data-mode="add">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" aria-hidden="true"><path d="M12 5v14M5 12h14"/></svg>Add a server
+          </button>
+          <button type="button" role="tab" aria-selected="false" data-mode="check">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" aria-hidden="true"><rect x="3" y="5" width="18" height="16" rx="2"/><path d="M3 10h18M8 3v4M16 3v4"/></svg>Renewal status
+          </button>
+        </div>
+        <div class="panel-body">
+        <div class="panel-form">
+        <h2 data-add>Add your Will Executor</h2>
+        <h2 data-check hidden>Renewal status of your Will Executor</h2>
+        <p class="lead" data-add>Enter your server URL. It will appear in the list once your deposit is confirmed (typically about 30 minutes).</p>
+        <p class="lead" data-check hidden>Enter the exact URL of your server as it appears in the list: you see its expiry date and when you can renew. Nothing is charged.</p>
        <div class="form-row">
          <input type="text" id="url" placeholder="https://we.bitcoin-after.life">
        </div>
-        <div style="margin-top:8px">
+        <div style="margin-top:8px" data-add>
          <input type="text" id="contact" placeholder="Email, npub or Telegram (optional)" style="width:100%;font:inherit;font-size:14px;padding:9px 12px;border:1px solid var(--line-strong);border-radius:8px;background:var(--panel);color:var(--ink)">
        </div>
-        <button class="btn" id="submit" style="margin-top:8px">Add server</button>
+        <div class="btn-row">
+          <button class="btn" id="submit" data-add>Add server</button>
+          <button class="btn" id="check" data-check hidden>Show renewal status</button>
+        </div>

        <div class="ok-line" id="iv-status"></div>

+        <!-- Renewal status result: filled by the "Show renewal status" button. -->
+        <div class="renewal-card" id="renewal-card" hidden>
+          <div class="rc-main">
+            <span class="rc-label">Expiry date</span>
+            <b class="rc-date" id="rc-expiry">&mdash;</b>
+            <span class="rc-sub" id="rc-days">&mdash;</span>
+          </div>
+          <div class="rc-grid">
+            <div><span>Renewal window</span><b id="rc-window">&mdash;</b></div>
+            <div><span>Position</span><b id="rc-pos">&mdash;</b></div>
+            <div><span>Balance</span><b id="rc-balance">&mdash;</b></div>
+            <div><span>Donations</span><b id="rc-donations">&mdash;</b></div>
+          </div>
+          <a class="rc-link" id="rc-link" href="#">View the server page &rarr;</a>
+        </div>
+
        <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>
@@ -329,6 +530,27 @@ footer a{color:var(--accent);text-decoration:none}
        </div>

        </div>
+        <aside class="panel-side">
+          <div data-add>
+            <p class="side-title">What happens next</p>
+            <ol class="mini-steps">
+              <li><b>Pay the yearly fee</b><span>50,000 sats, shown in the payment request</span></li>
+              <li><b>3 confirmations</b><span>about 30 minutes, then your server is listed for 365 days</span></li>
+              <li><b>Renew from 6 months before expiry</b><span>the new year is added on top of the time left</span></li>
+            </ol>
+          </div>
+          <div data-check hidden>
+            <p class="side-title">What you get</p>
+            <ol class="mini-steps">
+              <li><b>Expiry date</b><span>shown only here and on the server page, not in the main table</span></li>
+              <li><b>Renewal window</b><span>it opens 6 months before expiry; you see whether it is open or when it opens</span></li>
+              <li><b>Position, balance, donations</b><span>and a link to the server page with its WeTime activity</span></li>
+            </ol>
+          </div>
+          <a class="side-link" href="/terms.html">How listing works (15 s) &rarr;</a>
+        </aside>
+        </div>
+      </div>

      <div class="panel">
        <h2>How ranking works</h2>
@@ -337,6 +559,7 @@ footer a{color:var(--accent);text-decoration:none}
        <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>
+
        <p class="lead" style="margin:16px 0 0">Paying more than the yearly fee moves your server up: the excess counts first in the order and never decays. Points are only a tie-breaker. <a href="/terms.html#faq" style="color:var(--accent);text-decoration:none;font-weight:600">Details in the Terms &rarr;</a></p>
      </div>
    </div>
@@ -373,6 +596,7 @@ footer a{color:var(--accent);text-decoration:none}

  <footer>
    <div class="wrap">
+      <span>Bitcoin After Life — Will Executor List</span>
      <a href="https://bitcoin-after.life">bitcoin-after.life</a>
      <a href="mailto:welist@bitcoin-after.life">welist@bitcoin-after.life</a>
      <a href="/terms.html">Terms</a>
@@ -380,6 +604,13 @@ footer a{color:var(--accent);text-decoration:none}
    </div>
  </footer>

+<script>
+if (window.location.hostname !== 'localhost') {
+  const regtestBtn = document.querySelector('#chainSeg [data-c="regtest"]');
+  if (regtestBtn) {
+    regtestBtn.style.display = 'none';
+    regtestBtn.setAttribute('aria-pressed', 'false');
+  }
 }
 let allServers = [];
 let withTor = true, q = "";
@@ -392,6 +623,20 @@ function getChain() {
  const btn = document.querySelector('#chainSeg [aria-pressed="true"]');
  return btn ? btn.dataset.c : 'bitcoin';
 }
+
+// The selected chain lives in the address (?chain=testnet4), so a chain's list
+// can be shared as a link. Bitcoin is the default and keeps the plain address.
+function setChain(chain) {
+  const buttons = [...document.querySelectorAll('#chainSeg button')];
+  const target = buttons.find(b => b.dataset.c === chain && b.style.display !== 'none');
+  if (!target) return false;
+  buttons.forEach(b => b.setAttribute('aria-pressed', b === target ? 'true' : 'false'));
+  return true;
+}
+
+function chainFromUrl() {
+  return new URLSearchParams(window.location.search).get('chain') || 'bitcoin';
+}

 function getFiltered() {
  return allServers
@@ -441,9 +686,6 @@ function render() {

  const online = allServers.filter(d => d.status === "OK").length;
  document.getElementById('s-online').textContent = online;
-  // Highest known block across all servers (the list is ranked by fee/points, not by height)
-  const maxBlock = allServers.reduce((m, d) => Math.max(m, d.last_block || 0), 0);
-  document.getElementById('s-block').textContent = maxBlock ? fmt(maxBlock) : '—';
  document.getElementById('s-total').textContent = allServers.length;
 }

@@ -451,10 +693,14 @@ async function fetchData() {
  const chain = getChain();
  const params = new URLSearchParams({ page: 0, limit: 100 });
  if (!withTor) params.append("onion", "no");
-    const response = await fetch(`/data/${chain}?${params}`);
+  try {
+    // 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}`);
-    const obj = await response.json();
-    allServers = Object.entries(obj).map(([key, s]) => ({ id: key, ...s }));
+    if (!response.ok) throw new Error(`HTTP ${response.status}`);
+    const list = await response.json();
    allServers = list;
    render();
  } catch (err) {
@@ -466,8 +712,9 @@ async function fetchData() {

 async function fetchMinAmount() {
  const chain = getChain();
-    const r = await fetch('/min_deposit/' + chain);
-    const val = parseInt(await r.text(), 10);
+  try {
+    const r = await fetch('/ranking_info/' + chain);
+    const data = await r.json();
    const val = parseInt(data.amount, 10);
    if (isNaN(val)) throw new Error('invalid');
    minAmount = val;
@@ -490,13 +737,151 @@ document.getElementById('filter').addEventListener('input', e => {

 document.getElementById('chainSeg').addEventListener('click', e => {
  const b = e.target.closest('button');
-  [...e.currentTarget.children].forEach(x => x.setAttribute('aria-pressed', 'false'));
-  b.setAttribute('aria-pressed', 'true');
+  if (!b) return;
+  setChain(b.dataset.c);
+  const url = new URL(window.location.href);
+  if (b.dataset.c === 'bitcoin') url.searchParams.delete('chain');
+  else url.searchParams.set('chain', b.dataset.c);
  history.pushState(null, '', url);
  fetchData();
  fetchMinAmount();
 });
+
+// Browser Back/Forward: follow the address, an unknown chain falls back to Bitcoin.
+window.addEventListener('popstate', () => {
+  if (!setChain(chainFromUrl())) setChain('bitcoin');
+  fetchData();
+  fetchMinAmount();
+});
+
+// After an invoice is shown, ask the server page every 30 seconds whether the
+// payment has been seen, so the visitor does not have to reload. The status only
+// moves forward: unconfirmed_balance may go back to 0 before the deposit is
+// credited, and that must not look as if the payment had disappeared.
+const DEPOSIT_POLL_MS = 30000;
+const DEPOSIT_POLL_MAX_MS = 24 * 60 * 60 * 1000;
+let depositWatch = null;
+
+function stopDepositWatch() {
+  if (depositWatch) clearInterval(depositWatch.timer);
+  depositWatch = null;
+}
+
+async function pollDeposit() {
+  const watch = depositWatch;
+  if (!watch) return;
+  if (Date.now() - watch.started > DEPOSIT_POLL_MAX_MS) return stopDepositWatch();
+  let data;
+  try {
+    const response = await fetch(`/weinfodata/${watch.chain}/${watch.id}`);
+    if (!response.ok) return;
+    data = await response.json();
+  } catch (err) {
+    return;  // temporary network problem: try again at the next round
+  }
+  if (watch !== depositWatch || !data) return;
+  const expiry = data.expiry_date || null;
+  // The first answer is the reference: listing or renewal changes the expiry date.
+  if (watch.expiry === undefined) watch.expiry = expiry;
+  const status = document.getElementById('iv-status');
+  const bal = data.balance != null ? fmt(data.balance) : null;
+  const unc = data.unconfirmed_balance != null ? fmt(data.unconfirmed_balance) : null;
+  if (bal) document.getElementById('iv-balance').textContent = unc ? bal + ' (' + unc + ')' : bal;
+  if (expiry && expiry !== watch.expiry) {
+    status.className = 'ok-line';
+    status.textContent = '✓ Payment confirmed: your server is now listed.';
+    stopDepositWatch();
+    fetchData();
+  } else if (Number(data.unconfirmed_balance) > 0 && !watch.detected) {
+    watch.detected = true;
+    status.className = 'ok-line';
+    status.textContent = 'Payment detected: ' + fmt(data.unconfirmed_balance) + ' sats, waiting for 3 confirmations (about 30 minutes). This page updates by itself, or use the "Follow your payment" link below.';
+  }
+}
+
+function startDepositWatch(chain, id) {
+  stopDepositWatch();
+  if (!id) return;
+  depositWatch = { chain, id, started: Date.now(), detected: false, expiry: undefined };
+  depositWatch.timer = setInterval(pollDeposit, DEPOSIT_POLL_MS);
+  pollDeposit();
+}
+
+// "Check server" is read-only: it looks the URL up in the list (GET /datalist) and
+// shows the server's expiry and balance from /weinfodata. It never POSTs to /data,
+// so checking a URL that is not listed creates nothing.
+function normalizeUrl(u) {
+  u = u.trim();
+  if (!u) return '';
+  if (!u.startsWith('http://') && !u.startsWith('https://')) u = 'https://' + u;
+  return u.replace(/\/+$/, '');
+}
+function hidePaymentRows() {
+  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('check').addEventListener('click', async () => {
+  stopDepositWatch();
+  const urlInput = document.getElementById('url');
+  const url = normalizeUrl(urlInput.value);
+  if (!url) return;
+  urlInput.value = url;
+  const chain = getChain();
+  const status = document.getElementById('iv-status');
+  const inv = document.getElementById('invoice');
+  inv.classList.remove('show');
+  document.getElementById('terms-box').classList.remove('show');
+  document.getElementById('renewal-card').hidden = true;
+  status.className = '';
+  status.textContent = 'Checking…';
+  try {
+    const listResp = await fetch(`/datalist/${chain}?page=0&limit=100`);
+    if (!listResp.ok) throw new Error(`HTTP ${listResp.status}`);
+    const list = await listResp.json();
+    const idx = list.findIndex(d => normalizeUrl(d.url || '').toLowerCase() === url.toLowerCase());
+    if (idx < 0) {
+      status.className = 'err-line';
+      status.textContent = `Not in the ${chain} list: no server with this exact URL. To list it, use the "Add a server" tab.`;
+      return;
+    }
+    const d = list[idx];
+    const infoResp = await fetch(`/weinfodata/${chain}/${d.id}`);
+    const info = infoResp.ok ? await infoResp.json() : {};
+    const expiry = (info.expiry_date || '').slice(0, 10);   // '2027-07-16 00:00:00' -> the date
+    const bal = info.balance != null ? fmt(info.balance) : null;
+    const unc = info.unconfirmed_balance != null ? fmt(info.unconfirmed_balance) : null;
+    // Renewal window: from 6 months before expiry (Terms, Section 1).
+    let daysText = '—', windowText = '—', windowOpen = false;
+    if (expiry) {
+      const exp = new Date(expiry + 'T00:00:00Z');
+      const win = new Date(exp); win.setUTCMonth(win.getUTCMonth() - 6);
+      const days = Math.ceil((exp - Date.now()) / 86400000);
+      daysText = days > 0 ? `${days} days left` : 'expired';
+      windowOpen = Date.now() >= win.getTime() && days > 0;
+      windowText = windowOpen ? 'open now: you can renew' : `opens on ${win.toISOString().slice(0, 10)}`;
+    }
+    document.getElementById('rc-expiry').textContent = expiry || '—';
+    document.getElementById('rc-days').textContent = daysText;
+    const winEl = document.getElementById('rc-window');
+    winEl.textContent = windowText;
+    winEl.className = windowOpen ? 'rc-open' : '';
+    document.getElementById('rc-pos').textContent = `#${idx + 1} of ${list.length}`;
+    document.getElementById('rc-balance').textContent = bal ? (unc ? bal + ' (' + unc + ')' : bal) : '—';
+    document.getElementById('rc-donations').textContent = info.donation != null ? fmt(info.donation) : '—';
+    document.getElementById('rc-link').href = `/weinfo/${chain}/${d.id}`;
+    status.className = 'ok-line';
+    status.textContent = windowOpen ? '✓ Listed. The renewal window is open.' : '✓ Listed.';
+    const card = document.getElementById('renewal-card');
+    card.hidden = false;
+    card.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
+  } catch (err) {
+    status.className = 'err-line';
+    status.textContent = 'Could not check the list right now. Please try again in a moment.';
+  }
 });
+document.getElementById('submit').addEventListener('click', async () => {
  stopDepositWatch();
  const urlInput = document.getElementById('url');
  let url = urlInput.value.trim();
@@ -596,6 +981,8 @@ document.getElementById('terms-accept').addEventListener('click', async function
      inv.classList.add('show');
      inv.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
      return;
+    }
+    // Fixed address: whoever pays can close this invoice and follow the deposit there.
    if (weLink) weinfoEl.textContent = 'Follow your payment';
    const amountSats = result.min_amount != null ? result.min_amount : minAmount;
    const amountBtc = (amountSats / 1e8).toFixed(8).replace(/\.?0+$/, '');
@@ -630,17 +1017,45 @@ document.getElementById('terms-accept').addEventListener('click', async function
    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' });
    startDepositWatch(result.chain || chain, result.id);
  } catch (err) {
    document.getElementById('iv-status').className = 'err-line';
    document.getElementById('iv-status').textContent = 'Network error. Please try again.';
  }
 });
+
+// Add / Check tabs: show the elements of one tab, clear any previous result.
+(function () {
+  const panel = document.getElementById('we-panel');
+  const tabs = Array.from(panel.querySelectorAll('.mode-seg button'));
+  function setMode(mode) {
+    panel.dataset.mode = mode;
+    tabs.forEach(b => b.setAttribute('aria-selected', b.dataset.mode === mode ? 'true' : 'false'));
+    panel.querySelectorAll('[data-add]').forEach(el => { el.hidden = mode !== 'add'; });
+    panel.querySelectorAll('[data-check]').forEach(el => { el.hidden = mode !== 'check'; });
+    stopDepositWatch();
+    const status = document.getElementById('iv-status');
+    status.className = ''; status.textContent = '';
+    document.getElementById('terms-box').classList.remove('show');
+    document.getElementById('invoice').classList.remove('show');
+    document.getElementById('renewal-card').hidden = true;
+  }
+  tabs.forEach(b => b.addEventListener('click', () => setMode(b.dataset.mode)));
+  if (new URLSearchParams(location.search).get('mode') === 'check') {
+    setMode('check');
+    // arriving from the Terms FAQ: land on the panel, not at the top of the page
+    panel.scrollIntoView({ block: 'start' });
+  }
+})();

-  if (e.key === 'Enter') document.getElementById('submit').click();
+document.getElementById('url').addEventListener('keydown', e => {
+  if (e.key !== 'Enter') return;
+  const mode = document.getElementById('we-panel').dataset.mode;
  document.getElementById(mode === 'check' ? 'check' : 'submit').click();
 });

+(async function init() {
  setChain(chainFromUrl());
  await Promise.all([fetchData(), fetchMinAmount()]);
  const blob = new Blob([JSON.stringify(allServers, null, 2)], { type: 'application/json' });
--- a/robots.txt
+++ b/robots.txt
@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: https://welist.bitcoin-after.life/sitemap.xml
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+  <url><loc>https://welist.bitcoin-after.life/</loc><lastmod>2026-08-14</lastmod><priority>1.0</priority></url>
+  <url><loc>https://welist.bitcoin-after.life/terms.html</loc><lastmod>2026-08-14</lastmod><priority>0.4</priority></url>
+</urlset>
--- a/terms.html
+++ b/terms.html
@@ -4,6 +4,21 @@
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>BAL Server List — Terms &amp; Conditions</title>
+<meta name="description" content="Terms and conditions for listing a Will-Executor server on the Bitcoin After Life WeList directory.">
+<link rel="canonical" href="https://welist.bitcoin-after.life/terms.html">
+<meta property="og:type" content="website">
+<meta property="og:site_name" content="Bitcoin After Life">
+<meta property="og:title" content="Terms & Conditions — Bitcoin After Life WeList">
+<meta property="og:description" content="Terms and conditions for listing a Will-Executor server on the Bitcoin After Life WeList directory.">
+<meta property="og:url" content="https://welist.bitcoin-after.life/terms.html">
+<meta property="og:image" content="https://bitcoin-after.life/pitura/og-default.png">
+<meta property="og:image:width" content="1200">
+<meta property="og:image:height" content="630">
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:site" content="@BitcoinAfterLif">
+<meta name="twitter:title" content="Terms & Conditions — Bitcoin After Life WeList">
+<meta name="twitter:description" content="Terms and conditions for listing a Will-Executor server on the Bitcoin After Life WeList directory.">
+<meta name="twitter:image" content="https://bitcoin-after.life/pitura/og-default.png">
 <link rel="icon" href="Logo_nero.ico" type="image/x-icon">
 <!--
  Sections 2-4 rewritten on 2026-07 for the yearly-listing model
@@ -13,6 +28,12 @@
  matching the server-side get_list() ordering. Section 1, header,
  footer and the dynamic min-deposit script are unchanged from the
  previous version.
+  2026-11-06: the page opens with an animated SVG timeline (.lt) of the
+  listing lifecycle, played when it scrolls into view; the four-step
+  .lifecycle strip is kept for small screens only. Sections reordered
+  (Listing, Order, Contact, Changes) and renumbered; the "see Section N"
+  references follow. The yearly fee in the SVG (#thr-min-lt) is updated by
+  the same script as #thr-min.
 -->
 <style>
 :root{
@@ -65,6 +86,12 @@ header.hero{padding:48px 0 28px;border-bottom:1px solid var(--line)}
  font-size:30px;line-height:1.05;margin:0;letter-spacing:-.01em;
 }
 .brand .sub{color:var(--muted);font-size:14px;margin-top:2px}
+/* Way back to the server list (added 2026-11-06: the page had no obvious exit). */
+.back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;
+  border:1px solid var(--line-strong);background:var(--panel);color:var(--accent);
+  font-weight:600;font-size:14px;text-decoration:none;box-shadow:var(--shadow)}
+.back-btn:hover{border-color:var(--accent)}
+.back-btn svg{width:18px;height:18px;flex:none}

 .mono{font-family:var(--mono);font-size:13px}

@@ -96,6 +123,71 @@ header.hero{padding:48px 0 28px;border-bottom:1px solid var(--line)}
 .step h3{font-size:14px;margin:0 0 6px;letter-spacing:.01em}
 .step p{font-size:13px;color:var(--muted);margin:0;line-height:1.55}

+/* --- Added 2026-11-06: animated timeline of the listing lifecycle (top of the page).
+   Inline SVG + CSS keyframes, runs once and ends on the complete drawing;
+   prefers-reduced-motion shows the complete drawing at once. On small
+   screens the SVG text would be too small, so the four-step .lifecycle
+   strip is shown instead (see the 860px media query). */
+/* ---- Listing timeline (SVG + CSS animation) ---- */
+.lt{position:relative;grid-column:1 / -1;background:var(--panel);border:1px solid var(--line);
+  border-radius:var(--radius);padding:18px 20px 6px;box-shadow:var(--shadow)}
+.lt svg{display:block;width:100%;height:auto;font-family:var(--body)}
+.lt .replay{position:absolute;right:14px;top:14px;font:12px var(--body);color:var(--accent);background:var(--accent-soft);
+  border:1px solid #cfe0fb;border-radius:999px;padding:4px 10px;cursor:pointer}
+.lt text{fill:var(--ink);font-size:13px}
+.lt .small{font-size:12px;fill:var(--muted)}
+.lt .mono{font-family:var(--mono);font-size:12px}
+.lt .lbl-ok{fill:var(--ok);font-weight:600}
+.lt .lbl-acc{fill:var(--accent);font-weight:600}
+.lt .lbl-off{fill:var(--off);font-weight:600}
+
+/* every animated piece starts hidden/empty and ends in its final state; the
+   animation runs once (fill-mode both) so the diagram is complete when it stops */
+.lt .bar-y1{transform-origin:120px 0}
+.lt .bar-y2{transform-origin:520px 0}
+.lt .dot{transform:translateX(400px)}
+/* .play is added by the script when the timeline scrolls into view (and by
+   Replay); the keyframes start from the empty state, so until then the
+   complete drawing is shown */
+.lt.play .pill{animation:fade .85s ease both}
+.lt.play .bar-y1{animation:grow 5.5s linear both}
+.lt.play .bar-y2{animation:grow 4s linear both}
+.lt.play .dot{animation:travel 5.5s linear both}
+.lt.play .win{animation:fade 1s ease both}
+.lt.play .out{animation:fade 1s ease both}
+.lt.play .p1{animation-delay:.4s}
+.lt.play .p2{animation-delay:1.8s}
+.lt.play .p3{animation-delay:3.4s}
+.lt.play .bar-y1,.lt.play .dot{animation-delay:4s}
+.lt.play .win{animation-delay:6.8s}
+.lt.play .out{animation-delay:9.6s}
+.lt.play .bar-y2{animation-delay:10.5s}
+.lt.play .pay{animation:fade .5s ease both}
+.lt.play .pay1{animation-delay:7.8s}
+.lt.play .pay2{animation-delay:13.4s}
+@keyframes fade{from{opacity:0}to{opacity:1}}
+@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
+@keyframes travel{from{transform:translateX(0)}to{transform:translateX(400px)}}
+@media (prefers-reduced-motion:reduce){
+  .lt.play .pill,.lt.play .win,.lt.play .out,.lt.play .pay,.lt.play .bar-y1,.lt.play .bar-y2,.lt.play .dot{animation:none}
+}
+.lifecycle{display:none}
+
+/* --- FAQ (2026-11-06): native accordions in the page's card style --- */
+.faq{display:grid;gap:10px;counter-reset:faq}
+.faq details{counter-increment:faq}
+.faq summary::before{content:counter(faq);flex:none;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;
+  font-family:var(--mono);font-size:12px;display:inline-flex;align-items:center;justify-content:center}
+.faq summary span{flex:1}
+.faq details{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:0 20px;box-shadow:var(--shadow)}
+.faq summary{cursor:pointer;padding:16px 0;font-weight:600;font-size:15px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
+.faq summary::-webkit-details-marker{display:none}
+.faq summary::after{content:"+";flex:none;width:24px;height:24px;border-radius:50%;background:var(--accent-soft);color:var(--accent);
+  display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1}
+.faq details[open] summary::after{content:"\2212"}
+.faq details[open] summary{border-bottom:1px solid var(--line)}
+.faq p{margin:14px 0 18px;color:var(--muted);font-size:14px;line-height:1.6}
+
 footer{border-top:1px solid var(--line);margin-top:48px;padding:28px 0;color:var(--muted);font-size:13px}
 footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
 footer a{color:var(--accent);text-decoration:none}
@@ -103,8 +195,9 @@ footer a{color:var(--accent);text-decoration:none}
@media (max-width:860px){
  .info-grid{grid-template-columns:1fr}
  .brand h1{font-size:24px}
-  /* On small screens the timeline stacks vertically like the other blocks */
-  .lifecycle{grid-template-columns:1fr}
+  /* On small screens the four-step strip replaces the SVG timeline and stacks vertically */
+  .lt-section{display:none}
+  .lifecycle{display:grid;grid-template-columns:1fr}
  .step{border-top:none;border-left:3px solid var(--line-strong);padding:0 0 4px 16px}
  .step:first-child{border-left-color:var(--accent)}
  .step::before{top:2px;left:-7px}
@@ -113,6 +206,118 @@ footer a{color:var(--accent);text-decoration:none}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
 :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
 </style>
+<script type="application/ld+json">
+{
+ "@context": "https://schema.org",
+ "@type": "FAQPage",
+ "mainEntity": [
+  {
+   "@type": "Question",
+   "name": "How much does it cost to be listed?",
+   "acceptedAnswer": {
+    "@type": "Answer",
+    "text": "50,000 sats for 365 days, paid one year at a time. The exact amount in satoshi is shown in the payment request. The fee can be reviewed once a year, around 17 July; time you have already bought stays valid under the conditions in force when you paid."
+   }
+  },
+  {
+   "@type": "Question",
+   "name": "When does my server appear in the list?",
+   "acceptedAnswer": {
+    "@type": "Answer",
+    "text": "As soon as your payment reaches 3 confirmations on the blockchain, typically around 30 minutes. Your 365 days start at that moment."
+   }
+  },
+  {
+   "@type": "Question",
+   "name": "I paid less than the yearly fee. What happens?",
+   "acceptedAnswer": {
+    "@type": "Answer",
+    "text": "A payment below the yearly fee is treated as a donation: it does not add listing time."
+   }
+  },
+  {
+   "@type": "Question",
+   "name": "When and how do I renew?",
+   "acceptedAnswer": {
+    "@type": "Answer",
+    "text": "Any time from 6 months before your expiry date, by paying the yearly fee for the exact same server URL as published in the list. The new year is added on top of the time you have left, so renewing early never costs you days."
+   }
+  },
+  {
+   "@type": "Question",
+   "name": "What happens if I do not renew?",
+   "acceptedAnswer": {
+    "@type": "Answer",
+    "text": "Your server is removed from the list at expiry. Users who already added it to their plugin keep it, because the plugin's server list is add-only. Being listed matters for reaching new users."
+   }
+  },
+  {
+   "@type": "Question",
+   "name": "Where do I see my expiry date?",
+   "acceptedAnswer": {
+    "@type": "Answer",
+    "text": "On the home page, open the “Renewal status” tab, enter the exact URL of your server as it appears in the list and press “Show renewal status”. Nothing is charged: you see the expiry date, the days left, whether the renewal window is open (or when it opens), the position in the list, the balance and the donations, with a link to the server page. The date is not shown in the main table, so you need the exact URL. Knowing it also tells you when your renewal window opens (6 months before). Since the price per day is fixed and public, the expiry date shows how much a server has paid: this is intentional transparency."
+   }
+  },
+  {
+   "@type": "Question",
+   "name": "How is the order of the list decided?",
+   "acceptedAnswer": {
+    "@type": "Answer",
+    "text": "By four criteria, in this order: total excess donated (higher first), total amount paid (higher first), base fee charged (lower first) and, as a tie-breaker, WeTime points (higher first). Excess donated never decays, so paying more than the exact yearly fee is the fastest way to move up."
+   }
+  },
+  {
+   "@type": "Question",
+   "name": "What are WeTime points?",
+   "acceptedAnswer": {
+    "@type": "Answer",
+    "text": "Points earned in WeTime rounds: each executor periodically submits its block hash, and the faster the response within the same block, the more points. They are not transferable, have no monetary value and only break ties in this list. They measure presence and reactivity, not how a server will handle inheritance transactions."
+   }
+  },
+  {
+   "@type": "Question",
+   "name": "Can I change my server URL?",
+   "acceptedAnswer": {
+    "@type": "Answer",
+    "text": "Write to welist@bitcoin-after.life. Any change to a listing requires proof that you control both the domain and the server; we may ask for a message signed with the private key of the UTXO used for the payment."
+   }
+  },
+  {
+   "@type": "Question",
+   "name": "Can I get a refund?",
+   "acceptedAnswer": {
+    "@type": "Answer",
+    "text": "No. Once a payment is confirmed on the blockchain and the server is listed, no refunds are issued. Double-check that your server URL is correct and reachable before paying."
+   }
+  },
+  {
+   "@type": "Question",
+   "name": "Is there a limit to the number of servers in the list?",
+   "acceptedAnswer": {
+    "@type": "Answer",
+    "text": "No. There is no fixed number of slots: every server with remaining listing time is shown."
+   }
+  },
+  {
+   "@type": "Question",
+   "name": "I had a balance from before the yearly model. What happened to it?",
+   "acceptedAnswer": {
+    "@type": "Answer",
+    "text": "Balances deposited under the previous rules were converted into listing time at the same yearly rate (for example, 5,000 sats became 36.5 days). Those countdowns started on 17 July 2026; to stay listed beyond that time, renew as usual."
+   }
+  },
+  {
+   "@type": "Question",
+   "name": "Do I need to be in this list to run a Will Executor?",
+   "acceptedAnswer": {
+    "@type": "Answer",
+    "text": "No. This list is a convenience service: the BAL protocol does not depend on it. Users can add any Will Executor manually in the plugin, import custom lists or use other list services, and anyone is free to run one."
+   }
+  }
+ ]
+}
+</script>
 </head>
 <body>

@@ -214,31 +419,119 @@ 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="sub">Bitcoin After Life · Will Executor List</div>
        </div>
      </div>
+      <a class="back-btn" href="/"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M11 17l-5-5 5-5"/><path d="M6 12h6"/><path d="M15 6h4M15 12h4M15 18h4"/></svg>Back to the server list</a>
    </div>
  </header>

  <main class="wrap">
+    <!-- The listing lifecycle first: the animated timeline (desktop) with a
+         one-line intro. On small screens this section is hidden and the
+         four-step strip inside Section 1 takes its place. The animation
+         starts when the timeline scrolls into view (see the script). -->
+    <section class="info-section lt-section">
+      <h2>How a listing works</h2>
+      <p class="sub">From the payment to the renewal, in fifteen seconds. The details are in the sections below.</p>
+      <div class="lt" id="lt">
+      <button class="replay" type="button">&#8635; Replay</button>
+      <svg viewBox="0 0 1000 318" role="img" aria-labelledby="lt-title lt-desc">
+        <title id="lt-title">Listing timeline</title>
+        <desc id="lt-desc">Pay the yearly fee; after 3 confirmations the server is listed for 365 days. From 6 months before expiry you can renew: a new year is added on top. If you do not renew, the server is removed at expiry.</desc>
+        <defs>
+          <pattern id="hatch" width="8" height="8" patternUnits="userSpaceOnUse" patternTransform="rotate(45)">
+            <rect width="8" height="8" fill="#e6eefc"/><line x1="0" y1="0" x2="0" y2="8" stroke="#2d6cdf" stroke-opacity=".35" stroke-width="2"/>
+          </pattern>
+        </defs>

-    <section class="info-section">
-      <h2>1. Contact &amp; Support</h2>
-      <p class="sub">For URL changes, refunds, or any issues related to your Will Executor listing, contact us at <a href="mailto:welist@bitcoin-after.life">welist@bitcoin-after.life</a>.</p>
-      <div class="info-grid">
-        <div class="info-block">
-          <span class="ic">VERIFICATION</span>
-          <h3>Proof of Ownership</h3>
-          <p>Any request to modify a listing (including URL changes) requires proof that you control both the domain and the server. We reserve the right to request a message signed with the private key of the UTXO used for payment before processing any changes or refunds.</p>
-        </div>
-        <div class="info-block">
-          <span class="ic">POLICY</span>
-          <h3>No Refunds After Payment</h3>
-          <p>Once a payment is confirmed on the blockchain and the server is listed, no refunds will be issued. Always verify that your server URL is correct and reachable before submitting payment.</p>
-        </div>
+        <!-- steps 1-3: pay, confirmations, listed -->
+        <g class="pill p1">
+          <rect x="20" y="22" width="180" height="40" rx="20" fill="#fff" stroke="#dfe4ea"/>
+          <circle cx="42" cy="42" r="11" fill="#f7931a"/><text x="42" y="46.5" text-anchor="middle" font-size="13" font-weight="700" fill="#fff">&#8383;</text>
+          <text x="62" y="38" font-weight="600">Pay the yearly fee</text>
+          <text x="62" y="54" class="small mono"><tspan id="thr-min-lt">50,000</tspan> sats / 365 days</text>
+        </g>
+        <g class="pill p2">
+          <path d="M202 42 h26" stroke="#cbd2da" stroke-width="2"/>
+          <polygon points="226,37 234,42 226,47" fill="#cbd2da"/>
+          <rect x="238" y="22" width="186" height="40" rx="20" fill="#fff" stroke="#dfe4ea"/>
+          <circle cx="260" cy="42" r="11" fill="none" stroke="#2d6cdf" stroke-width="2"/><path d="M260 35 v7 l5 3" stroke="#2d6cdf" stroke-width="2" fill="none" stroke-linecap="round"/>
+          <text x="280" y="38" font-weight="600">3 confirmations</text>
+          <text x="280" y="54" class="small">about 30 minutes</text>
+        </g>
+        <g class="pill p3">
+          <path d="M426 42 h26" stroke="#cbd2da" stroke-width="2"/>
+          <polygon points="450,37 458,42 450,47" fill="#cbd2da"/>
+          <rect x="462" y="22" width="190" height="40" rx="20" fill="#e3f4ea" stroke="#bfe3cd"/>
+          <circle cx="484" cy="42" r="11" fill="#1f9d57"/><path d="M478 42 l4 4 l8 -8" stroke="#fff" stroke-width="2.4" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
+          <text x="504" y="38" font-weight="600" fill="#1f9d57">Listed</text>
+          <text x="504" y="54" class="small">your 365 days start now</text>
+        </g>
+
+        <!-- axis: 24 months, 0 at x=120, 12 at x=520, 24 at x=920 -->
+        <line x1="120" y1="136" x2="940" y2="136" stroke="#cbd2da" stroke-width="2"/>
+        <polygon points="938,131 948,136 938,141" fill="#cbd2da"/>
+        <g class="small" text-anchor="middle">
+          <line x1="120" y1="130" x2="120" y2="142" stroke="#9aa4b0"/><text x="120" y="182">day 0</text>
+          <line x1="320" y1="130" x2="320" y2="142" stroke="#9aa4b0"/><text x="320" y="182">6 months</text>
+          <line x1="520" y1="130" x2="520" y2="142" stroke="#9aa4b0"/><text x="520" y="182" font-weight="600" fill="#1a2027">12 months &middot; expiry</text>
+          <line x1="720" y1="130" x2="720" y2="142" stroke="#9aa4b0"/><text x="720" y="182">18 months</text>
+          <line x1="920" y1="130" x2="920" y2="142" stroke="#9aa4b0"/><text x="920" y="182">24 months</text>
+        </g>
+
+        <!-- year 1: listed (fills from day 0 to month 12) -->
+        <rect class="bar-y1" x="120" y="124" width="400" height="24" rx="6" fill="#1f9d57" fill-opacity=".85"/>
+        <text x="220" y="140" text-anchor="middle" font-size="13" font-weight="600" fill="#fff" style="pointer-events:none">Listed &middot; year 1</text>
+        <circle class="dot" cx="120" cy="136" r="7" fill="#fff" stroke="#1f9d57" stroke-width="3"/>
+
+        <!-- renewal window: months 6-12, glued under the bar -->
+        <g class="win">
+          <!-- the window marked on the bar itself, and two guides down to its caption -->
+          <rect x="320" y="124" width="200" height="24" rx="6" fill="none" stroke="#2d6cdf" stroke-width="2" stroke-dasharray="5 4"/>
+          <rect x="320" y="150" width="200" height="16" fill="url(#hatch)" stroke="#2d6cdf" stroke-opacity=".5" rx="3"/>
+          <g class="pay pay1"><text x="420" y="114" text-anchor="middle" class="small" fill="#1a2027" font-weight="600">Renewal paid</text><circle cx="420" cy="136" r="9" fill="#f7931a" stroke="#fff" stroke-width="2"/><text x="420" y="140" text-anchor="middle" font-size="11" font-weight="700" fill="#fff">&#8383;</text></g>
+          <text x="320" y="204" class="lbl-acc">Renewal window</text>
+          <text x="320" y="220" class="small">from 6 months before expiry: pay the yearly fee again</text>
+          <text x="320" y="235" class="small">for the same URL &mdash; the new year is added on top.</text>
+            <text x="320" y="250" class="small">Renewing early never costs you days.</text>
+            <text x="320" y="265" class="small">The same window opens every year.</text>
+        </g>
+
+        <!-- the two outcomes at month 12 -->
+        <g class="out">
+          <!-- renewed: the bar continues -->
+          <rect class="bar-y2" x="520" y="124" width="400" height="24" rx="6" fill="#1f9d57" fill-opacity=".55"/>
+          <text x="620" y="140" text-anchor="middle" font-size="13" font-weight="600" fill="#fff">Renewed &middot; year 2</text>
+          <!-- the renewal window repeats every year: months 18-24 of year 2 -->
+          <rect x="720" y="124" width="200" height="24" rx="6" fill="none" stroke="#2d6cdf" stroke-width="2" stroke-dasharray="5 4"/>
+          <rect x="720" y="150" width="200" height="16" fill="url(#hatch)" stroke="#2d6cdf" stroke-opacity=".5" rx="3"/>
+          <g class="pay pay2"><text x="820" y="114" text-anchor="middle" class="small" fill="#1a2027" font-weight="600">Renewal paid</text><circle cx="820" cy="136" r="9" fill="#f7931a" stroke="#fff" stroke-width="2"/><text x="820" y="140" text-anchor="middle" font-size="11" font-weight="700" fill="#fff">&#8383;</text></g>
+          <path d="M520 98 v18" stroke="#1f9d57" stroke-width="2"/>
+          <polygon points="515,116 520,124 525,116" fill="#1f9d57"/>
+          <text x="660" y="78" class="lbl-ok">Renewed in time</text>
+          <text x="660" y="93" class="small">+365 days added on top of the time left</text>
+
+          <!-- not renewed: removed at expiry -->
+          <path d="M524 156 h116 v58 h12" stroke="#9aa4b0" stroke-width="2" fill="none"/>
+          <polygon points="648,209 656,214 648,219" fill="#9aa4b0"/>
+          <rect x="660" y="200" width="292" height="28" rx="14" fill="#eceff3" stroke="#dfe4ea"/>
+          <line x1="676" y1="208" x2="688" y2="220" stroke="#9aa4b0" stroke-width="2.4" stroke-linecap="round"/>
+          <line x1="688" y1="208" x2="676" y2="220" stroke="#9aa4b0" stroke-width="2.4" stroke-linecap="round"/>
+          <text x="698" y="218" class="lbl-off">Not renewed &rarr; removed at expiry</text>
+          <text x="660" y="248" class="small">Users who already added your server keep it:</text>
+          <text x="660" y="263" class="small">the plugin list is add-only.</text>
+        </g>
+
+        <!-- note: the paid total never decays -->
+        <g>
+          <rect x="20" y="282" width="960" height="1" fill="#dfe4ea"/>
+          <text x="20" y="304" class="small"><tspan font-weight="600" fill="#1a2027">Your paid total never decays:</tspan> it is kept across renewals and sets your position in the list (Section 2). Payments below the yearly fee are donations and add no time.</text>
+        </g>
+      </svg>
          </div>
    </section>

    <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. 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>
+      <h2>1. 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. Your paid amount accumulates and never decays — it is preserved across renewals and also determines your position in the list (see Section&nbsp;2). Payments are non-refundable (see Section&nbsp;3) — double-check your server URL before paying.</p>
      <div class="info-grid">
        <div class="info-block">
          <span class="ic">01 · PAYMENT</span>
@@ -255,7 +548,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; the total amount paid also affects your 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;2).</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">
@@ -285,7 +578,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>

    <section class="info-section">
-      <h2>3. List Order &amp; Server Page</h2>
+      <h2>2. List Order &amp; Server Page</h2>
      <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">
@@ -308,6 +601,23 @@ 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>
    </section>

+    <section class="info-section">
+      <h2>3. Contact &amp; Support</h2>
+      <p class="sub">For URL changes, refunds, or any issues related to your Will Executor listing, contact us at <a href="mailto:welist@bitcoin-after.life">welist@bitcoin-after.life</a>.</p>
+      <div class="info-grid">
+        <div class="info-block">
+          <span class="ic">VERIFICATION</span>
+          <h3>Proof of Ownership</h3>
+          <p>Any request to modify a listing (including URL changes) requires proof that you control both the domain and the server. We reserve the right to request a message signed with the private key of the UTXO used for payment before processing any changes or refunds.</p>
+        </div>
+        <div class="info-block">
+          <span class="ic">POLICY</span>
+          <h3>No Refunds After Payment</h3>
+          <p>Once a payment is confirmed on the blockchain and the server is listed, no refunds will be issued. Always verify that your server URL is correct and reachable before submitting payment.</p>
+        </div>
+      </div>
+    </section>
+
    <section class="info-section">
      <h2>4. Changes to These Terms</h2>
      <p class="sub">We reserve the right to update these terms at any time. Material changes will be announced on this page with their effective date.</p>
@@ -324,27 +634,104 @@ 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>
      </div>
    </section>
+    <!-- FAQ (added 2026-11-06): the questions a reader asks first, answered only
+         with what the sections above already say. Native <details>, no script;
+         the same questions are in the FAQPage JSON-LD in the head. -->
+    <section class="info-section" id="faq">
+      <h2>5. Frequently Asked Questions</h2>
+      <p class="sub">Short answers to the questions we get most often. The sections above remain the reference.</p>
+      <div class="faq">
+        <details open>
+          <summary><span>How much does it cost to be listed?</span></summary>
+          <p>50,000 sats for 365 days, paid one year at a time. The exact amount in satoshi is shown in the payment request. The fee can be reviewed once a year, around 17 July; time you have already bought stays valid under the conditions in force when you paid.</p>
+        </details>
+        <details>
+          <summary><span>When does my server appear in the list?</span></summary>
+          <p>As soon as your payment reaches 3 confirmations on the blockchain, typically around 30 minutes. Your 365 days start at that moment.</p>
+        </details>
+        <details>
+          <summary><span>I paid less than the yearly fee. What happens?</span></summary>
+          <p>A payment below the yearly fee is treated as a donation: it does not add listing time.</p>
+        </details>
+        <details>
+          <summary><span>When and how do I renew?</span></summary>
+          <p>Any time from 6 months before your expiry date, by paying the yearly fee for the exact same server URL as published in the list. The new year is added on top of the time you have left, so renewing early never costs you days.</p>
+        </details>
+        <details>
+          <summary><span>What happens if I do not renew?</span></summary>
+          <p>Your server is removed from the list at expiry. Users who already added it to their plugin keep it, because the plugin's server list is add-only. Being listed matters for reaching new users.</p>
+        </details>
+        <details>
+          <summary><span>Where do I see my expiry date?</span></summary>
+          <p>On the home page, open the “Renewal status” tab, enter the exact URL of your server as it appears in the list and press “Show renewal status”. Nothing is charged: you see the expiry date, the days left, whether the renewal window is open (or when it opens), the position in the list, the balance and the donations, with a link to the server page. The date is not shown in the main table, so you need the exact URL. Knowing it also tells you when your renewal window opens (6 months before). Since the price per day is fixed and public, the expiry date shows how much a server has paid: this is intentional transparency. <a href="/?mode=check#we-panel">Open the Renewal status tab &rarr;</a></p>
+        </details>
+        <details>
+          <summary><span>How is the order of the list decided?</span></summary>
+          <p>By four criteria, in this order: total excess donated (higher first), total amount paid (higher first), base fee charged (lower first) and, as a tie-breaker, WeTime points (higher first). Excess donated never decays, so paying more than the exact yearly fee is the fastest way to move up.</p>
+        </details>
+        <details>
+          <summary><span>What are WeTime points?</span></summary>
+          <p>Points earned in WeTime rounds: each executor periodically submits its block hash, and the faster the response within the same block, the more points. They are not transferable, have no monetary value and only break ties in this list. They measure presence and reactivity, not how a server will handle inheritance transactions.</p>
+        </details>
+        <details>
+          <summary><span>Can I change my server URL?</span></summary>
+          <p>Write to welist@bitcoin-after.life. Any change to a listing requires proof that you control both the domain and the server; we may ask for a message signed with the private key of the UTXO used for the payment.</p>
+        </details>
+        <details>
+          <summary><span>Can I get a refund?</span></summary>
+          <p>No. Once a payment is confirmed on the blockchain and the server is listed, no refunds are issued. Double-check that your server URL is correct and reachable before paying.</p>
+        </details>
+        <details>
+          <summary><span>Is there a limit to the number of servers in the list?</span></summary>
+          <p>No. There is no fixed number of slots: every server with remaining listing time is shown.</p>
+        </details>
+        <details>
+          <summary><span>I had a balance from before the yearly model. What happened to it?</span></summary>
+          <p>Balances deposited under the previous rules were converted into listing time at the same yearly rate (for example, 5,000 sats became 36.5 days). Those countdowns started on 17 July 2026; to stay listed beyond that time, renew as usual.</p>
+        </details>
+        <details>
+          <summary><span>Do I need to be in this list to run a Will Executor?</span></summary>
+          <p>No. This list is a convenience service: the BAL protocol does not depend on it. Users can add any Will Executor manually in the plugin, import custom lists or use other list services, and anyone is free to run one.</p>
+        </details>
+      </div>
+    </section>

  </main>

  <footer>
    <div class="wrap">
      <span>Bitcoin After Life — Will Executor List</span>
+      <a href="/">&larr; Back to the server list</a>
      <a href="mailto:welist@bitcoin-after.life">welist@bitcoin-after.life</a>
    </div>
  </footer>

 <script>
+(function () {
+  // Listing timeline: play once when it scrolls into view; Replay restarts it.
+  var lt = document.getElementById('lt');
+  if (!lt || !('IntersectionObserver' in window)) { if (lt) lt.classList.add('play'); return; }
+  var play = function () { lt.classList.remove('play'); void lt.offsetWidth; lt.classList.add('play'); };
+  var io = new IntersectionObserver(function (entries) {
+    if (entries.some(function (e) { return e.isIntersecting; })) { play(); io.disconnect(); }
+  }, { threshold: 0.5 });
+  io.observe(lt);
+  lt.querySelector('.replay').addEventListener('click', play);
+})();
 (async function() {
  // Unchanged from the previous version: fetches the current yearly fee
  // from the server so the number on this page always matches reality.
-  // The #thr-min span is now inside Section 2 (01 · PAYMENT).
+  // The #thr-min span is inside Section 1 (01 · PAYMENT).
  const chain = location.hash ? location.hash.slice(1) : 'bitcoin';
  try {
-    const r = await fetch('/min_deposit/' + chain);
-    const val = parseInt(await r.text(), 10);
+    const r = await fetch('/ranking_info/' + chain);
+    const data = await r.json();
+    const val = parseInt(data.amount, 10);
    if (!isNaN(val)) {
-      document.getElementById('thr-min').textContent = Number(val).toLocaleString('en-US');
+      const txt = Number(val).toLocaleString('en-US');
+      document.getElementById('thr-min').textContent = txt;
+      const svgFee = document.getElementById('thr-min-lt');
+      if (svgFee) svgFee.textContent = txt;
    }
  } catch (err) {}
 })();
--- a/weinfo.html
+++ b/weinfo.html
@@ -1,103 +1,315 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Bal Server List</title>
-    <link rel="icon" href="Logo_nero.ico" type="image/x-icon">
-    <script src="/qrcode.min.js"></script>
-    <script src="/purify.min.js"></script>
-    <script src="/bal.js"></script>
-  </head>
-  <style>
-    table {
-      border-collapse: collapse;
-      width: 100%;
-      margin-top: 20px;
-    }
-    th, td {
-      border: 1px solid #ddd;
-      padding: 8px;
-      text-align: left;
-    }
-    th {
-      background-color: #f2f2f2;
-    }
-    tr:nth-child(even) {
-      background-color: #f9f9f9;
-    }
-    span {
-      margin-left:10px;
-    }
-  </style>  
-  <body>
-    <div align="center">
-      <a href="/"><img alt="BAL LOGO" src="/Logo_nero.png"></a>
-      <h2 id="wename">&nbsp;</h2>
-      <h3 id="weinfo">&nbsp;</h3>
-      <h4 id="wechain">&nbsp;</h4>
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Will Executor — Server page</title>
+<meta name="robots" content="noindex">
+<link rel="icon" href="/Logo_nero.ico" type="image/x-icon">
+<script src="/purify.min.js"></script>
+<script src="/bal.js"></script>
+<!--
+  Server detail page, restyled 2026-11-06 in the look of index.html (same colour
+  variables and type). Deliberately light: inline CSS only, no new script
+  (qrcode.min.js was loaded and never used, so it is gone). The data flow is
+  unchanged: fetchDataAndPopulateTable (bal.js) reads /weinfodata/<chain>/<id>
+  with ?page/?limit and draws the prev/next links into #paginator; the payment
+  banner polls the same endpoint until the deposit is credited.
+-->
+<style>
+:root{
+  --maxw:1120px;--radius:10px;
+  --bg:#eef1f4;--panel:#ffffff;--ink:#1a2027;--muted:#5b6672;
+  --line:#dfe4ea;--line-strong:#cbd2da;
+  --accent:#2d6cdf;--accent-soft:#e6eefc;
+  --ok:#1f9d57;--ok-soft:#e3f4ea;--off:#9aa4b0;--off-soft:#eceff3;
+  --display:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
+  --body:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
+  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
+  --shadow:0 1px 2px rgba(20,30,50,.05);
+}
+*{box-sizing:border-box}
+html,body{margin:0}
+body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.5}
+a{color:var(--accent)}
+.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
+.mono{font-family:var(--mono)}
+
+header.hero{padding:28px 0 22px;border-bottom:1px solid var(--line);background:var(--panel)}
+.hero .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
+.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit}
+.brand .mark{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;background:#fff}
+.brand .mark img{width:30px;height:30px;display:block}
+.brand h1{font-family:var(--display);font-size:18px;font-weight:600;margin:0;letter-spacing:-.01em}
+.brand .sub{color:var(--muted);font-size:13px}
+.back-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:10px;border:1px solid var(--line-strong);
+  background:var(--panel);color:var(--accent);font-weight:600;font-size:14px;text-decoration:none;box-shadow:var(--shadow)}
+.back-btn:hover{border-color:var(--accent)}
+.back-btn svg{width:18px;height:18px}
+
+main{padding:28px 0 40px}
+.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 24px}
+.server .url{font-family:var(--mono);font-size:22px;font-weight:600;word-break:break-all;margin:0 0 6px}
+.server .info{color:var(--muted);margin:0 0 14px}
+.badges{display:flex;flex-wrap:wrap;gap:8px}
+.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-family:var(--mono);padding:4px 10px;border-radius:999px;
+  background:var(--off-soft);color:var(--muted);border:1px solid var(--line)}
+.badge.ok{background:var(--ok-soft);color:var(--ok);border-color:#bfe3cd}
+.badge.ok::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok)}
+.badge.bad{background:#fdecec;color:#b42318;border-color:#f5c2c0}
+.badge.bad::before{content:"";width:8px;height:8px;border-radius:50%;background:#b42318}
+
+#wepayment{display:none;margin:16px 0 0;padding:10px 14px;border-radius:8px;font-weight:600;font-size:14px}
+
+.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:20px;margin-top:20px}
+.sec-title{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:600;margin:0 0 12px}
+.expiry .big{font-family:var(--display);font-size:32px;font-weight:600;line-height:1.1;margin:0}
+.expiry .days{color:var(--muted);font-size:13px;margin:2px 0 14px}
+.kv{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;font-size:13px}
+.kv div{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--line);padding-top:8px}
+.kv span{color:var(--muted)}
+.kv b{font-family:var(--mono);font-weight:600}
+.open{color:var(--ok)}
+.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
+.tile{border:1px solid var(--line);border-radius:8px;padding:12px 14px;background:var(--bg)}
+.tile .n{font-family:var(--display);font-size:22px;font-weight:600;line-height:1.1}
+.tile .l{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:4px}
+.tile.wide{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;gap:12px}
+.tile.wide .n{font-size:13px;font-family:var(--mono)}
+
+.rounds{margin-top:20px;padding:0;overflow:hidden}
+.rounds .head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 24px;border-bottom:1px solid var(--line)}
+.rounds .head h2{font-family:var(--display);font-size:16px;margin:0}
+.rounds .head .note{color:var(--muted);font-size:13px}
+.pager{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:13px;color:var(--muted)}
+#paginator a{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--line-strong);
+  border-radius:8px;background:var(--panel);color:var(--ink);text-decoration:none;font-weight:600}
+#paginator a:hover{border-color:var(--accent);color:var(--accent)}
+.pg-off{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--line);border-radius:8px;color:var(--off)}
+.pg-label{padding:0 4px}
+.table-wrap{overflow-x:auto}
+table{border-collapse:collapse;width:100%;font-size:13px}
+th{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:left;
+  padding:10px 10px;border-bottom:1px solid var(--line);background:#fafbfc;white-space:nowrap}
+td{padding:10px 10px;border-bottom:1px solid var(--line);white-space:nowrap;vertical-align:top}
+tr:last-child td{border-bottom:0}
+td.num,th.num{text-align:right;font-family:var(--mono)}
+td.hash{font-family:var(--mono);color:var(--muted);font-size:12px;letter-spacing:-.01em}
+.pos-1{color:var(--ok);font-weight:600}
+.foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 24px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
+.btn-ghost{font:inherit;font-size:13px;text-decoration:none;padding:8px 12px;border-radius:8px;border:1px solid var(--line-strong);
+  background:var(--panel);color:var(--ink);display:inline-flex;gap:7px;align-items:center}
+.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}
+
+footer{border-top:1px solid var(--line);margin-top:32px;padding:24px 0;color:var(--muted);font-size:13px}
+footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
+footer a{color:var(--accent);text-decoration:none}
+
+@media (max-width:760px){
+  .grid2{grid-template-columns:1fr}
+  .tiles{grid-template-columns:repeat(2,1fr)}
+  .server .url{font-size:18px}
+  .expiry .big{font-size:28px}
+}
+</style>
+</head>
+<body>
+
+  <header class="hero">
+    <div class="wrap">
+      <a class="brand" href="/">
+        <span class="mark"><img alt="Bitcoin After Life" src="/Logo_nero.png"></span>
+        <span><h1>Will Executor — Server List</h1><span class="sub">Bitcoin After Life · server page</span></span>
+      </a>
+      <a class="back-btn" href="/"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M11 17l-5-5 5-5"/><path d="M6 12h6"/><path d="M15 6h4M15 12h4M15 18h4"/></svg>Back to the server list</a>
    </div>
-    <div style="float:left;border:1;margin-right:50px;">
-      <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>
+  </header>
+
+  <main class="wrap">
+
+    <section class="card server">
+      <p class="url" id="wename">&nbsp;</p>
+      <p class="info" id="weinfo">&nbsp;</p>
+      <div class="badges">
+        <span class="badge" id="wechain">&nbsp;</span>
+        <span class="badge"><span>v</span><span id="weversion">&nbsp;</span></span>
+        <span class="badge" id="westatus-badge"><span id="westatus">&nbsp;</span></span>
      </div>
-    <div style="float:left;border:1;margin-right:50px;">
-      <div><span>Height:</span><span id="weheight">&nbsp;</span></div>
-      <div><span>Points:</span><span id="wepoints">&nbsp;</span></div>
-      <div><span>Win:</span><span id="wewin">&nbsp;</span></div>
+      <div id="wepayment"></div>
+    </section>
+
+    <div class="grid2">
+      <section class="card expiry">
+        <p class="sec-title">Listing</p>
+        <p class="big" id="weexpiry">&nbsp;</p>
+        <p class="days" id="wedays">&nbsp;</p>
+        <div class="kv">
+          <div><span>Renewal window</span><b id="wewindow">—</b></div>
+          <div><span>Balance</span><b id="webalance">—</b></div>
+          <div><span>Donations</span><b id="wedonations">—</b></div>
+          <div><span>Domain</span><b id="wetld">—</b></div>
        </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>Expiry:</span><span id="weexpiry">&nbsp;</span></div>
+      </section>
+
+      <section class="card">
+        <p class="sec-title">Activity</p>
+        <div class="tiles">
+          <div class="tile"><div class="n" id="wepoints">—</div><div class="l">Points</div></div>
+          <div class="tile"><div class="n" id="wewin">—</div><div class="l">Wins</div></div>
+          <div class="tile"><div class="n" id="wefees">—</div><div class="l">Fee (sats)</div></div>
+          <div class="tile"><div class="n" id="weheight">—</div><div class="l">Height</div></div>
+          <div class="tile wide"><div class="l" style="margin:0">Last update</div><div class="n" id="weupdate">—</div></div>
        </div>
-    <div>
+      </section>
+    </div>
+
+    <section class="card rounds">
+      <div class="head">
+        <div><h2>WeTime rounds</h2><div class="note">Each round: the block hash sent by this server and how fast it was. Chain: <span class="mono" id="chainth"></span>. The full list is in the download below.</div></div>
+        <!-- The API supports page offsets; bal.js draws the prev/next links here. -->
+        <div class="pager" id="paginator"></div>
+      </div>
+      <div class="table-wrap">
        <table id="wetimes">
          <thead>
            <tr>
-            <th colspan=5><span id="chainth"><!-- --></span>: <span id="paginator"></span></th>
-          </tr>
-          <tr>
-            <th>height</th>
-            <th>block hash</th>
-            <th>time</th>
-            <th>diff</th>
-            <th>position</th>
-            <th>participants</th>
-            <th>points</th>
+              <th class="num">Height</th>
+              <th>Block hash</th>
+              <th>Time</th>
+              <th class="num">Delay</th>
+              <th class="num">Position</th>
+              <th class="num">Participants</th>
+              <th class="num">Points</th>
            </tr>
          </thead>
-        <tbody>
-          <!-- -->
-        </tbody>
+          <tbody><!-- rows from the script --></tbody>
        </table>
      </div>
-    <a href="" id="download">Download</a>
+      <div class="foot">
+        <span>Points reward fast answers within the same block; they only break ties in the list.</span>
+        <a class="btn-ghost" href="" id="download">&#8595; Download JSON</a>
+      </div>
+    </section>
+
+  </main>
+
+  <footer>
+    <div class="wrap">
+      <span>Bitcoin After Life — Will Executor List</span>
+      <a href="/">&larr; Server list</a>
+      <a href="/terms.html">Terms</a>
+      <a href="mailto:welist@bitcoin-after.life">welist@bitcoin-after.life</a>
+    </div>
+  </footer>
+
    <script type="text/javascript">
+      // Payment banner: this page has a fixed address, so whoever paid can close the
+      // invoice and follow the deposit here. It asks the server data every 30 seconds
+      // until the server is listed. The status only moves forward, because
+      // unconfirmed_balance may go back to 0 before the deposit is credited.
+      const PAYMENT_POLL_MS = 30000;
+      const PAYMENT_POLL_MAX_MS = 24 * 60 * 60 * 1000;
+      const paymentStarted = Date.now();
+      let paymentTimer = null, paymentSeen = false, paymentAmount = 0, firstExpiry;
+
+      const fmt = n => (n != null ? Number(n).toLocaleString('en-US') : '—');
+      const pad = n => String(n).padStart(2, '0');
+      function fmtTime(d) {
+        return d.getFullYear() + '-' + pad(d.getMonth() + 1) + '-' + pad(d.getDate()) + ' ' +
+               pad(d.getHours()) + ':' + pad(d.getMinutes()) + ':' + pad(d.getSeconds());
+      }
+
+      // Expiry card: the date big, the days left, the renewal window (from 6 months
+      // before expiry, Terms Section 1).
+      function showExpiry(expiryRaw) {
+        const expiry = (expiryRaw || '').slice(0, 10);
+        document.getElementById('weexpiry').textContent = expiry ? 'Expires ' + expiry : 'Not listed';
+        const daysEl = document.getElementById('wedays');
+        const winEl = document.getElementById('wewindow');
+        if (!expiry) { daysEl.textContent = 'No listing time: see the Terms to get listed.'; winEl.textContent = '—'; winEl.className = ''; return; }
+        const exp = new Date(expiry + 'T00:00:00Z');
+        const win = new Date(exp); win.setUTCMonth(win.getUTCMonth() - 6);
+        const days = Math.ceil((exp - Date.now()) / 86400000);
+        daysEl.textContent = days > 0 ? days + ' days of listing left' : 'Listing expired';
+        const open = Date.now() >= win.getTime() && days > 0;
+        winEl.textContent = open ? 'open now' : 'opens on ' + win.toISOString().slice(0, 10);
+        winEl.className = open ? 'open' : '';
+      }
+
+      function showPayment(text, ok) {
+        const box = document.getElementById('wepayment');
+        box.textContent = text;
+        box.style.display = 'block';
+        box.style.color = ok ? '#14703a' : '#7a5200';
+        box.style.background = ok ? '#e6f6ec' : '#fdf3dc';
+      }
+
+      function stopPayment() {
+        if (paymentTimer) clearInterval(paymentTimer);
+        paymentTimer = null;
+      }
+
+      async function pollPayment() {
+        if (Date.now() - paymentStarted > PAYMENT_POLL_MAX_MS) return stopPayment();
+        const path = window.location.pathname.split('/').filter(p => p !== '');
+        let data;
+        try {
+          const response = await fetch('/weinfodata/' + path[1] + '/' + path[2]);
+          if (!response.ok) return;
+          data = await response.json();
+        } catch (err) {
+          return;  // temporary network problem: try again at the next round
+        }
+        if (!data) return;
+        const expiry = data.expiry_date || null;
+        if (firstExpiry === undefined) firstExpiry = expiry;
+        const unconfirmed = Number(data.unconfirmed_balance) > 0;
+        const active = expiry && new Date(expiry.replace(' ', 'T') + 'Z') > new Date();
+        const bal = data.balance != null ? fmt(data.balance) : null;
+        const unc = data.unconfirmed_balance != null ? fmt(data.unconfirmed_balance) : null;
+        document.getElementById('webalance').textContent = bal ? (unc ? bal + ' (' + unc + ')' : bal) : '—';
+        showExpiry(expiry);
+        if (expiry && expiry !== firstExpiry) {
+          showPayment('✓ Payment confirmed: this server is now listed.', true);
+          stopPayment();
+        } else if (unconfirmed || paymentSeen) {
+          paymentSeen = true;
+          if (unconfirmed) paymentAmount = Number(data.unconfirmed_balance);
+          showPayment('Payment detected: ' + paymentAmount.toLocaleString('en-US') + ' sats, waiting for 3 confirmations (about 30 minutes). This page updates by itself.', false);
+        } else if (active) {
+          stopPayment();  // already listed and nothing incoming: no banner, nothing to follow
+        } else {
+          showPayment('Waiting for payment. This page updates by itself.', false);
+        }
+      }
+
+      document.addEventListener('DOMContentLoaded', () => {
+        paymentTimer = setInterval(pollPayment, PAYMENT_POLL_MS);
+        pollPayment();
+      });
+
      function getWeInfo(){
        const path = window.location.pathname.split('/').filter(p => p !== '');
        const we_id = path[2];
        const chain = path[1];
        const cdate=new Date().toISOString().replace(/[-:T.Z]/g, '').slice(0, 14);
        fetchDataAndPopulateTable('/weinfodata/'+chain+"/"+we_id, new URLSearchParams(),(data) => {
-          document.getElementById('wename').innerHTML     = DOMPurify.sanitize(data.url||'—');
-          document.getElementById('wechain').innerHTML    = DOMPurify.sanitize(data.chain||'—');
-          document.getElementById('weinfo').innerHTML     = DOMPurify.sanitize(data.info||'—');
-          document.getElementById('wefees').innerHTML     = data.base_fee != null ? data.base_fee : '—';
-          document.getElementById('weheight').innerHTML   = data.last_block != null ? data.last_block : '—';
-          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||'—');
-          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 || '—';
+          document.getElementById('wename').textContent    = data.url || '—';
+          document.title = (data.url || 'Server') + ' — Will Executor';
+          document.getElementById('wechain').textContent   = data.chain || chain;
+          document.getElementById('weinfo').textContent    = data.info || '';
+          document.getElementById('wefees').textContent    = fmt(data.base_fee);
+          document.getElementById('weheight').textContent  = fmt(data.last_block);
+          document.getElementById('wepoints').textContent  = fmt(data.points);
+          document.getElementById('wewin').textContent     = fmt(data.count_win);
+          document.getElementById('wetld').textContent     = data.tld || '—';
+          const bal = data.balance != null ? fmt(data.balance) : null;
+          const unc = data.unconfirmed_balance != null ? fmt(data.unconfirmed_balance) : null;
+          document.getElementById('webalance').textContent  = bal ? (unc ? bal + ' (' + unc + ')' : bal) : '—';
+          document.getElementById('wedonations').textContent = fmt(data.donation);
+          document.getElementById('weversion').textContent = data.version || '—';
+          document.getElementById('weupdate').textContent  = data.last_update || '—';
+          showExpiry(data.expiry_date);
          const statusMap = {
            'OK': 'Health check passed',
            'TIMEOUT': 'Connection timeout',
@@ -110,7 +322,8 @@
            'KO': 'Generic error'
          };
          const st = (data.status||'').split(':')[0];
-          document.getElementById('westatus').innerHTML   = statusMap[st] || '—';
+          document.getElementById('westatus').textContent = statusMap[st] || (data.status ? 'Unknown status' : '—');
+          document.getElementById('westatus-badge').className = 'badge ' + (st === 'OK' ? 'ok' : (st ? 'bad' : ''));

          const tableBody = document.querySelector('#wetimes tbody');
          tableBody.innerHTML ='';
@@ -118,36 +331,37 @@
            Object.entries(data.times).forEach(([key,wetime]) => {
              const row = document.createElement('tr');
              const d = new Date(wetime.time/1000);
+              const hash = DOMPurify.sanitize(wetime.blockHash||'');
+              const pos = wetime.position != null ? wetime.position + 1 : null;
              row.innerHTML = `
-                <td>${wetime.blockHeight != null ? wetime.blockHeight : '—'}</td>
-                <td>${DOMPurify.sanitize(wetime.blockHash||'—')}</td>
-                <td>${d}</td>
-                <td>${wetime.diff != null ? wetime.diff/1000000 + ' s' : '—'}</td>
-                <td>${wetime.position != null ? wetime.position+1 : '—'}</td>
-                <td>${wetime.participants != null ? wetime.participants : '—'}</td>
-                <td>${wetime.points != null ? wetime.points : '—'}</td>
+                <td class="num">${wetime.blockHeight != null ? fmt(wetime.blockHeight) : '—'}</td>
+                <td class="hash">${hash || '—'}</td>
+                <td>${fmtTime(d)}</td>
+                <td class="num">${wetime.diff != null ? (wetime.diff/1000000).toFixed(3) + ' s' : '—'}</td>
+                <td class="num ${pos === 1 ? 'pos-1' : ''}">${pos != null ? '#' + pos : '—'}</td>
+                <td class="num">${wetime.participants != null ? wetime.participants : '—'}</td>
+                <td class="num">${wetime.points != null ? wetime.points : '—'}</td>
              `;
              tableBody.appendChild(row);
            });
          } else {
-            tableBody.innerHTML = '<tr><td colspan="7" style="padding:20px;text-align:center;color:#999">No rounds yet.</td></tr>';
+            tableBody.innerHTML = '<tr><td colspan="7" style="padding:24px;text-align:center;color:var(--muted)">No rounds yet.</td></tr>';
          }
-          var prev=0;
-          var next=0;
-          if (data.times && data.times.length > 0){
-            prev = data.times[0].blockHeight+data.times.length;
-            next = data.times[data.times.length-1].blockHeight;
-            if (prev < 0 ){
-              prev = 0;
-            }
-          }
-
-          const paginator = {prev:prev,next:next};
-          return paginator;
+          const urlParams = new URLSearchParams(window.location.search);
+          const currentPage = Math.max(parseInt(urlParams.get('page') || '0', 10) || 0, 0);
+          const pageSize = Math.min(Number(limit) || 100, 100);
+          const hasNext = !!data.times && data.times.length >= pageSize;
+          return {
+            page: currentPage,
+            prev: Math.max(currentPage - 1, 0),
+            next: currentPage + 1,
+            hasPrev: currentPage > 0,
+            hasNext: hasNext,
+          };
        },{elementName:"download",fileName:"weinfo_"+cdate+".json",linkText:"download"})
      }

      getWeInfo();
    </script>
-  </body>
+</body>
 </html>
Author	SHA1	Message	Date
svatantrya	c87ce760e2	fix: paginate weinfo times and read min deposit from ranking_info - weinfo.html now pages times with the API's zero-based page offset instead of block heights\n- bal.js renders page metadata and hides dead next links on the last page\n- index.html and terms.html read amount from /ranking_info/{chain}	2026-11-06 21:29:03 -04:00
bitcoinafterlife	33df29b7a8	Home: 'Add your Will Executor' link under the table; FAQ 6 lands on the panel - Link beside the disclaimer scrolls to the Add / Renewal status panel - ?mode=check scrolls to the panel; Terms FAQ 6 links to /?mode=check#we-panel	2026-11-06 19:38:59 +01:00
bitcoinafterlife	d0504dc930	Server page: no prev/next, 'Latest 100 rounds' badge - The rounds endpoint ignores page/offset parameters, so the pager is hidden until the server supports paging	2026-11-06 19:33:28 +01:00
bitcoinafterlife	96ba0aafcc	Server page: tighter table cells so the full hash fits - Cell padding 14 -> 10 px	2026-11-06 19:31:29 +01:00
bitcoinafterlife	3883987e53	Server page: full block hash in the rounds table - Hash no longer shortened; slightly smaller mono text so the row stays on one line	2026-11-06 19:31:05 +01:00
bitcoinafterlife	5bc502b0ea	Server page restyled in the site's look - Header with back button, server card with status badge, Listing card (expiry, days left, renewal window), Activity tiles, WeTime table in the home style - Inline CSS only; qrcode.min.js dropped (unused); bal.js pager renders prev / page / next buttons	2026-11-06 19:29:36 +01:00
bitcoinafterlife	40d9b4ed80	Home: Renewal status tab with expiry card - Check tab renamed Renewal status / Show renewal status - Result card: expiry date, days left, renewal window open or opening date, position, balance, donations, server page link - Terms FAQ 6 follows the new name	2026-11-06 19:22:24 +01:00
bitcoinafterlife	a13b93b8e0	Home panel: Add / Check tabs, side notes, narrower ranking panel - One panel with two tabs (Add a server / Check a server), one button each, ?mode=check opens the Check tab - Side column with 'What happens next' / 'What you get' steps; ranking panel gets a closing note and a narrower column - Terms FAQ 6 points at the Check tab	2026-11-06 19:03:57 +01:00
bitcoinafterlife	f6dab5de5f	Check server is read-only: list lookup and server data, no registration - Looks the exact URL up in /datalist and shows expiry, balance and donations from /weinfodata - No terms box, no POST /data: checking an unlisted URL creates nothing; clear message either way	2026-11-06 18:55:42 +01:00
bitcoinafterlife	6c58a80f26	Timeline: renewal paid in both windows; numbered FAQ; Check server button - Terms timeline: 'Renewal paid' coin inside the year-1 and year-2 windows, caption says the window opens every year - FAQ items numbered 1-13 (CSS counter, JSON-LD unchanged); FAQ 6 points at Check server - Home form: 'Check server' button, same request as 'Add server'; hint text updated	2026-11-06 18:50:09 +01:00
bitcoinafterlife	4c57517a8a	Terms: FAQ section; home: how to see a listed server's renewal date - Section 5 FAQ with 13 questions answered from the Terms only; native details accordions, FAQPage JSON-LD - Home form: 'Already listed?' hint, the exact URL shows status, balance and next renewal date	2026-11-06 18:45:02 +01:00
bitcoinafterlife	e39d56b756	Terms: animated listing timeline first, sections reordered, navigation buttons - Animated SVG timeline of the listing lifecycle (pay, listed, renewal window every year, renewed / removed) opens the Terms page; plays when scrolled into view, Replay button, four-step strip kept on small screens - Sections reordered Listing, Order, Contact, Changes and renumbered; cross-references updated, legal text unchanged - Home hero: 'How to get listed' button to the Terms page; Terms: 'Back to the server list' button and footer link	2026-11-06 17:59:33 +01:00
bitcoinafterlife	6046f8fba9	Drop the old Testnet tab from the server list - Chain buttons now show Bitcoin and Testnet4 only - Old ?chain=testnet links fall back to Bitcoin	2026-11-03 20:49:20 +01:00
bitcoinafterlife	956e133b7c	Show deposit progress after the invoice - The invoice checks the server every 30 seconds and shows the amount detected, then the confirmation once the server is listed. - The server page gets the same banner, with a 24-hour limit on checks. - The invoice link is now "Follow your payment", so the invoice can be closed and the deposit followed from a fixed address.	2026-11-01 12:36:46 +01:00
bitcoinafterlife	aa723acbca	Put the selected chain in the page address - Opening ?chain=testnet or ?chain=testnet4 selects that list, so it can be shared as a link; an unknown value falls back to Bitcoin. - The chain buttons update the address and Back/Forward follow it. - Bitcoin stays the default and keeps the plain address.	2026-11-01 12:05:28 +01:00
bitcoinafterlife	43b2ca2b64	Update index.html Added Master website footer link	2026-08-15 00:03:24 +00:00
bitcoinafterlife	f11d066ef4	Upload files to "/" SEO optimize	2026-08-14 23:18:33 +00:00
bitcoinafterlife	5ea9460e00	Upload files to "/" SEO optimize	2026-08-14 23:18:24 +00:00
bitcoinafterlife	efb60e8fe3	Update terms.html SEO optimize	2026-08-14 23:17:21 +00:00
bitcoinafterlife	30e410c7a8	Update index.html SEO Optimize	2026-08-14 23:16:41 +00:00
svatantrya	e395da105e	Hide regtest tab when not on localhost	2026-07-22 12:43:47 -04:00
bitcoinafterlife	8c75e40edc	Upload files to "/" mobile changes	2026-07-21 22:48:50 +00:00
bitcoinafterlife	97617cecad	Update index.html added mobile view	2026-07-21 22:47:53 +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