improve a11y, about, styling

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>

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 -%}

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">