You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
81 lines
2.1 KiB
PHP
81 lines
2.1 KiB
PHP
<?php
|
|
$NUM_PARTICLES = 20;
|
|
$DELAYS = range(0, 240 - 1, 240 / $NUM_PARTICLES);
|
|
shuffle($DELAYS);
|
|
$PARTICLES = explode(" ", "$ 💵 💰 💸 💯");
|
|
function random_particle() {
|
|
global $PARTICLES;
|
|
$r = rand(0, count($PARTICLES) - 1);
|
|
return $PARTICLES[$r];
|
|
}
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<?php include "+components/page-head.php" ?>
|
|
|
|
<link rel="canonical" href="https://sessioncommunities.online/donate.html">
|
|
<title>Donate — sessioncommunities.online</title>
|
|
<style>
|
|
* { box-sizing: border-box; font-variant-ligatures: none; }
|
|
html { color: white; background-color: black; font-size: clamp(16px, 2vw, 24px); width: 100%; }
|
|
body { margin: 0; padding: 2rem; width: 100%; line-height: 1.5; }
|
|
a { color: hsl(210, 100%, 60%); }
|
|
.particle {
|
|
font-family: sans-serif;
|
|
font-weight: bold;
|
|
text-shadow: 0.5rem 0.1rem 0.1rem green;
|
|
font-size: 120px;
|
|
color: greenyellow;
|
|
z-index: -10;
|
|
position: fixed;
|
|
top: -2em;
|
|
filter: blur(5px);
|
|
transform: scaleX(1.25);
|
|
opacity: 0.5;
|
|
user-select: none;
|
|
animation: 240s infinite particle linear;
|
|
}
|
|
@keyframes particle {
|
|
from {
|
|
top: -2em;
|
|
}
|
|
25% {
|
|
top: calc(100vh + 2em);
|
|
}
|
|
to {
|
|
top: calc(100vh + 2em);
|
|
}
|
|
}
|
|
</style>
|
|
<body>
|
|
<h1 style="font-family: monospace">In Soviet Russia, donation page find you</h1>
|
|
|
|
<h2>How to donate:</h2>
|
|
|
|
<ul>
|
|
<li>Have <a target="_blank" href="https://getmonero.org">Monero</a>, an anonymous digital currency</li>
|
|
<li>Send some to <a target="_blank" href="https://codeberg.org/gravel/gravel#support">@gravel</a>, a pseudonymous digital pile of rocks</li>
|
|
</ul>
|
|
|
|
<h2>Why donate:</h2>
|
|
|
|
<ul>
|
|
<li>People seem to come here a lot</li>
|
|
<li>
|
|
Other <marquee>amazing</marquee> reasons (server costs, development priorities)
|
|
</li>
|
|
<li style="text-decoration: line-through">
|
|
I like money
|
|
</li>
|
|
</ul>
|
|
|
|
<?php for ($i=0; $i < $NUM_PARTICLES; $i++): ?>
|
|
<div
|
|
id="particle-<?=$i?>"
|
|
class="particle"
|
|
style="left: <?=$i / ($NUM_PARTICLES + 1) * 100?>vw; animation-delay: <?=$DELAYS[$i]?>s"
|
|
><?= random_particle() ?></div>
|
|
<?php endfor; ?>
|
|
</body>
|
|
</html>
|