Better browser warnings

src/index.html

@@ -19,7 +19,9 @@
 
 			<h1>FS Czech Quiz Tool</h1>
 
-			Only works in modern browsers.
+			<noscript><span class="warning">Please enable JavaScript</span></noscript>
+
+			<span id="browserwarning"><span class="warning">Please use a modern browser.</span></span>
 
 		</header>
 

src/main.js

@@ -485,6 +485,10 @@ window.onload = async function() {
 
 	console.log('onload')
 
+	var browserWarning = document.getElementById('browserwarning')
+
+	browserWarning.style.display = (() => 'none')()
+
 	var stateString = localStorage.getItem('state')
 
 	var urlId = idFromUrl()

src/style.css

@@ -37,6 +37,13 @@ main {
 	text-align: center;
 }
 
+.warning {
+	padding: 8px;
+	background: #FF6800;
+	font-weight: bold;
+	border-radius: 4px;
+}
+
 a {
 	color: inherit;
 }