-
Notifications
You must be signed in to change notification settings - Fork 2
/
inscription.html
98 lines (92 loc) · 6.57 KB
/
inscription.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
{% extends base_template %}
{% load tibitags %}
{% block main %}
{% include "htmx/components/django_messages_toast.html" %}
<div class="page-header align-items-start min-vh-100"
style="background-image: url('{{ config.img.fhd.url | randImg }}')"
loading="lazy">
<span class="mask bg-gradient-dark opacity-6"></span>
<div class="container my-auto">
<div class="row">
<div class="col-lg-4 col-md-8 mx-auto">
<div class="card z-index-0">
<div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
<div class="bg-gradient-success shadow-success border-radius-lg py-3 pe-1">
<h4 class="text-white font-weight-bolder text-center mt-2 mb-0 test-return-titre-popup">
Link your card to you
</h4>
{# <div class="row mt-3">#}
{# <div class="col-2 text-center ms-auto">#}
{# <a class="btn btn-link px-3" href="javascript:;">#}
{# <i class="fa fa-facebook text-white text-lg"></i>#}
{# </a>#}
{# </div>#}
{# <div class="col-2 text-center px-1">#}
{# <a class="btn btn-link px-3" href="javascript:;">#}
{# <i class="fa fa-github text-white text-lg"></i>#}
{# </a>#}
{# </div>#}
{# <div class="col-2 text-center me-auto">#}
{# <a class="btn btn-link px-3" href="javascript:;">#}
{# <i class="fa fa-google text-white text-lg"></i>#}
{# </a>#}
{# </div>#}
{# </div>#}
</div>
</div>
<div class="row px-xl-5 px-sm-4 px-3">
{# <div class="mt-2 position-relative text-center">#}
{# <p class="text-sm font-weight-bold mb-2 text-secondary text-border d-inline z-index-2 bg-white px-3">#}
{# or#}
{# </p>#}
{# </div>#}
</div>
<div class="card-body">
<form id="linkform" role="form">
{# <div class="input-group input-group-dynamic mb-3">#}
{# <label class="form-label">Name</label>#}
{# <input type="text" class="form-control" aria-label="Name">#}
{# </div>#}
<div class="input-group input-group-dynamic mb-3">
<label class="form-label">Email</label>
<input name="email" type="email" class="form-control test-return-email-link-card" aria-label="Email"
value="{{ user.email }}">
</div>
{# <div class="input-group input-group-dynamic mb-3">#}
{# <label class="form-label">Password</label>#}
{# <input type="password" class="form-control" aria-label="Password">#}
{# </div>#}
<div class="form-check text-start ps-0">
<input class="form-check-input bg-dark border-dark test-return-agree-link-card"
type="checkbox"
name="cgu">
<label class="form-check-label" for="flexCheckDefault">
I agree the <a href="https://tibillet.org/cgucgv/"
class="text-dark font-weight-bolder">
Terms and Conditions</a>
</label>
</div>
<div class="text-center">
<input type="hidden" name="qrcode_uuid" value="{{ qrcode_uuid }}">
<button type="button"
class="btn bg-gradient-dark w-100 my-4 mb-2 test-return-validate-link-card"
hx-post="/qr/link/"
>Sign up
</button>
</div>
<div class="text-center">
<p class="text-sm mt-3">
Learn more about TiBillet, a free and privacy-friendly software for cooperatives
networks :
<a href="https://tibillet.org/" target="_blank"
class="text-dark font-weight-bolder">https://tibillet.org/</a>
</p>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock %}