Update donation page
gravel
1 year ago
parent
e6c2dee6b2
commit
365692d5f1
GPG Key ID:
C0538F3C906B308F
@ -1,94 +0,0 @@
|
||||
<?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>
|
||||
@ -0,0 +1,136 @@
|
||||
<?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?>/support/">
|
||||
<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="Support — 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?>/support/">
|
||||
<title>Support — sessioncommunities.online</title>
|
||||
<style>
|
||||
h1, h2, h3 {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
.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);
|
||||
}
|
||||
}
|
||||
#qr-codes {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-around;
|
||||
}
|
||||
.qr-code {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.qr-code img {
|
||||
margin: auto;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<h1>Hi!</h1>
|
||||
|
||||
<h2 id="how-to-donate">Here's how to donate:</h2>
|
||||
|
||||
<p>Scroll down to see why it's important, and other ways to help.</p>
|
||||
|
||||
<ul>
|
||||
<li>Have <a target="_blank" href="https://getmonero.org" title="Monero cryptocurrency">Monero</a>, an anonymous digital currency. <a href="https://bitcoin.org" target="_blank" title="Bitcoin cryptocurrency">Bitcoin</a> works too.</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>
|
||||
|
||||
<div id="qr-codes">
|
||||
<div class="qr-code">
|
||||
<h3>Monero</h3>
|
||||
<img
|
||||
src="/assets/qr-codes/monero.png"
|
||||
>
|
||||
</div>
|
||||
<div class="qr-code">
|
||||
<h3>Bitcoin</h3>
|
||||
<img
|
||||
src="/assets/qr-codes/bitcoin.png"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2 id="other-ways">You can help in other ways:</h2>
|
||||
|
||||
<p>Show your friends that privacy isn't so bad, and</p>
|
||||
|
||||
<ul>
|
||||
<li>post about the site on social media (write what you think & include a link!), or</li>
|
||||
<li>share your favorite Community with friends using on-site buttons.</li>
|
||||
</ul>
|
||||
|
||||
<h2 id="why-donate">Why it's important:</h2>
|
||||
|
||||
<ul>
|
||||
<li>DuckDuckGo is being a pain right now<sup>1</sup>. A lot of my time goes into trying to get the site actually in front of people's eyeballs.</li>
|
||||
<li>Cryptocurrency donations save us a lot of work, since we can turn around and directly use them to pay for server costs.</li>
|
||||
<li><em>Pay-if-you-can</em> keeps resources free and private for the people who need it most.</li>
|
||||
<li>I love what I do. <a href="<?=$REPOSITORY_CANONICAL_URL?>/commits/branch/main" target="_blank">I provide the work</a>. <em>You</em> can make my work worth it.</li>
|
||||
</ul>
|
||||
|
||||
<sup>1</sup> — DuckDuckGo relies on Bing, which is failing to rank the the site properly. Especially the home page.
|
||||
|
||||
<p>
|
||||
Convinced? <a target="_blank" href="https://codeberg.org/gravel/gravel#support">Here</a>.
|
||||
</p>
|
||||
|
||||
<?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>
|
||||
Loading…
Reference in New Issue