Make the "ENABLE JAVASCRIPT" message more prominent.
All checks were successful
continuous-integration/drone/push Build is passing
continuous-integration/drone/pr Build is passing

This commit is contained in:
Manuel Friedli 2024-01-28 03:10:04 +01:00
parent 51850b2ad4
commit 361badecd2
Signed by: manuel
GPG key ID: 41D08ABA75634DA1
2 changed files with 16 additions and 5 deletions

View file

@ -11,12 +11,12 @@
</head>
<body>
<h1>Convert it all</h1>
<noscript>This webpage lets you convert data and text to and from various formats. But
it requires you to <strong>enable Javascript</strong> to do so. So please turn it on in your
Browser. You won't regret it!
<noscript class="noscript">
This webpage lets you convert data and text to and from various formats. But it requires you to <strong>enable
Javascript</strong> to do so. So please turn it on in your Browser. You won't regret it!
</noscript>
<app-root>
<div class="apploader">Please hold on, we're starting the turbines ...</div>
<div class="app_loader">Please hold on, we're starting the turbines ...</div>
</app-root>
</body>
</html>

View file

@ -30,6 +30,17 @@ h1 {
text-align: center;
}
.apploader {
.noscript {
border: 0.1em solid red;
border-radius: 1em;
display: block;
margin: 2em;
font-size: x-large;
padding: 1.5em;
text-align: center;
}
.app_loader {
margin: 2em;
text-align: center;
}