From 554f679693783a54de671f278ef3e6dbecf55ee4 Mon Sep 17 00:00:00 2001
From: 4cuck <40539855+4cuck@users.noreply.github.com>
Date: Mon, 14 Oct 2024 00:59:09 +0200
Subject: [PATCH] improve a11y, about, styling

---
 server/templates/about.html.j2     |  4 +++-
 server/templates/instances.html.j2 | 12 +++++++-----
 server/templates/rip.html.j2       |  7 +++++--
 3 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/server/templates/about.html.j2 b/server/templates/about.html.j2
index d35f923..9424282 100644
--- a/server/templates/about.html.j2
+++ b/server/templates/about.html.j2
@@ -38,7 +38,9 @@
       <li><code>RSS</code> whether the host has RSS feeds enabled.</li>
       <li><code>LSH</code> Last Seen Healthy, for the last time an instance was seen healthy.</li>
       <li><code>Nitter Version</code> which nitter version the host reports.</li>
-      <li><code>Connectivity</code> the IP connectivity support. One of All, IPv4, IPv6</li>
+      <li><code>Connectivity</code> the IP connectivity support. One of <code>All</code>, <code>IPv4</code>,
+        <code>IPv6</code>
+      </li>
       <li><code>Points</code> is a weighted instance score based on the availability over the last 3h, 30 and 120 days,
         together with the version.</li>
     </ul>
diff --git a/server/templates/instances.html.j2 b/server/templates/instances.html.j2
index 71b28e6..18ea3b7 100644
--- a/server/templates/instances.html.j2
+++ b/server/templates/instances.html.j2
@@ -24,7 +24,7 @@
 <body>
   <div class="container">
     <h1>Nitter Instance Uptime & Health</h1>
-    <div class="alert alert-warning" role="alert">
+    <div class="alert alert-warning text-center" role="alert">
       Nitter is mostly dead! <a href="/rip">&gt;&gt;Read More&lt;&lt;</a>
     </div>
     <p><a href="/about">About</a></p>
@@ -55,11 +55,12 @@
             <td data-name="country">{{host.country}}</td>
             <td>
               {%- if host.is_bad_host -%}
-              <div title="Host known for blocking healthchecks">❓</div>
+              <div title="Host known for blocking healthchecks"><span role="img"
+                  aria-label="unknown if healthy">❓</span></div>
               {%- elif host.healthy -%}
-              ✅
+              <span role="img" aria-label="healthy">✅</span>
               {%- else -%}
-              ❌
+              <span role="img" aria-label="unhealthy">❌</span>
               {%- endif -%}
             </td>
             <td>
@@ -96,7 +97,8 @@
             </td>
             <td data-name="average">{%- if not host.__show_last_seen -%}{{host.ping_avg}}ms{% endif %}</td>
             <td>{{host.healthy_percentage_overall}}%</td>
-            <td data-name="rss">{% if host.rss -%} ✅ {%- else -%} ❌ {%- endif -%}</td>
+            <td data-name="rss">{% if host.rss -%} <span role="img" aria-label="no rss">✅</span> {%- else -%} <span
+                role="img" aria-label="has rss">❌</span> {%- endif -%}</td>
             {%- if host.healthy and not host.version -%}
             {%- set version = "Dmissing" -%}
             {%- elif host.version and not host.is_upstream -%}
diff --git a/server/templates/rip.html.j2 b/server/templates/rip.html.j2
index 6b0715e..cade987 100644
--- a/server/templates/rip.html.j2
+++ b/server/templates/rip.html.j2
@@ -13,6 +13,7 @@
     .dygraph-annotation {
       height: auto !important;
     }
+
     .dygraph-axis-label {
       color: white;
     }
@@ -43,11 +44,13 @@
 
     <p>Do note however, that this cannot and will not scale, and is in a legal grey-area. Proceed at your own risk.</p>
 
-    <p>See <a href="https://github.com/zedeus/nitter/wiki/Guest-Account-Branch-Deployment">here</a> for setting up
+    <p>See <a href="https://github.com/zedeus/nitter/wiki/Guest-Account-Branch-Deployment">here</a> and <a
+        href="https://github.com/sekai-soft/guide-nitter-self-hosting">here</a> for setting up
       Nitter if you feel brave enough and don't fear the command line.</p>
 
     <h2>But there are some instances ?</h2>
-    <p>Through the thankless work of some there is a tiny amount of instances left. These will be slow and can not expose
+    <p>Through the thankless work of some there is a tiny amount of instances left. These will be slow and can not
+      expose
       RSS to prevent the huge volume of bot attacks. The latter one also makes captchas and other anti-botting methods a
       requirement.</p>
     <div class="container">