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.
95 lines
2.6 KiB
PHP
95 lines
2.6 KiB
PHP
<?php
|
|
require_once '+getenv.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 lang="en">
|
|
<?php include "+components/page-head.php" ?>
|
|
|
|
<link rel="canonical" href="<?=$SITE_CANONICAL_URL?>/donate/">
|
|
<link rel="stylesheet" href="/css/common-dark.css">
|
|
<meta name="description" content="<?php
|
|
?>Support sessioncommunities.online development with donations if you have disposable income. <?php
|
|
?>We develop sessioncommunities.online to support the privacy mission.">
|
|
<meta property="og:title" content="Donate — sessioncommunities.online">
|
|
<meta property="og:description" content="<?php
|
|
?>sessioncommunities.online relies on donations for development and server costs. <?php
|
|
?>Help us redefine what it means to be sustainable and support our mission of improving the Session ecosystem!">
|
|
<meta property="og:type" content="article">
|
|
<meta property="og:url" content="<?=$SITE_CANONICAL_URL?>/donate/">
|
|
<title>Donate — sessioncommunities.online</title>
|
|
<style>
|
|
h1 {
|
|
font-family: monospace;
|
|
font-variant-ligatures: none;
|
|
}
|
|
.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>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 include "+components/footer.php"; ?>
|
|
|
|
<?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>
|