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
This commit is contained in:
2026-11-06 18:50:09 +01:00
parent 4c57517a8a
commit 6c58a80f26
2 changed files with 44 additions and 24 deletions

View File

@@ -206,6 +206,10 @@ 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}
.btn.secondary{background:var(--panel);color:var(--accent);border:1px solid var(--line-strong)}
.btn.secondary:hover{border-color:var(--accent);filter:none}
.intro-card{
background:var(--panel);border:1px solid var(--line);
@@ -411,14 +415,20 @@ footer a{color:var(--accent);text-decoration:none}
<p class="lead">Enter your server URL. It will appear in the list once your deposit is confirmed (typically about 30 minutes).</p>
<!-- Same form, second use (2026-11-06): with the exact URL of a listed server the
reply shows its status, balance and next renewal date instead of an invoice. -->
<p class="lead" style="margin-top:-10px"><strong>Already listed?</strong> Enter the exact URL of your server as it appears in the list and press <em>Add server</em>: the box shows its status, balance and next renewal date.</p>
<p class="lead" style="margin-top:-10px"><strong>Already listed?</strong> Enter the exact URL of your server as it appears in the list and press <em>Check server</em>: the box shows its status, balance and next renewal date.</p>
<div class="form-row">
<input type="text" id="url" placeholder="https://we.bitcoin-after.life">
</div>
<div style="margin-top:8px">
<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>
<!-- Two buttons, one action (owner, 2026-11-06): "Check server" is the same
request as "Add server"; for a listed server the reply is its status,
for a new one the invoice. The wording is what differs. -->
<div class="btn-row">
<button class="btn" id="submit">Add server</button>
<button class="btn secondary" id="check">Check server</button>
</div>
<div class="ok-line" id="iv-status"></div>
@@ -706,6 +716,7 @@ function startDepositWatch(chain, id) {
pollDeposit();
}
document.getElementById('check').addEventListener('click', () => document.getElementById('submit').click());
document.getElementById('submit').addEventListener('click', async () => {
stopDepositWatch();
const urlInput = document.getElementById('url');