Add typeracer score

assets/style/dark-mode.css

@@ -4,7 +4,7 @@
 }
 * {
     color: #EEE;
-	scrollbar-color: #424242 #212121;	
+	scrollbar-color: #424242 #212121;
 }
 body {
     *background-image: url("/assets/img/grass_dark.png");
@@ -77,3 +77,7 @@ body {
     display: none !important;
 }
 
+#typeracer-score {
+	filter: grayscale(1) invert(1);
+}
+

assets/style/main.css

@@ -242,6 +242,17 @@ h1, h2 {
     image-rendering: pixelated;
 }
 
+#typeracer-score {
+	float: right;
+	padding: 10px;
+}
+
+@media (max-width: 500px) {
+	#typeracer-score {
+		display: none;
+	}
+}
+
 /* Fixes */
 
 /* IE 9-11 has a bug which makes the ch css unit unusable, this will make it use the inputs size attribute instead */

index.php

@@ -18,6 +18,12 @@
 					<main>
 
 						<div class="section container">
+							<div id="typeracer-score">
+								<a href="https://data.typeracer.com/pit/profile?user=reimarpb&universe=play&ref=badge" target="_blank">
+									<img src="https://data.typeracer.com/misc/badge?user=reimarpb" border="0" alt="TypeRacer.com scorecard for user reimarpb" loading="lazy" />
+								</a>
+							</div>
+
 							<h1>Welcome</h1>
 
 							<p>
@@ -44,7 +50,13 @@
 							</a>
 							<br>
 
-							<center>
+							<img class="icon" src="https://git.reim.ar/assets/img/favicon.png" alt="Gitea" width="16" height="16">
+							<a href="https://git.reim.ar/Reimar" target="_blank" title="Gitea">
+								Gitea
+							</a>
+							<br>
+
+							<center style="clear: both;">
 								<b style="letter-spacing: 0.1em;">Mercantec Webring:</b>
 								<br>
 								<a href="https://tpho.dk">tpho.dk</a>