Added donation form
This commit is contained in:
parent
0eb30e325f
commit
33589a8063
|
@ -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 🇺🇦. 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.
|
||||
</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>
|
||||
|
|
|
@ -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>
|
Reference in New Issue