Files
Validation-Ledger-Tx-Store-…/public_html/index.html
zgrguric 0ed104baf8 Handle link coloring in pre elements
Some mobile browsers can interpret numbers as phone numbers and create links automatically, this will color those links so they are visible. In case of blue pre element links were also blue, this will force links to be same color as text. This visual bug is reproducable on "Puma" we browser for iOS.
2023-10-10 08:50:30 +02:00

84 lines
3.6 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Validation Ledger &amp; Transaction Store</title>
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="date=no">
<meta name="format-detection" content="address=no">
<meta name="format-detection" content="email=no">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<style>pre a{color:inherit;text-decoration:none}</style>
</head>
<body>
<div class="container">
<h1 class="h2 pt-2">Validation Ledger &amp; Transaction Store</h1>
<div class="row">
<div class="col-12 col-md-4">
<div class="alert alert-warning">
This service collects validation messages, ledger &amp; transaction information
and stores &amp; serves the raw data, and generated
<code><a href="https://github.com/XRPLF/XRPL-Standards/discussions/107">xPOP</a></code> blobs.
</div>
<div class="mt-2 alert alert-success">
You can easily fetch ready to use xPOP, or even generate them from source data
possibly scattered across instances like this instance using the
<a href="https://www.npmjs.com/package/xpop"><b><code>xpop</code> npm package</b></a>.
</div>
</div>
<div class="col-12 col-md-8">
<div class="alert alert-warning">
<ul class="mb-0 ps-3">
<li>
<a href="{{ config.urlprefix }}/xpop/...">xPOP storage location</a><br />
<code>{{ config.urlprefix }}/xpop/{ hash }</code>
</li>
<li>
<a href="{{ config.urlprefix }}/{{ config.networkid }}/">Browse source data (per ledger)</a><br />
<code>{{ config.urlprefix }}/{{ config.networkid }}/...</code>
</li>
<li>
<a href="{{ config.urlprefix }}/health">Health / stats endpoint</a><br />
<code>{{ config.urlprefix }}/health</code>
</li>
<li>
<a href="{{ config.urlprefix.replace('http', 'ws') }}">xPOP event websocket</a><br />
<code>{{ config.urlprefix.replace('http', 'ws') }} (WEBSOCKET)</code>
</li>
<li>
<a href="{{ config.urlprefix.replace('http', 'ws') }}/blob">xPOP event websocket + Blob</a><br />
<code>{{ config.urlprefix.replace('http', 'ws') }}/blob (WEBSOCKET)</code>
</li>
<li>
<a href="{{ config.urlprefix.replace('http', 'ws') }}/blob/rAddress...">xPOP event websocket for specific account + Blob</a><br />
<code>{{ config.urlprefix.replace('http', 'ws') }}/blob/rAddress... (WEBSOCKET)</code>
</li>
</ul>
</div>
</div>
</div>
<h4 class="mt-2">Stats</h4>
<div class="card shadow-sm bg-primary text-white border-2">
<div class="card-body px-3 py-2">
<pre class="mb-0">{{ config|dump(2) }}</pre>
</div>
</div>
<h4 class="mt-2">Stats</h4>
<div class="card shadow-sm bg-primary text-white border-2">
<div class="card-body px-3 py-2">
<pre class="mb-0">{{ stats|dump(2) }}</pre>
</div>
</div>
<br />
🚀 Run your own instance: <a href="https://github.com/Xahau/Validation-Ledger-Tx-Store-to-xPOP">Source</a>
</div>
</body>
</html>