aboutsummaryrefslogtreecommitdiff
path: root/website/explorer/index.html
blob: aa2c2fe2034c80535b39e853af585eb47caafa67 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="Monzero blockchain explorer">
  <meta name="theme-color" content="#090d0c">
  <title>Monzero Explorer</title>
  <link rel="icon" href="../assets/monzero-xmz-coin.png">
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <header>
    <a class="brand" href="./">
      <span class="mark">MZ</span>
      <span><strong>MONZERO</strong><small>CHAIN EXPLORER</small></span>
    </a>
    <div class="header-actions">
      <a class="site-link" href="../">Monzero home</a>
      <div class="node-pill"><span id="node-dot"></span><span id="node-label">Connecting</span></div>
    </div>
  </header>

  <main>
    <section class="hero">
      <p class="eyebrow">Independent chain · XMZ</p>
      <h1>Verify the chain.<br><em>Block by block.</em></h1>
      <form id="search-form" class="search">
        <label class="sr-only" for="search-input">Search the blockchain</label>
        <input id="search-input" autocomplete="off" spellcheck="false" placeholder="Block height, block hash, or transaction hash">
        <button type="submit">Search <span>↗</span></button>
      </form>
      <p class="search-hint">Try a block height such as <button type="button" id="latest-search">latest</button> or paste a 64-character hash.</p>
    </section>

    <section id="overview" class="overview" aria-label="Network overview">
      <article><span>Chain height</span><strong id="stat-height">—</strong><small>Mainnet</small></article>
      <article><span>Difficulty</span><strong id="stat-difficulty">—</strong><small id="stat-hashrate">— H/s estimated</small></article>
      <article><span>Transactions</span><strong id="stat-transactions">—</strong><small>Confirmed on-chain</small></article>
      <article><span>Connections</span><strong id="stat-connections">—</strong><small>Hidden on restricted RPC</small></article>
    </section>

    <section id="content" class="content" aria-live="polite">
      <div class="section-title">
        <div><p class="eyebrow">Live ledger</p><h2>Recent blocks</h2></div>
        <button id="refresh" class="ghost" type="button">Refresh</button>
      </div>
      <div id="view"><div class="loading"><span></span>Loading chain data…</div></div>
    </section>
  </main>

  <footer>
    <span>Monzero Genesis network</span>
    <span>Node: <code>node.monzero.org:6175</code></span>
    <span>Read-only explorer · <a href="https://monzero.org">monzero.org</a></span>
  </footer>

  <template id="error-template">
    <div class="empty"><strong>Nothing found</strong><p>The value could not be resolved on the current Monzero chain.</p><a href="#/">Return to recent blocks</a></div>
  </template>
  <script src="app.js"></script>
</body>
</html>