nitter-status/server/templates/instances.html.j2

{# SPDX-License-Identifier: AGPL-3.0-only #}
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <link href="/static/bootstrap.min.css" rel="stylesheet">
    <meta name="robots" content="noindex,nofollow" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Nitter Instance Health</title>
  </head>
  <body>
  <div class="container">
    <h1>Nitter Instance Uptime & Health</h1>
    <p><a href="/about">About</a></p>
    <p>Last Updated {{last_updated}} <a href="https://time.is/UTC">UTC</a>.</p>
    <div class="table-responsive">
      <table class="table">
      <thead>
          <tr>
          <th scope="col">Instance</th>
          <th scope="col">Healthy</th>
          <th scope="col">Ping</th>
          <th scope="col">Average</th>
          <th scope="col">RSS</th>
          <th scope="col">Version</th>
          <th scope="col">Points</th>
          </tr>
      </thead>
      <tbody>
          {% for host in instances -%}
          <tr>
          <td><a href="{{host.url}}">{{host.domain}}</a></td>
          <td>{% if host.healthy -%} ✅ {% else -%} ❌ {% endif -%}</td>
          <td>
            {% if host.recent_pings|length > 0 -%}
              {% set height = 57 -%}
              {% set width = 182 -%}
              {% set amount = host.recent_pings|length  -%}
              {% set width_bar = width / amount  -%}
              {% set offset = 5  -%}
              {% set error_size = height / 3 %}
              {% if host.ping_max and host.ping_min -%}
                {# only one entry, so max = min => step_size would be 0 #}
                {% if host.ping_max == host.ping_min -%}
                  {% set step_size = 5/(height-offset) -%}
                {% else -%}
                  {% set step_size = (host.ping_max - host.ping_min)/(height-offset) -%}
                {% endif -%}
              {% else %}
                {# no valid entries, only nulls #}
                {% set step_size = 5/(height-offset) -%}
              {% endif %}
              {# <!-- step size {{step_size}} -->
              <!-- ping_max {{host.ping_max}} -->
              <!-- ping_min {{host.ping_min}} --> #}
              <svg viewBox="0 0 182 56" width="{{width - 1}}" height="{{height - 1}}">
                {% if host.ping_avg and host.ping_min -%}
                  {% set avg_pos = (height-(host.ping_avg - host.ping_min )/step_size) - offset -%}
                  <line x1="1" x2="181" y1="{{avg_pos}}" y2="{{avg_pos}}" stroke="black" stroke-width="0.72727275" stroke-linecap="butt" stroke-opacity="0.3"><title>Average</title></line>
                {% endif -%}
                {% for ping in host.recent_pings -%}
                  {% if ping -%}
                    {% set height_bar = (ping - host.ping_min )/step_size + offset -%}
                    {% set color_bar = "#a09df2" -%}
                  {% else %}
                    {% set height_bar = error_size -%}
                    {% set color_bar = "#cc0000" -%}
                  {% endif %}
                  <rect x="{{(loop.index-1) * width_bar}}" y="{{height - height_bar - offset}}" width="{{width_bar}}" height="{{height_bar}}" fill="{{color_bar}}" fill-opacity="0.95"><title>{{ping | default(value="unhealthy") }}</title></rect>
                {% endfor -%}
              </svg>
            {% endif %}
          </td>
          <td>{{host.ping_avg}}</td>
          <td>{% if host.rss -%} ✅ {% else %} ❌ {% endif %}</td>
          <td>{{host.version}}</td>
          <td>{{host.points}}</td>
          </tr>
          {% endfor -%}
      </tbody>
      </table>
    </div>
  </div>
      <script src="/static/bootstrap.min.js"></script>
  </body>
</html>