Reimar/website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: Reimar:master
Branches Tags
Reimar:master
Reimar:articles
Reimar:revamp
..
compare: Reimar:articles
Branches Tags
Reimar:master
Reimar:articles
Reimar:revamp

1 Commits
master ... articles

Author SHA1 Message Date
Reimar
81f1819d3a
Add support for articles 2023-12-31 12:08:15 +01:00
14 changed files with 142 additions and 145 deletions
Show Stats Expand all files Collapse all files

7
.gitmodules vendored
View File

@ -1,10 +1,3 @@
[submodule "tools/url-editor"] [submodule "tools/url-editor"]
path = tools/url-editor path = tools/url-editor
url = https://git.reim.ar/Reimar/url-editor url = https://git.reim.ar/Reimar/url-editor
[submodule "tools/cpr-nummer"]
path = tools/cpr-nummer
url = https://git.reim.ar/Reimar/cpr-nummer
[submodule "tools/whatsapp-send"]
path = tools/whatsapp-send
url = https://git.reim.ar/Reimar/whatsapp-send

1
07_27_1978.txt Normal file
View File

File diff suppressed because one or more lines are too long

12
about/index.php
View File

@ -15,19 +15,11 @@
<div class="section container"> <div class="section container">
<h1>Contact</h1> <h1>Contact</h1>
<picture>
<source type="image/svg+xml" srcset="/assets/icons/email.svg">
<img class="icon" src="/assets/icons/email.png" alt="">
</picture>
<span>Email: </span>
<a href="mailto:?to=Reimar%20<%6D%61%69%6C%40%72%65%69%6D%2E%61%72>">&#109;&#97;&#105;&#108;&commat;&#114;&#101;&#105;&#109;&period;&#97;&#114;</a>
<br>
<picture> <picture>
<source type="image/svg+xml" srcset="/assets/icons/discord.svg"> <source type="image/svg+xml" srcset="/assets/icons/discord.svg">
<img class="icon" src="/assets/icons/discord.png" alt=""> <img class="icon" src="/assets/icons/discord.png" alt="">
</picture> </picture>
<span>Discord: reimarpb</span> <span>Discord: &#82;&#101;&#105;&#109;&#97;&#114;&#80;&#66;&#35;&#53;&#55;&#51;&#54;</span>
<br> <br>
<picture> <picture>
@ -35,7 +27,7 @@
<img class="icon" src="/assets/icons/xmpp.png" alt=""> <img class="icon" src="/assets/icons/xmpp.png" alt="">
</picture> </picture>
<span>XMPP:</span> <span>XMPP:</span>
<a href="xmpp://%72%65%69%6D%61%72%40%72%65%69%6D%2E%61%72">&#114;&#101;&#105;&#109;&#97;&#114;&commat;&#114;&#101;&#105;&#109;&period;&#97;&#114;</a> <a href="xmpp://%72%65%69%6D%61%72%40%72%65%69%6D%2E%61%72">&#114;&#101;&#105;&#109;&#97;&#114;@&#114;&#101;&#105;&#109;.&#97;&#114;</a>
<br> <br>
<picture> <picture>

40
articles/index.php Normal file
View File

@ -0,0 +1,40 @@
<!DOCTYPE html>
<html>
<head>
<?php require "../inc/head.inc" ?>
</head>
<body>
<?php require "../inc/nav.inc" ?>
<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 class="section container">
<h1>Articles</h1>
This is a collection of articles written by me and my friends
</div>
<div class="section container">
<?php $articles = json_decode(file_get_contents("../data/articles.json")) ?>
<?php foreach ($articles as $i=>$article): ?>
<a class="reverse-link" href="/articles/<?= $article->slug ?>">
<h2 style="margin: 0"><?= $article->title ?></h2>
</a>
by <?= $article->author ?> &bull; <i>written <?= $article->created ?></i>
<?php if ($i != count($articles) - 1): ?><hr><?php endif ?>
<?php endforeach ?>
</div>
</main>
</div>
</div><!--
--><?php require "../inc/sidebar.inc" ?>
</div>
<?php require "../inc/background.inc" ?>
</body>
</html>

BIN
assets/icons/email.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 672 B

5
assets/icons/email.svg
View File

@ -1,5 +0,0 @@
<svg version="1.1" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<polygon points="0 15 100 15 50 45" fill="#BDBDBD" />
<polygon points="0 22 50 52 100 22 100 85 0 85" fill="#BDBDBD" />
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 207 B

6
assets/style/dark-mode.css
View File

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

32
assets/style/main.css
View File

@ -27,12 +27,15 @@ body {
-webkit-transition: all 0.2s linear, width 0s; -webkit-transition: all 0.2s linear, width 0s;
-moz-transition: all 0.2s linear, width 0s; -moz-transition: all 0.2s linear, width 0s;
} }
a {
outline: none;
}
a:hover { a:hover {
text-decoration: none; text-decoration: none;
} }
a.reverse-link {
text-decoration: none;
}
a.reverse-link:hover {
text-decoration: underline;
}
.loading, .loading * { .loading, .loading * {
cursor: wait !important; cursor: wait !important;
} }
@ -242,18 +245,6 @@ h1, h2 {
image-rendering: pixelated; image-rendering: pixelated;
} }
#typeracer-score {
float: right;
padding: 10px;
z-index: 1;
}
@media (max-width: 500px) {
#typeracer-score {
display: none;
}
}
/* Fixes */ /* Fixes */
/* IE 9-11 has a bug which makes the ch css unit unusable, this will make it use the inputs size attribute instead */ /* IE 9-11 has a bug which makes the ch css unit unusable, this will make it use the inputs size attribute instead */
@ -277,3 +268,14 @@ object {
img { img {
border: none; /* Fix ico images on internet explorer */ border: none; /* Fix ico images on internet explorer */
} }
@media print {
#grass, .light.tree, .dark.tree {
display: none !important;
}
.container {
background-color: red !important;
}
}

15
data/articles.json Normal file
View File

@ -0,0 +1,15 @@
[
{
"author": "Reimar",
"title": "Test",
"slug": "test",
"created": "2022-08-15"
},
{
"author": "Reimar",
"title": "Test",
"slug": "test",
"created": "2022-08-15"
}
]

3
deploy.sh
View File

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

3
inc/nav.inc
View File

@ -4,7 +4,8 @@
$links = [ $links = [
["/", "Home"], ["/", "Home"],
["/about", "About"] ["/articles", "Articles"],
["/about", "About"],
]; ];
$path = parse_url("http://test" . $_SERVER["REQUEST_URI"])["path"]; $path = parse_url("http://test" . $_SERVER["REQUEST_URI"])["path"];

161
index.php
View File

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

1
tools/cpr-nummer

@ -1 +0,0 @@
Subproject commit 50fac57116765df8a8470a1e6e57785e20e1ebe2

1
tools/whatsapp-send

@ -1 +0,0 @@
Subproject commit c4b556bde4858654212e6428bbefa7162904b883