pepettes/assets/index.html

43 lines
1.9 KiB
HTML
Raw Normal View History

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