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}

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).

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.innerHTML = "";
-    pag.appendChild(document.createTextNode("_"));
+    const currentPage = paginator && paginator.page != null
-    if (page > 0) {
+      ? paginator.page
-      pag.appendChild(createlink("<","?page="+paginator.prev));
+      : (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{
+    const lbl = document.createElement("span");
-      pag.appendChild(document.createTextNode("<"));
+    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));
   }
 }
 

robots.txt

@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: https://welist.bitcoin-after.life/sitemap.xml

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>

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 */
+  /* On small screens the four-step strip replaces the SVG timeline and stacks vertically */
-  .lifecycle{grid-template-columns:1fr}
+  .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">
+        <!-- steps 1-3: pay, confirmations, listed -->
-      <h2>1. Contact &amp; Support</h2>
+        <g class="pill p1">
-      <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>
+          <rect x="20" y="22" width="180" height="40" rx="20" fill="#fff" stroke="#dfe4ea"/>
-      <div class="info-grid">
+          <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>
-        <div class="info-block">
+          <text x="62" y="38" font-weight="600">Pay the yearly fee</text>
-          <span class="ic">VERIFICATION</span>
+          <text x="62" y="54" class="small mono"><tspan id="thr-min-lt">50,000</tspan> sats / 365 days</text>
-          <h3>Proof of Ownership</h3>
+        </g>
-          <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>
+        <g class="pill p2">
-        </div>
+          <path d="M202 42 h26" stroke="#cbd2da" stroke-width="2"/>
-        <div class="info-block">
+          <polygon points="226,37 234,42 226,47" fill="#cbd2da"/>
-          <span class="ic">POLICY</span>
+          <rect x="238" y="22" width="186" height="40" rx="20" fill="#fff" stroke="#dfe4ea"/>
-          <h3>No Refunds After Payment</h3>
+          <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"/>
-          <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>
+          <text x="280" y="38" font-weight="600">3 confirmations</text>
-        </div>
+          <text x="280" y="54" class="small">about 30 minutes</text>
-      </div>
+        </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>
+      <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;3). Payments are non-refundable (see Section&nbsp;1) — double-check your server URL before paying.</p>
+      <p class="sub">A listing works like a hosting plan: a flat yearly fee buys your server one year of presence in the list. Your paid amount accumulates and never decays — it is preserved across renewals and also determines your position in the list (see Section&nbsp;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 r = await fetch('/ranking_info/' + chain);
-    const val = parseInt(await r.text(), 10);
+    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) {}
 })();

weinfo.html

@@ -1,103 +1,315 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+<head>
-    <meta charset="UTF-8" />
+<meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Bal Server List</title>
+<title>Will Executor — Server page</title>
-    <link rel="icon" href="Logo_nero.ico" type="image/x-icon">
+<meta name="robots" content="noindex">
-    <script src="/qrcode.min.js"></script>
+<link rel="icon" href="/Logo_nero.ico" type="image/x-icon">
-    <script src="/purify.min.js"></script>
+<script src="/purify.min.js"></script>
-    <script src="/bal.js"></script>
+<script src="/bal.js"></script>
-  </head>
+<!--
-  <style>
+  Server detail page, restyled 2026-11-06 in the look of index.html (same colour
-    table {
+  variables and type). Deliberately light: inline CSS only, no new script
-      border-collapse: collapse;
+  (qrcode.min.js was loaded and never used, so it is gone). The data flow is
-      width: 100%;
+  unchanged: fetchDataAndPopulateTable (bal.js) reads /weinfodata/<chain>/<id>
-      margin-top: 20px;
+  with ?page/?limit and draws the prev/next links into #paginator; the payment
-    }
+  banner polls the same endpoint until the deposit is credited.
-    th, td {
+-->
-      border: 1px solid #ddd;
+<style>
-      padding: 8px;
+:root{
-      text-align: left;
+  --maxw:1120px;--radius:10px;
-    }
+  --bg:#eef1f4;--panel:#ffffff;--ink:#1a2027;--muted:#5b6672;
-    th {
+  --line:#dfe4ea;--line-strong:#cbd2da;
-      background-color: #f2f2f2;
+  --accent:#2d6cdf;--accent-soft:#e6eefc;
-    }
+  --ok:#1f9d57;--ok-soft:#e3f4ea;--off:#9aa4b0;--off-soft:#eceff3;
-    tr:nth-child(even) {
+  --display:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
-      background-color: #f9f9f9;
+  --body:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
-    }
+  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
-    span {
+  --shadow:0 1px 2px rgba(20,30,50,.05);
-      margin-left:10px;
+}
-    }
+*{box-sizing:border-box}
-  </style>  
+html,body{margin:0}
-  <body>
+body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.5}
-    <div align="center">
+a{color:var(--accent)}
-      <a href="/"><img alt="BAL LOGO" src="/Logo_nero.png"></a>
+.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
-      <h2 id="wename">&nbsp;</h2>
+.mono{font-family:var(--mono)}
-      <h3 id="weinfo">&nbsp;</h3>
+
-      <h4 id="wechain">&nbsp;</h4>
+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;">
+  </header>
-      <div><span>Version:</span><span id="weversion">&nbsp;</span></div>
+
-      <div><span>Fees:</span><span id="wefees">&nbsp;</span></div>
+  <main class="wrap">
-      <div><span>Tld:</span><span id="wetld">&nbsp;</span></div>
+
-      <div><span>Last Update:</span><span id="weupdate">&nbsp;</span></div>
+    <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 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>
+      </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>
+      </section>
     </div>
