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

Compare commits

base: Reimar:d0aa70d8c3c0e66aae23f15f9d8c1d58ddda651f
Branches Tags
Reimar:master
Reimar:articles
Reimar:revamp
..
compare: Reimar:0ac3c438e6c60dcda5fdf13daa3fa7ae7f46b8df
Branches Tags
Reimar:master
Reimar:articles
Reimar:revamp

No commits in common. "d0aa70d8c3c0e66aae23f15f9d8c1d58ddda651f" and "0ac3c438e6c60dcda5fdf13daa3fa7ae7f46b8df" have entirely different histories.
d0aa70d8c3 ... 0ac3c438e6

22 changed files with 139 additions and 192 deletions
Show Stats Expand all files Collapse all files

3
.gitmodules vendored
View File

@ -1,3 +0,0 @@
[submodule "tools/url-editor"]
path = tools/url-editor
url = https://git.reim.ar/Reimar/url-editor

6
.well-known/host-meta
View File

@ -1,6 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<XRD xmlns="http://docs.oasis-open.org/ns/xri/xrd-1.0">
<Link rel="urn:xmpp:alt-connections:xbosh" href="https://reim.ar:5281/http-bind" />
<Link rel="urn:xmpp:alt-connections:websocket" href="wss://reim.ar:5281/xmpp-websocket" />
</XRD>

6
.well-known/host-meta.json
View File

@ -1,6 +0,0 @@
{
"links": [
{ "rel": "urn:xmpp:alt-connections:xbosh", "href": "https://reim.ar:5281/http-bind" },
{ "rel": "urn:xmpp:alt-connections:websocket", "href": "wss://reim.ar:5281/xmpp-websocket" }
]
}

11
about/index.php
View File

@ -1,11 +1,11 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<?php require "../inc/head.inc" ?> <? require "../inc/head.inc" ?>
</head> </head>
<body> <body>
<?php require "../inc/nav.inc" ?> <? require "../inc/nav.inc" ?>
<div id="main-and-sidebar" class="inline-block"> <div id="main-and-sidebar" class="inline-block">
@ -34,8 +34,7 @@
<source type="image/svg+xml" srcset="/assets/icons/matrix.svg"> <source type="image/svg+xml" srcset="/assets/icons/matrix.svg">
<img class="icon" src="/assets/icons/matrix.png" alt=""> <img class="icon" src="/assets/icons/matrix.png" alt="">
</picture> </picture>
<span>Matrix: </span> <span>Matrix: @reimar:reim.ar</span>
<a href="https://matrix.to/#/@reimar:reim.ar" target="_blank">@reimar:reim.ar</a>
<br><br> <br><br>
<h1>Donate</h1> <h1>Donate</h1>
@ -73,11 +72,11 @@
</div> </div>
</div><!-- </div><!--
--><?php require "../inc/sidebar.inc" ?> --><? require "../inc/sidebar.inc" ?>
</div> </div>
<?php require "../inc/background.inc" ?> <? require "../inc/background.inc" ?>
</body> </body>
</html> </html>

BIN
assets/bin/mcstatus
View File

Binary file not shown.

2
assets/icons/light-mode/theme-auto.svg
View File

@ -4,5 +4,5 @@
<rect x="0" y="0" width="50" height="100" fill="white" /> <rect x="0" y="0" width="50" height="100" fill="white" />
</mask> </mask>
<circle cx="50" cy="50" r="50" fill="black" mask="url(#mask)" /> <circle cx="50" cy="50" r="50" fill="black" mask="url(#mask)" />
<circle cx="50" cy="50" r="45" fill-opacity="0" stroke="currentColor" stroke-width="10" /> <circle cx="50" cy="50" r="45" fill-opacity="0" stroke="black" stroke-width="10" />
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 373 B

After

Width:  |  Height:  |  Size: 366 B

BIN
assets/script/.theme.js.swp Normal file
View File

Binary file not shown.

6
assets/script/compatibility.js
View File

@ -1,5 +1,3 @@
// @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-3.0
if (!document.getElementsByClassName) { if (!document.getElementsByClassName) {
document.getElementsByClassName = function(className) { document.getElementsByClassName = function(className) {
@ -83,6 +81,4 @@ if(window.opera && Object.defineProperty) {
} }
} }
}); });
} }
// @license-end

