Make the "ENABLE JAVASCRIPT" message more prominent.
continuous-integration/drone/push Build is passing Details
continuous-integration/drone/pr Build is passing Details

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> </head>
<body> <body>
<h1>Convert it all</h1> <h1>Convert it all</h1>
<noscript>This webpage lets you convert data and text to and from various formats. But <noscript class="noscript">
it requires you to <strong>enable Javascript</strong> to do so. So please turn it on in your This webpage lets you convert data and text to and from various formats. But it requires you to <strong>enable
Browser. You won't regret it! Javascript</strong> to do so. So please turn it on in your Browser. You won't regret it!
</noscript> </noscript>
<app-root> <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> </app-root>
</body> </body>
</html> </html>

View File

@ -30,6 +30,17 @@ h1 {
text-align: center; 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; text-align: center;
} }