Added donation form

This commit is contained in:
DeathByDenim 2022-03-09 07:24:03 -05:00
parent 0eb30e325f
commit 33589a8063
Signed by: DeathByDenim
GPG Key ID: 4A475283D925365B
2 changed files with 77 additions and 4 deletions

View File

@ -46,10 +46,16 @@
<p>Next event is Saturday 19 March 2022, 14:00 UTC<script>d=new Date("Sat, 19 Mar 2022 14:00:00 UTC");document.writeln(" ("+ Intl.DateTimeFormat(undefined, {hour: '2-digit', minute: '2-digit', timeZoneName: 'short'}).format(d) + ")")</script>, see <a href="schedule.html">schedule</a>.</p>
<p>
Additionally, I am running a fundraiser to help the people suffering
from the war in Ukraine 🇺🇦. I will match your donation (up to $500 total)
and additionally, the government of Canada 🇨🇦 will match mine until 18 March. So,
that's triple the value for any donation you make. It doesn't have
to be to the Canadian Red Cross, you probably have a local equivalent.
from the war in Ukraine &#x1F1FA;&#x1F1E6;. I will match your donation
(up to $500 total) and additionally, the government of Canada
&#x1F1E8;&#x1F1E6; will match mine until 18 March. So, that's triple
the value for any donation you make. It doesn't have to be to the
Canadian Red Cross, you probably have a local equivalent.
</p>
<p>
<em>UPDATE (2022-03-08)</em>: Canada reached the $10M already so they are not
doubling anymore. I'll still double but this means your amount won't
count as triple anymore.
</p>
<p>
Donations are based on the honour system since dealing with money
@ -60,6 +66,26 @@
<a href="mailto:jarno@jarno.ca">e-mail</a> or in the Matrix/XMPP
channels listed below.
</p>
<p>
You can also use this form. Simply don't fill in your name if you
wish to remain anonymous.
<form action="donate" method="post">
<div class="row g-4 align-items-center">
<div class="col-auto">
<input type="text" class="form-control" name="name" placeholder="Your name">
</div>
<div class="col-auto">
<input type="text" required name="currency" placeholder="Currency such as CAD or EUR">
</div>
<div class="col-auto">
<input type="number" required name="amount" step="0.01" min="0" placeholder="Amount">
</div>
<div class="col-auto">
<input type="submit" value="Submit">
</div>
</div>
</form>
</p>
<p>
And of course you don't have to donate to join the event!
</p>

47
website/thanks.html Normal file
View File

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>onFOSS-LAN</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/serverstats.css">
<link rel="icon" href="icon.svg" sizes="any" type="image/svg+xml">
<script src="https://d3js.org/d3.v7.min.js"></script>
<script src="js/serverstats.js"></script>
</head>
<body>
<nav class="container">
<header class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom">
<a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
<img class="bi me-2" width="40" height="32" src="img/blackmage.svg" alt="Site icon">
<span class="fs-4">onFOSS-LAN hosted by HOSTEDBYNAME</span>
</a>
<ul class="nav nav-pills">
<li class="nav-item"><a href="index.html" class="nav-link" aria-current="page">Home</a></li>
<li class="nav-item"><a href="tournament.html" class="nav-link">Tournament</a></li>
<li class="nav-item"><a href="schedule.html" class="nav-link">Schedule</a></li>
<li class="nav-item"><a href="help.html" class="nav-link">Help</a></li>
<li class="nav-item"><a href="admin.html" class="nav-link">Admin</a></li>
</ul>
</header>
</nav>
<div class="container">
<div class="row">
<div class="col-md-8">
<h1>Thanks!</h1>
<p>
The form has been successfully submitted. Your donation will not
appear right away since it's a bit of a manual process!
</p>
</div>
<div class="col-6 col-md-4">
<h5>Live stats</h5>
SERVERSTATE
</div>
</div>
</div>
</body>
</html>