2021-02-15 04:36:24 +01:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
|
2024-05-22 02:09:01 +02:00
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
2021-02-15 04:36:24 +01:00
|
|
|
|
2024-05-22 02:09:01 +02:00
|
|
|
<title>{{ _('Donate to %(name)s', name=name) }}</title>
|
2021-02-15 04:36:24 +01:00
|
|
|
|
2024-05-22 02:09:01 +02:00
|
|
|
<link rel="icon" href="{{ favicon }}" type="image/x-icon" />
|
2024-05-22 02:22:57 +02:00
|
|
|
<link href="./css/bootstrap-5.3.3.min.css" rel="stylesheet"
|
|
|
|
|
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
2024-05-22 02:09:01 +02:00
|
|
|
<link href="./css/global.css" rel="stylesheet" />
|
|
|
|
|
<script src="https://js.stripe.com/v3/"></script>
|
|
|
|
|
<script src="./index.js" defer></script>
|
2024-05-22 02:42:56 +02:00
|
|
|
<script src="./darkmode.js" defer></script>
|
2024-05-22 02:09:01 +02:00
|
|
|
</head>
|
2021-02-15 04:36:24 +01:00
|
|
|
|
2024-05-22 02:09:01 +02:00
|
|
|
<body class="text-center">
|
|
|
|
|
<main class="form-donate">
|
|
|
|
|
<div>
|
|
|
|
|
<img src="{{ logo }}" class="mb-4" alt="{{ _('%(name)s Logo', name=name) }}" max-width="7em" />
|
|
|
|
|
<h1 class="h3 mb-3 fw-normal">{{ _('I want to give to %(name)s', name=name) }}</h1>
|
2024-05-22 02:22:57 +02:00
|
|
|
|
2024-05-22 02:09:01 +02:00
|
|
|
<div class="input-group mb-3">
|
|
|
|
|
<input type="hidden" id="csrf" value="{{ csrf }}" />
|
|
|
|
|
<input type="hidden" id="public_key" value="{{ stripe_publishable_key }}" />
|
2024-05-22 02:22:57 +02:00
|
|
|
|
2024-05-22 04:43:57 +02:00
|
|
|
<input type="number" min="0" max="9999" class="form-control" id="quantity" value="10"
|
|
|
|
|
aria-label="{{ _('Amount') }}">
|
2024-05-22 02:22:57 +02:00
|
|
|
|
2024-05-22 04:16:22 +02:00
|
|
|
<select class="form-select" id="currency" style="width:40px" aria-label="{{ _('Currency') }}">
|
2024-05-22 02:09:01 +02:00
|
|
|
{% for iso, symbol in currencies %}
|
2024-05-22 04:14:52 +02:00
|
|
|
<option value="{{ iso }}">{{ symbol }} </option>
|
|
|
|
|
{% endfor %}
|
2024-05-22 02:09:01 +02:00
|
|
|
</select>
|
2024-05-22 02:22:57 +02:00
|
|
|
|
2024-05-22 04:16:22 +02:00
|
|
|
<select class="form-select" id="frequency" aria-label="{{ _('Frequency') }}">
|
2024-05-22 04:14:52 +02:00
|
|
|
<option value="recuring"> {{ _('/ month') }} </option>
|
|
|
|
|
<option value="one_time"> {{ _('one time') }} </option>
|
2024-05-22 02:09:01 +02:00
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
|
2024-05-22 03:04:27 +02:00
|
|
|
<button id="submit" class="w-100 btn btn-lg btn-primary">
|
|
|
|
|
{{ _('Donate') }}
|
|
|
|
|
</button>
|
2024-05-22 02:22:57 +02:00
|
|
|
|
2024-05-22 02:09:01 +02:00
|
|
|
<p><a href="{{ contact_url }}">{{ _('If you want to cancel a monthly donation, please contact us') }}</a></p>
|
2024-05-22 02:22:57 +02:00
|
|
|
|
2024-05-22 02:09:01 +02:00
|
|
|
<div id="error-message"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</main>
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
