Compare commits

...

6 Commits

Author SHA1 Message Date
47fef8ebee
Fix deploy script 2025-03-05 18:34:35 +01:00
71248a7d23
Add typeracer score 2025-03-05 18:33:18 +01:00
779dfccf25
Fix formatting 2025-03-05 18:19:35 +01:00
6b8fae6062
Add temperature and webring to homepage 2025-03-05 18:19:04 +01:00
3e4d994416
Add deploy script 2025-03-05 17:59:31 +01:00
f447ed3081
Remove copypasta 2025-03-05 17:56:07 +01:00
5 changed files with 116 additions and 66 deletions

File diff suppressed because one or more lines are too long

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

3
deploy.sh Normal file
View File

@ -0,0 +1,3 @@
#!/bin/sh
rsync --exclude=\.git -r * reimar@192.168.0.4:/mnt/hdd/www/html

161
index.php
View File

@ -1,90 +1,123 @@
<?php
$age = (new DateTime("now"))->diff(DateTime::createFromFormat("Y-m-d", "2004-01-15"))->y;
$temp = str_replace("temp=", "", exec("/usr/bin/vcgencmd measure_temp"));
?>
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<?php require "inc/head.inc" ?>
</head>
<body>
</head>
<body>
<?php require "inc/nav.inc" ?>
<?php require "inc/nav.inc" ?>
<div id="main-and-sidebar" dir="rtl" class="inline-block">
<div id="main-and-sidebar" dir="rtl" class="inline-block">
<div id="main-wrapper" class="inline-block">
<div id="main" class="inline-block">
<main>
<div id="main-wrapper" class="inline-block">
<div id="main" class="inline-block">
<main>
<div class="section container">
<h1>Welcome</h1>
<span>I'm <?= $age == 18 ? "an" : "a" ?> <?= $age ?> year old programmer from Denmark</span>
<br>
<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>
<a href="https://www.linkedin.com/in/reimarpb/" target="_blank" title="LinkedIn">
<img class="icon" src="/assets/icons/linkedin.png" alt="LinkedIn" width="16" height="16"><!--
--></a>
<a href="https://github.com/ReimarPB" target="_blank" title="GitHub">
<picture class="dark">
<source type="image/svg+xml" srcset="/assets/icons/dark-mode/github.svg">
<img class="dark icon" src="/assets/icons/dark-mode/github.png" alt="GitHub">
</picture>
<picture class="light">
<source type="image/svg+xml" srcset="/assets/icons/light-mode/github.svg">
<img class="light icon" src="/assets/icons/light-mode/github.png" alt="GitHub">
</picture>
</a>
</div>
<h1>Welcome</h1>
<div class="section container">
<h1>Projects</h1>
<hr>
<img src="/assets/icons/popup-timer.ico" class="pixelated icon" alt="">
<b>Popup Timer</b>
<br>
<span>Have a timer or stopwatch in the corner of your screen, directly from within your browser</span>
<br>
<i><a href="https://popup-timer.reim.ar" target="_blank">Open in browser</a></i>
<p>
I'm <?= $age == 18 ? "an" : "a" ?> <?= $age ?> year old programmer from Denmark.<br>
This website is self-hosted on a Raspberry Pi. Server temperature: <b><?= $temp ?></b>
</p>
<hr>
<img class="icon" src="/assets/icons/linkedin.png" alt="LinkedIn" width="16" height="16">
<a href="https://www.linkedin.com/in/reimarpb/" target="_blank" title="LinkedIn">
LinkedIn
</a>
<br>
<img src="/assets/icons/gameoflife.ico" class="pixelated icon" alt="">
<b>Game of life</b>
<br>
<span>Conway's Game of Life created with the win32 API</span>
<br>
<i>
<a href="/assets/bin/gameoflife.exe">Download for Windows</a>
&bull;
<a href="https://github.com/ReimarPB/GameOfLife-Win32" target="_blank">View on GitHub</a>
</i>
<picture class="dark">
<source type="image/svg+xml" srcset="/assets/icons/dark-mode/github.svg">
<img class="dark icon" src="/assets/icons/dark-mode/github.png" alt="GitHub">
</picture>
<picture class="light">
<source type="image/svg+xml" srcset="/assets/icons/light-mode/github.svg">
<img class="light icon" src="/assets/icons/light-mode/github.png" alt="GitHub">
</picture>
<a href="https://github.com/ReimarPB" target="_blank" title="GitHub">
GitHub
</a>
<br>
<hr>
<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>
<img src="/assets/icons/reimtris.ico" class="icon" alt="">
<b>Reimtris</b>
<br>
<span>A Tetris clone written in Rust with epic background music</span>
<br>
<i>
<a href="/assets/bin/Reimtris.exe">Download for Windows</a>
&bull;
<a href="/assets/bin/Reimtris">Download for Linux</a>
</i>
<center style="clear: both;">
<b style="letter-spacing: 0.1em;">Mercantec Webring:</b>
<br>
<a href="https://tpho.dk">tpho.dk</a>
&bull;
<a href="https://sfja.dk">sfja.dk</a>
&bull;
<a href="https://mtkonge.dk">mtkonge.dk</a>
&bull;
<a href="https://handskemager.xyz">handskemager.xyz</a>
</center>
</div>
<div class="section container">
<h1>Projects</h1>
<hr>
<img src="/assets/icons/popup-timer.ico" class="pixelated icon" alt="">
<b>Popup Timer</b>
<br>
<span>Have a timer or stopwatch in the corner of your screen, directly from within your browser</span>
<br>
<i><a href="https://popup-timer.reim.ar" target="_blank">Open in browser</a></i>
<hr>
<img src="/assets/icons/gameoflife.ico" class="pixelated icon" alt="">
<b>Game of life</b>
<br>
<span>Conway's Game of Life created with the win32 API</span>
<br>
<i>
<a href="/assets/bin/gameoflife.exe">Download for Windows</a>
&bull;
<a href="https://github.com/ReimarPB/GameOfLife-Win32" target="_blank">View on GitHub</a>
</i>
<hr>
<img src="/assets/icons/reimtris.ico" class="icon" alt="">
<b>Reimtris</b>
<br>
<span>A Tetris clone written in Rust with epic background music</span>
<br>
<i>
<a href="/assets/bin/Reimtris.exe">Download for Windows</a>
&bull;
<a href="/assets/bin/Reimtris">Download for Linux</a>
</i>
</div>
</div>
</main>
</div>
</div><!--
</main>
</div>
</div><!--
--><?php require "inc/sidebar.inc" ?>
--><?php require "inc/sidebar.inc" ?>
</div>
</div>
<?php require "inc/background.inc" ?>
</body>
</body>
</html>