Show the about tab when JavaScript is off

This commit is contained in:
magmaus3 2023-07-25 14:48:24 +02:00
parent 5328ba1727
commit 460a2da2cd
Signed by: magmaus3
GPG key ID: 966755D3F4A9B251

View file

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