Remove chrome blue highlight and outline + some accessibility improvements

* TODO: test more elements in all UI for better accessibility

web/src/app/css/base.css

@@ -86,3 +86,17 @@ body {
 	from { left: -200px; opacity: .5 }
 	to   { left: 0; opacity: 1 }
 }
+
+*[onclick], *[href] {
+	-webkit-tap-highlight-color: transparent;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+}
+*[onclick]:focus,
+*[href]:focus {
+	outline: none !important;
+}

web/src/app/js/app.js

@@ -90,6 +90,7 @@ app.template = {
 					tpl = tpl.replaceAll('{.'+k+'}',v);
 			}
 		}
+		tpl = tpl.replaceAll('onEnter="', 'onkeyup="if (event.key === \'Enter\') ');
 		return tpl;
 	},
 }

web/src/app/js/templates/home/quiz_item.html

@@ -1,5 +1,7 @@
 <div class="item button dark rounder" data-id="{._id}"
-	onclick="app.pages.home.loadQuiz('{.id}')">
+	onclick="app.pages.home.loadQuiz('{.id}')"
+	onEnter="app.pages.home.loadQuiz('{.id}')"
+	tabindex="0">
 	<div class="flex">
 		<div><div class="avatar round">
 			<img class="round" src="{.from.avatar.url}"/>