4
assets/script/inline-code.js
View File

@ -1,5 +1,3 @@
// @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-3.0
window.addEventListener("load", function() { window.addEventListener("load", function() {
// Get list of inline code elements // Get list of inline code elements
@ -91,5 +89,3 @@ function inputDeselect(input) {
if (input.blur) input.blur(); if (input.blur) input.blur();
else input.setSelectionRange(0, 0); else input.setSelectionRange(0, 0);
} }
// @license-end

6
assets/script/navigation.js
View File

@ -1,5 +1,3 @@
// @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-3.0
window.addEventListener("load", makeLinksDynamic, false); window.addEventListener("load", makeLinksDynamic, false);
function makeLinksDynamic() { function makeLinksDynamic() {
@ -63,6 +61,4 @@ function loadUrl(href, callback) {
xhr.open("GET", href); xhr.open("GET", href);
xhr.send(); xhr.send();
} }
// @license-end

100
assets/script/theme.js
View File

@ -1,5 +1,3 @@
// @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-3.0
// Enable transitions between themes without reloading page // Enable transitions between themes without reloading page
var Themes = { var Themes = {
@ -8,6 +6,8 @@ var Themes = {
DARK: "dark" DARK: "dark"
}; };
var jsTheme;
window.addEventListener("load", function() { window.addEventListener("load", function() {
var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
@ -15,24 +15,24 @@ window.addEventListener("load", function() {
// Add trees // Add trees
if (!document.querySelector(".tree")) { if (!document.querySelector(".tree")) {
for (var x = 0; x < width; x += 240) { for (var x = 0; x < width; x += 240) {
var left = x + Math.floor(Math.random() * 240 / 2); var left = x + Math.floor(Math.random() * 240 / 2);
var bottom = Math.floor(Math.random() * 150); var bottom = Math.floor(Math.random() * 150);
var img = document.createElement("img");
for (var i = 0; i < 2; i++) { img.className = "tree";
var theme = ["light", "dark"][i]; img.height = 300;
var img = document.createElement("img"); img.alt = "";
img.src = "/assets/img/tree_" + theme + (window.SVGElement ? ".svg" : ".png"); img.style.position = "fixed";
img.className = theme + " tree"; img.style.left = left + "px";
img.height = 300; img.style.bottom = bottom + "px";
img.alt = ""; document.body.appendChild(img);
img.style.position = "fixed";
img.style.left = left + "px";
img.style.bottom = bottom + "px";
document.body.appendChild(img);
}
} }
} }
// Apply current theme
var themeCookie = document.cookie.match(/theme=([a-z]+)/i);
if (themeCookie) applyTheme(themeCookie[1], true);
else applyPreferredTheme(true);
// Add click listener to theme buttons // Add click listener to theme buttons
var themeBtns = document.getElementsByClassName("theme-btn"); var themeBtns = document.getElementsByClassName("theme-btn");
for (var i = 0; i < themeBtns.length; i++) { for (var i = 0; i < themeBtns.length; i++) {
@ -53,16 +53,15 @@ window.addEventListener("load", function() {
// Apply theme changes // Apply theme changes
if (theme === Themes.AUTO) { if (theme === Themes.AUTO) {
document.cookie = "theme=; expires=Tue, 19 Jan 2038 03:14:08 GMT"; document.cookie = "theme=; expires=Tue, 19 Jan 2038 03:14:08 GMT";
applyPreferredTheme(false);
} else { } else {
document.cookie = "theme=" + theme + "; expires=Tue, 19 Jan 2038 03:14:08 GMT" document.cookie = "theme=" + theme + "; expires=Tue, 19 Jan 2038 03:14:08 GMT"
applyTheme(theme, false);
} }
// Enable / disable the right stylesheets // Set new selected button
var themeStyles = document.getElementsByClassName("theme-style"); deselectThemeButton(document.querySelector(".theme-btn.selected"));
for (var i = 0; i < themeStyles.length; i++) { selectThemeButton(target);
themeStyles[i].disabled = true;
if (themeStyles[i].getAttribute("data-theme") === theme) themeStyles[i].disabled = false;
}
// Force redrawing of containers because of a bug in IE8 // Force redrawing of containers because of a bug in IE8
var containers = document.getElementsByClassName("container"); var containers = document.getElementsByClassName("container");
@ -71,6 +70,57 @@ window.addEventListener("load", function() {
} }
} }
}, false); // Automatically computes the preferred theme and calls applyTheme() with it
function applyPreferredTheme(firstTime) {
var preferredTheme = ("matchMedia" in window && matchMedia("(prefers-color-scheme: dark)").matches) ? Themes.DARK : Themes.LIGHT;
applyTheme(preferredTheme, firstTime);
}
// @license-end function applyTheme(theme, firstTime) {
if (jsTheme && jsTheme.href.match(theme)) return;
// Set trees
var trees = document.getElementsByClassName("tree");
for (var i = 0; i < trees.length; i++) {
trees[i].src = "/assets/img/tree_" + theme + (window.SVGElement ? ".svg" : ".png");
}
if (!firstTime) {
if (jsTheme) document.head.removeChild(jsTheme);
jsTheme = document.createElement("link");
jsTheme.rel = "stylesheet";
jsTheme.href = "/assets/style/" + theme + "-mode.css";
document.head.appendChild(jsTheme);
if (window.linkOnloadSupported) {
document.body.className += " loading";
jsTheme.onload = function () {
document.body.className = document.body.className.replace(/\s*loading/g, "");
var themeStyles = document.getElementsByClassName("theme-style");
for (var i = 0; i < themeStyles.length; i++) {
document.head.removeChild(themeStyles[i]);
}
}
}
}
}
// Functions to select/deselect a theme button
function selectThemeButton(themeBtn) {
if (themeBtn.textContent) themeBtn.textContent += " ✓";
else themeBtn.innerText += " ✓";
themeBtn.className += "selected";
}
function deselectThemeButton(themeBtn) {
if (themeBtn.textContent) themeBtn.textContent = themeBtn.textContent.replace(" ✓", "");
else themeBtn.innerText = themeBtn.innerText.replace(" ✓", "");
themeBtn.className = themeBtn.className.replace("selected", "");
}
}, false);

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

@ -20,15 +20,6 @@ body {
color: #212121; color: #212121;
} }
/* Theme buttons */
#dark-theme .theme-check {
display: inline;
}
#dark-theme .theme-btn {
text-decoration: none;
cursor: default;
}
/* Background */ /* Background */
#grass { #grass {
background-color: #265728; background-color: #265728;
@ -75,5 +66,4 @@ body {
} }
.light { .light {
display: none !important; display: none !important;
} }

23
assets/style/detect-dark-mode.css
View File

@ -3,27 +3,4 @@
Dark mode can be forced by importing the CSS file below in the HTML Dark mode can be forced by importing the CSS file below in the HTML
Light mode can be forced by not loading this file at all Light mode can be forced by not loading this file at all
*/ */
@import "/assets/style/light-mode.css";
@import "/assets/style/dark-mode.css" (prefers-color-scheme: dark); @import "/assets/style/dark-mode.css" (prefers-color-scheme: dark);
/* Theme buttons */
/* Shouldn't be overriden by the detected theme */
.theme-btn {
padding-left: 3px !important;
text-decoration: underline !important;
cursor: pointer !important;
}
.theme-btn:hover {
text-decoration: none !important;
}
.theme-check {
display: none !important;
}
#auto-theme .theme-check {
display: inline !important;
}
#auto-theme .theme-btn {
text-decoration: none !important;
cursor: default !important;
}

12
assets/style/light-mode.css
View File

@ -20,15 +20,6 @@ body {
color: #EEE; color: #EEE;
} }
/* Theme buttons */
#light-theme .theme-check {
display: inline;
}
#light-theme .theme-btn {
text-decoration: none;
cursor: default;
}
/* Background */ /* Background */
#grass { #grass {
background-color: #4CAF50; background-color: #4CAF50;
@ -75,5 +66,4 @@ body {
} }
.dark { .dark {
display: none !important; display: none !important;
} }

