feat: enhance browser error messaging

Improved the clarity and specificity of error messages presented to
users on incompatible browsers by directly mentioning "Incompatible
Browser" and referencing "your browser" rather than leaving the browser
name blank. Simplified the link tag for loading CSS to enhance code
readability. These changes aim to reduce user confusion during
incompatible browser scenarios and streamline troubleshooting.
This commit is contained in:
Kumi 2024-03-28 10:44:00 +01:00
parent 666da30c44
commit 7f2ed5b2e8
Signed by: kumi
GPG key ID: ECBCC9082395383F

View file

@ -6,27 +6,24 @@
-->
<head>
<title>Browser Error</title>
<link
rel="stylesheet"
href="./index.css"
/>
<link rel="stylesheet" href="./index.css" />
</head>
<body>
<div class="error-box hidden">
<h1 class="mb-4">
FATAL ERROR: <span class="browser"></span> Detected
FATAL ERROR: <span class="browser">Incompatible Browser</span> Detected
</h1>
<p class="mb-4">
Due to a bug in <span class="browser"></span>, this website is
temporarily inaccessible for anyone using the browser.
Due to a bug in <span class="browser">your browser</span>, this website
is temporarily inaccessible for anyone using this browser.
</p>
<p class="mb-4">
I apologize for the inaccessibility. As this site is now public I will
be revisiting this bug to try and find a workaround. If I fail, I
believe there is a PR currently in review for
<span class="browser"></span> that attempts to fix the regression.
Whether or not that will fix the bug is unknown. Updates will be posted
here.
<span class="browser">your browser</span> that attempts to fix the
regression. Whether or not that will fix the bug is unknown. Updates
will be posted here.
</p>
<p class="mb-4">
In the meantime if you want to access this site you will need to use a