-    <div style="float:left;border:1;margin-right:50px;">
+
-      <div><span>Height:</span><span id="weheight">&nbsp;</span></div>
+    <section class="card rounds">
-      <div><span>Points:</span><span id="wepoints">&nbsp;</span></div>
+      <div class="head">
-      <div><span>Win:</span><span id="wewin">&nbsp;</span></div>
+        <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 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><!-- rows from the script --></tbody>
+        </table>
+      </div>
+      <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>
-    <div style="border:1;margin-right:50px;">
+  </footer>
-      <div><span>Balance:</span><span id="webalance">&nbsp;</span></div>
+
-      <div><span>Donations:</span><span id="wedonations">&nbsp;</span></div>
+    <script type="text/javascript">
-      <div><span>Status:</span><span id="westatus">&nbsp;</span></div>
+      // Payment banner: this page has a fixed address, so whoever paid can close the
-      <div><span>Expiry:</span><span id="weexpiry">&nbsp;</span></div>
+      // invoice and follow the deposit here. It asks the server data every 30 seconds
-    </div>
+      // until the server is listed. The status only moves forward, because
-    <div>
+      // unconfirmed_balance may go back to 0 before the deposit is credited.
-      <table id="wetimes">
+      const PAYMENT_POLL_MS = 30000;
-        <thead>
+      const PAYMENT_POLL_MAX_MS = 24 * 60 * 60 * 1000;
-          <tr>
+      const paymentStarted = Date.now();
-            <th colspan=5><span id="chainth"><!-- --></span>: <span id="paginator"></span></th>
+      let paymentTimer = null, paymentSeen = false, paymentAmount = 0, firstExpiry;
-          </tr>
+
-          <tr>
+      const fmt = n => (n != null ? Number(n).toLocaleString('en-US') : '—');
-            <th>height</th>
+      const pad = n => String(n).padStart(2, '0');
-            <th>block hash</th>
+      function fmtTime(d) {
-            <th>time</th>
+        return d.getFullYear() + '-' + pad(d.getMonth() + 1) + '-' + pad(d.getDate()) + ' ' +
-            <th>diff</th>
+               pad(d.getHours()) + ':' + pad(d.getMinutes()) + ':' + pad(d.getSeconds());
-            <th>position</th>
+      }
-            <th>participants</th>
+
-            <th>points</th>
+      // Expiry card: the date big, the days left, the renewal window (from 6 months
-          </tr>
+      // before expiry, Terms Section 1).
-        </thead>
+      function showExpiry(expiryRaw) {
-        <tbody>
+        const expiry = (expiryRaw || '').slice(0, 10);
-          <!-- -->
+        document.getElementById('weexpiry').textContent = expiry ? 'Expires ' + expiry : 'Not listed';
-        </tbody>
+        const daysEl = document.getElementById('wedays');
-      </table>
+        const winEl = document.getElementById('wewindow');
-    </div>
+        if (!expiry) { daysEl.textContent = 'No listing time: see the Terms to get listed.'; winEl.textContent = '—'; winEl.className = ''; return; }
-    <a href="" id="download">Download</a>
+        const exp = new Date(expiry + 'T00:00:00Z');
-    <script type="text/javascript"> 
+        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('wename').textContent    = data.url || '—';
-          document.getElementById('wechain').innerHTML    = DOMPurify.sanitize(data.chain||'—');
+          document.title = (data.url || 'Server') + ' — Will Executor';
-          document.getElementById('weinfo').innerHTML     = DOMPurify.sanitize(data.info||'—');
+          document.getElementById('wechain').textContent   = data.chain || chain;
-          document.getElementById('wefees').innerHTML     = data.base_fee != null ? data.base_fee : '—';
+          document.getElementById('weinfo').textContent    = data.info || '';
-          document.getElementById('weheight').innerHTML   = data.last_block != null ? data.last_block : '—';
+          document.getElementById('wefees').textContent    = fmt(data.base_fee);
-          document.getElementById('wepoints').innerHTML   = data.points != null ? data.points : '—';
+          document.getElementById('weheight').textContent  = fmt(data.last_block);
-          document.getElementById('wewin').innerHTML      = data.count_win != null ? data.count_win : '—';
+          document.getElementById('wepoints').textContent  = fmt(data.points);
-          document.getElementById('wetld').innerHTML      = DOMPurify.sanitize(data.tld||'—');
+          document.getElementById('wewin').textContent     = fmt(data.count_win);
-          const bal = data.balance != null ? data.balance : null;
+          document.getElementById('wetld').textContent     = data.tld || '—';
-          const unc = data.unconfirmed_balance != null ? data.unconfirmed_balance : null;
+          const bal = data.balance != null ? fmt(data.balance) : null;
-          document.getElementById('webalance').innerHTML  = bal ? (unc ? bal + ' (' + unc + ')' : bal) : '—';
+          const unc = data.unconfirmed_balance != null ? fmt(data.unconfirmed_balance) : null;
-          document.getElementById('wedonations').innerHTML = data.donation != null ? data.donation : '—';
+          document.getElementById('webalance').textContent  = bal ? (unc ? bal + ' (' + unc + ')' : bal) : '—';
-          document.getElementById('weversion').innerHTML  = data.version||'—';
+          document.getElementById('wedonations').textContent = fmt(data.donation);
-          document.getElementById('weexpiry').innerHTML   = '<b>' + (data.expiry_date || '—') + '</b>';
+          document.getElementById('weversion').textContent = data.version || '—';
-          document.getElementById('weupdate').innerHTML   = data.last_update || '—';
+          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 class="num">${wetime.blockHeight != null ? fmt(wetime.blockHeight) : '—'}</td>
-                <td>${DOMPurify.sanitize(wetime.blockHash||'—')}</td>
+                <td class="hash">${hash || '—'}</td>
-                <td>${d}</td>
+                <td>${fmtTime(d)}</td>
-                <td>${wetime.diff != null ? wetime.diff/1000000 + ' s' : '—'}</td>
+                <td class="num">${wetime.diff != null ? (wetime.diff/1000000).toFixed(3) + ' s' : '—'}</td>
-                <td>${wetime.position != null ? wetime.position+1 : '—'}</td>
+                <td class="num ${pos === 1 ? 'pos-1' : ''}">${pos != null ? '#' + pos : '—'}</td>
-                <td>${wetime.participants != null ? wetime.participants : '—'}</td>
+                <td class="num">${wetime.participants != null ? wetime.participants : '—'}</td>
-                <td>${wetime.points != null ? wetime.points : '—'}</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;
+          const urlParams = new URLSearchParams(window.location.search);
-          var next=0;
+          const currentPage = Math.max(parseInt(urlParams.get('page') || '0', 10) || 0, 0);
-          if (data.times && data.times.length > 0){
+          const pageSize = Math.min(Number(limit) || 100, 100);
-            prev = data.times[0].blockHeight+data.times.length;
+          const hasNext = !!data.times && data.times.length >= pageSize;
-            next = data.times[data.times.length-1].blockHeight;
+          return {
-            if (prev < 0 ){
+            page: currentPage,
-              prev = 0;
+            prev: Math.max(currentPage - 1, 0),
-            }
+            next: currentPage + 1,
-          }
+            hasPrev: currentPage > 0,
-
+            hasNext: hasNext,
-          const paginator = {prev:prev,next:next};
+          };
-          return paginator;
         },{elementName:"download",fileName:"weinfo_"+cdate+".json",linkText:"download"})
-      } 
+      }
 
       getWeInfo();
     </script>
-  </body>
+</body>
-</html>
+</html>