From 460a2da2cdcd99831b4b413c5e63742fc4ef02b5 Mon Sep 17 00:00:00 2001
From: magmaus3 <magmaus3@disroot.org>
Date: Tue, 25 Jul 2023 14:48:24 +0200
Subject: [PATCH] Show the about tab when JavaScript is off

---
 index.html | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 9440a56..f3f99c9 100644
--- a/index.html
+++ b/index.html
@@ -152,7 +152,8 @@
                 background-color: rgba(255,255,255, 0.2);
             }
             a { color: cyan; text-decoration: none;}
-            #about {
+            #about, .noscript {
+                display: block;
                 max-width: 40rem;
             }
         </style>
@@ -161,8 +162,10 @@
         <main>
             <h1>infohash ↔ base64</h1>
             <noscript>
-                This tool requires JavaScript to function.
-                You can use DevTools in your browser to look at the code (it's intended to be easily readable).
+                <div class="noscript">
+                    <p>This tool requires JavaScript to function.</p>
+                    <p>You can use DevTools in your browser to look at the code (it's intended to be easily readable).</p>
+                </div>
             </noscript>
             <div class="tabBar">
                 <div onclick="switchTab('encode')" class="button leftButton">Encode</div>