23
assets/style/main.css
View File

@ -92,20 +92,13 @@ a:hover {
text-align: left; text-align: left;
line-height: 1.5; line-height: 1.5;
} }
/* Theme buttons */
.theme-btn { .theme-btn {
padding-left: 3px; padding-left: 3px;
text-decoration: underline;
cursor: pointer;
} }
.theme-btn:hover { .theme-btn.selected {
text-decoration: none; text-decoration: none;
cursor: default;
} }
.theme-check {
display: none;
}
/* Main section */ /* Main section */
#main-and-sidebar { #main-and-sidebar {
@ -214,14 +207,6 @@ h1, h2 {
float: right; float: right;
} }
.light, .dark {
display: none;
}
.icon-wrapper {
display: inline-block;
width: 1em;
}
.icon { .icon {
-ms-interpolation-mode: nearest-neighbor; -ms-interpolation-mode: nearest-neighbor;
display: inline-block; display: inline-block;
@ -264,4 +249,4 @@ object {
} }
img { img {
border: none; /* Fix ico images on internet explorer */ border: none; /* Fix ico images on internet explorer */
} }

6
background/index.php
View File

@ -1,9 +1,9 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<?php require "../inc/head.inc" ?> <? require "../inc/head.inc" ?>
</head> </head>
<body> <body>
<?php require "../inc/background.inc" ?> <? require "../inc/background.inc" ?>
</body> </body>
</html> </html>

11
inc/head.inc
View File

@ -7,9 +7,14 @@
<meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta http-equiv="X-UA-Compatible" content="IE=Edge">
<title>Reimar</title> <title>Reimar</title>
<link rel="stylesheet" href="/assets/style/main.css" onload="linkOnloadSupported = true"> <link rel="stylesheet" href="/assets/style/main.css" onload="linkOnloadSupported = true">
<link class="theme-style" rel="<?= $_COOKIE["theme"] ? "alternate " : "" ?>stylesheet" href="assets/style/detect-dark-mode.css" data-theme="auto" title="Auto"> <? if ($_COOKIE["theme"] == "dark") : ?>
<link class="theme-style" rel="<?= $_COOKIE["theme"] != "light" ? "alternate " : "" ?>stylesheet" href="/assets/style/light-mode.css" data-theme="light" title="Light"> <link class="theme-style" rel="stylesheet" href="/assets/style/dark-mode.css">
<link class="theme-style" rel="<?= $_COOKIE["theme"] != "dark" ? "alternate " : "" ?>stylesheet" href="/assets/style/dark-mode.css" data-theme="dark" title="Dark"> <? else : ?>
<link class="theme-style" rel="stylesheet" href="/assets/style/light-mode.css">
<? endif ?>
<? if (!$_COOKIE["theme"]) : ?>
<style>@import "/assets/style/dark-mode.css" (prefers-color-scheme: dark)</style>
<? endif ?>
<!--[if lt IE 6]><style>.container { box-shadow: none !important; }</style><![endif]--> <!--[if lt IE 6]><style>.container { box-shadow: none !important; }</style><![endif]-->
<!--[if lte IE 9]> <!--[if lte IE 9]>
<script src="/assets/script/compatibility.js"></script> <script src="/assets/script/compatibility.js"></script>

39
inc/sidebar.inc
View File

@ -3,26 +3,29 @@
<aside> <aside>
<div class="section container" style="font-size: 14px;"> <div class="section container" style="font-size: 14px;">
<h2>Theme</h2> <h2>Theme</h2>
<?php foreach (["auto", "light", "dark"] as $theme): ?> <?php
<div class="icon-wrapper"> // List of themes and a condition to test if it's deselected (!)
<picture class="light"> $themes = [
<source type="image/svg+xml" srcset="/assets/icons/light-mode/theme-<?= $theme ?>.svg"> "auto" => $_COOKIE["theme"],
<img class="icon" src="/assets/icons/light-mode/theme-<?= $theme ?>.png" alt=""> "light" => $_COOKIE["theme"] != "light",
</picture> "dark" => $_COOKIE["theme"] != "dark"
<picture class="dark"> ];
<source type="image/svg+xml" srcset="/assets/icons/dark-mode/theme-<?= $theme ?>.svg"> ?>
<img class="icon" src="/assets/icons/dark-mode/theme-<?= $theme ?>.png" alt=""> <?php foreach ($themes as $name=>$condition): ?>
</picture> <picture class="light">
</div> <source type="image/svg+xml" srcset="/assets/icons/light-mode/theme-<?= $name ?>.svg">
<span id="<?= $theme ?>-theme"> <img class="icon" src="/assets/icons/light-mode/theme-<?= $name ?>.png" alt="">
<a class="theme-btn" data-theme="<?= $theme ?>" href="/api/set_theme/<?= $name ?>.php"> </picture>
<?= ucwords($theme) ?> <picture class="dark">
</a> <source type="image/svg+xml" srcset="/assets/icons/dark-mode/theme-<?= $name ?>.svg">
<span class="theme-check">&#10003;</span> <img class="icon" src="/assets/icons/dark-mode/theme-<?= $name ?>.png" alt="">
</span> </picture>
<a class="theme-btn <?= $condition ? "" : "selected" ?>" data-theme="<?= $name ?>" href="/api/set_theme/<?= $name ?>.php">
<?= ucwords($name) . ($condition ? "" : " &#10003;") ?>
</a>
<br> <br>
<?php endforeach; ?> <?php endforeach; ?>
</div> </div>
</aside> </aside>
</div> </div>
</div> </div>

10
index.php
View File

@ -4,11 +4,11 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<?php require "inc/head.inc" ?> <? require "inc/head.inc" ?>
</head> </head>
<body> <body>
<?php require "inc/nav.inc" ?> <? require "inc/nav.inc" ?>
<div id="main-and-sidebar" dir="rtl" class="inline-block"> <div id="main-and-sidebar" dir="rtl" class="inline-block">
@ -44,7 +44,7 @@
<br> <br>
<span>Have a timer or stopwatch in the corner of your screen, directly from within your browser</span> <span>Have a timer or stopwatch in the corner of your screen, directly from within your browser</span>
<br> <br>
<i><a href="https://popup-timer.reim.ar" target="_blank">Open in browser</a></i> <i><a href="https://popup-timer.reimarpb.com" target="_blank">Open in browser</a></i>
<hr> <hr>
@ -80,11 +80,11 @@
</div> </div>
</div><!-- </div><!--
--><?php require "inc/sidebar.inc" ?> --><? require "inc/sidebar.inc" ?>
</div> </div>
<?php require "inc/background.inc" ?> <? require "inc/background.inc" ?>
</body> </body>
</html> </html>

9
opener/iframe.html
View File

@ -1,9 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Opener</title>
</head>
<body>
<iframe src="index.php" width="500" height="800"></iframe>
</body>
</html>

41
opener/index.php
View File

@ -18,26 +18,19 @@
<script> <script>
window.onload = function() { window.onload = function() {
if (window.opener) { if (window.opener) {
document.getElementById("opener").innerText = window.opener.location || window.opener; document.getElementById("opener").innerText = window.opener;
document.getElementById("opener").className = "green"; document.getElementById("opener").className = "green";
} else { } else {
document.getElementById("opener").innerText = "Null"; document.getElementById("opener").innerText = "Null";
} }
if (window.name) { if (window.name) {
document.getElementById("name").innerText = window.name; document.getElementById("name").innerText = window.name;
document.getElementById("name").className = "green"; document.getElementById("name").className = "green";
} else { } else {
document.getElementById("name").innerText = "Empty String"; document.getElementById("name").innerText = "Empty String";
} }
if (document.referrer) {
document.getElementById("referrer").innerText = document.referrer;
document.getElementById("referrer").className = "green";
} else {
document.getElementById("referrer").innerText = "Empty string";
}
} }
</script> </script>
@ -48,14 +41,6 @@
<h2>JavaScript</h2> <h2>JavaScript</h2>
&emsp;window.opener: <span id="opener" class="grey">Enable JavaScript</span> &emsp;window.opener: <span id="opener" class="grey">Enable JavaScript</span>
<br><br> <br><br>
&emsp;document.referrer: <span id="referrer" class="grey">Enable JavaScript</span>
<br><br>
&emsp;window.name: <span id="name" class="grey">Enable JavaScript</span> &emsp;window.name: <span id="name" class="grey">Enable JavaScript</span>
<h2>Test yourself</h2>
&emsp;<a href="#" onclick="window.open(location.href)">window.open()</a>
<br><br>
&emsp;<a href="/opener">&lt;a&gt;</a>
<br><br>
&emsp;<a href="/opener/iframe.html">&lt;iframe&gt;</a>
</body> </body>
</html> </html>

1
tools/url-editor

@ -1 +0,0 @@
Subproject commit 7327876db294ffe2febee1f9ef3ba76e92bfe895