mempool/frontend/src/app/components/about/about.component.html

<div class="container-xl">
  <div class="text-center">
    <br />
    <img src="./assets/mempool-tube.png" width="63" height="63" />
    <br /><br />

    <h1>Contributors</h1>

    <p>Development <a href="https://twitter.com/softsimon_">@softsimon_</a>
    <br />Operations <a href="https://twitter.com/wiz">@wiz</a>
    <br />Design <a href="https://instagram.com/markjborg">@markjborg</a>

    <br><br>

    <h2>Github</h2>

    <a target="_blank" class="b2812e30 f2874b88 fw6 mb3 mt2 truncate black-80 f4 link" rel="noopener noreferrer nofollow" href="https://github.com/mempool/mempool">
      <span class="_9e13d83d dib v-mid">
        <svg style="height: 16px;margin-right: 8px;" viewBox="0 0 92 92" version="1.1" xmlns="http://www.w3.org/2000/svg">
          <title>Git</title>
          <g stroke="none" fill="#FFFFFF">
            <path d="M90.155,41.965 L50.036,1.847 C47.726,-0.464 43.979,-0.464 41.667,1.847 L33.336,10.179 L43.904,20.747 C46.36,19.917 49.176,20.474 51.133,22.431 C53.102,24.401 53.654,27.241 52.803,29.706 L62.989,39.891 C65.454,39.041 68.295,39.59 70.264,41.562 C73.014,44.311 73.014,48.768 70.264,51.519 C67.512,54.271 63.056,54.271 60.303,51.519 C58.235,49.449 57.723,46.409 58.772,43.861 L49.272,34.362 L49.272,59.358 C49.942,59.69 50.575,60.133 51.133,60.69 C53.883,63.44 53.883,67.896 51.133,70.65 C48.383,73.399 43.924,73.399 41.176,70.65 C38.426,67.896 38.426,63.44 41.176,60.69 C41.856,60.011 42.643,59.497 43.483,59.153 L43.483,33.925 C42.643,33.582 41.858,33.072 41.176,32.389 C39.093,30.307 38.592,27.249 39.661,24.691 L29.243,14.271 L1.733,41.779 C-0.578,44.092 -0.578,47.839 1.733,50.15 L41.854,90.268 C44.164,92.578 47.91,92.578 50.223,90.268 L90.155,50.336 C92.466,48.025 92.466,44.275 90.155,41.965"></path>
          </g>
        </svg>
      </span>
      <span>github.com/mempool/mempool</span></a>
  </div>

  <br><br>

  <div class="text-center">
    <h2>HTTP API</h2>
  </div>

  <table class="table">
    <tr>
      <td style="width: 50%;">Fee API</td>
      <td>
        <div class="mx-auto">
          <input class="form-control" type="text" value="https://mempool.space/api/v1/fees/recommended" readonly>
        </div>
      </td>
    </tr>
    <tr>
      <td>Mempool blocks</td>
      <td>
        <div class="mx-auto">
          <input class="form-control" type="text" value="https://mempool.space/api/v1/fees/mempool-blocks" readonly>
        </div>
      </td>
    </tr>
  </table>

  <br><br>
  
  <div class="text-center">
    <h2>WebSocket API</h2>
  </div>

  <table class="table">
    <tr>
      <td style="width: 50%;">
        <span class="text-small">
          Default push: <span class="code">{{ '{' }} action: 'want', data: ['blocks', ...] {{ '}' }}</span>
          to express what you want pushed. Available: 'blocks', 'mempool-blocks', 'live-2h-chart' and 'stats'.
        </span>
        <br><br>
        <span class="text-small">
          Push transactions related to address: <span class="code">{{ '{' }} 'track-address': '3PbJ...bF9B' {{ '}' }}</span>
          to receive all new transactions containing that address as input or output. Returns an array of transactions. 'address-transactions' for new mempool transactions and 'address-block-transactions' for new block confirmed transactions.
        </span>
      </td>
      <td>
        <div class="mx-auto">
          <input class="form-control" type="text" value="wss://mempool.space/ws" readonly>
        </div>
      </td>
    </tr>
  </table>

  <br> <br>

</div>