Add typeracer score

This commit is contained in:
Reimar 2025-03-05 18:33:18 +01:00
parent 779dfccf25
commit 71248a7d23
Signed by: Reimar
GPG Key ID: 93549FA07F0AE268
3 changed files with 29 additions and 2 deletions

View File

@ -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);
}

View File

@ -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 */

View File

@ -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>