From 71248a7d23ad89dccd960740495f9e6405bd37a5 Mon Sep 17 00:00:00 2001
From: Reimar <mail@reim.ar>
Date: Wed, 5 Mar 2025 18:33:18 +0100
Subject: [PATCH] Add typeracer score

---
 assets/style/dark-mode.css |  6 +++++-
 assets/style/main.css      | 11 +++++++++++
 index.php                  | 14 +++++++++++++-
 3 files changed, 29 insertions(+), 2 deletions(-)

diff --git a/assets/style/dark-mode.css b/assets/style/dark-mode.css
index 5b00465..16c688d 100644
--- a/assets/style/dark-mode.css
+++ b/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);
+}
+
diff --git a/assets/style/main.css b/assets/style/main.css
index 56f757f..bb03592 100644
--- a/assets/style/main.css
+++ b/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 */
diff --git a/index.php b/index.php
index 14a1ad9..cace5f1 100644
--- a/index.php
+++ b/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>