home.html 6.81 KB
Newer Older
Marne's avatar
Marne committed
1
<form class="form-inline" method="POST" action="{{ @@target }}" id="f_vads" name="f_vads">
2
3
4
5
6
7
8
9
	<input type="hidden" name="csrf" id="csrf" value="{{ @CSRF }}" />
	<div class="modal-form <check if="{{ @@form_visible == 'vads'}}">visible</check>" id="vads" name="vads">
		<div class="modal-form-title modal-form-only">
			<a class="close" href="/#"><span>{{ _("Fermer") }}</span></a>
			<h1>{{ _("Faire un don") }}</h1>
		</div>
		<div class="modal-form-body">
			<fieldset class="modal-form-only modal-form-body">
Marne's avatar
Marne committed
10
				<legend>{{ _("Redirection vers le site de paiement") }}</legend>
11
12
13
14
15
16
17
18
				<div class="modal-row">
					<p> {{ _("Vous allez effectuer un don de") }} <em>{{ @@amount }} €</em><check if="{{ @@monthly == 'true' }}">{{ _(" par mois.") }}</check></p>
					<p> {{ _("En cliquant sur le bouton ci-dessous, vous allez être redirigé vers le système de paiement de notre banque.") }}</p>
					<repeat group="{{ @@vads_params }}" key="{{ @vads_key }}" value="{{ @vads_value }}">
					<input type="hidden" name="{{ @vads_key }}" id="{{ @vads_key }}" value="{{ @vads_value }}">
					</repeat>
				</div>
				<div class="modal-row">
Marne's avatar
Marne committed
19
					<input class="btn btn-lg btn-modal" type="submit" name="submit_" id="submit_" value={{ _("Valider") }}>
20
21
22
23
24
25
26
27
28
29
30
31
32
				</div>
			</fieldset>
		</div>
	</div>
</form>

<section id="wrapper" class="text-center container-fluid white">
	<div id="subtitle" class="row">
		<div class="page-header col-md-offset-1 col-md-10">
			<h1 class="text-center"><span>{{ _("Soutenez La Quadrature du Net !") }}</span></h1>
		</div>
	</div>
	<div class="row">
33
		<div id="donation" class="col-md-offset-4 col-md-4">
34
35
36
37
38
39
40
41
42
43
			<h3>{{ _("Choisissez / Indiquez un montant") }}</h3>
			<form class="form-inline" method="POST" action="/donate" name="donate" id="donate">
				<input type="hidden" name="csrf" id="csrf" value="{{ @CSRF }}" />
				<div class="modal-form" id="step1">
					<div class="modal-form-title modal-form-only">
						<a class="close" href="#"><span>{{ _("Fermer") }}</span></a>
						<h1>{{_("Faire un don")}}</h1>
					</div>
					<div class="modal-form-body">
						<fieldset class="form-group">
Marne's avatar
Marne committed
44
							<legend class="modal-form-only">{{ _("Récapitulatif de votre don") }}</legend>
45
46
47
							<fieldset>
								<div class="modal-row">
									<div class="radio-row"> 
Guinness's avatar
Guinness committed
48
										<input type="radio" name="amount" id="amount1" value="11">
Guinness's avatar
Guinness committed
49
										<label for="amount1" class="text-center">11€ </label>
Guinness's avatar
Guinness committed
50
										<input type="radio" name="amount" id="amount2" value="42">
Guinness's avatar
Guinness committed
51
										<label for="amount2" class="text-center">42€</label>
Guinness's avatar
Guinness committed
52
										<input type="radio" name="amount" id="amount3" value="64" checked>
Guinness's avatar
Guinness committed
53
										<label for="amount3" class="text-center">64€</label>
Guinness's avatar
Guinness committed
54
										<input type="radio" name="amount" id="amount4" value="128">
Guinness's avatar
Guinness committed
55
										<label for="amount4" class="text-center">128€</label>
Guinness's avatar
Guinness committed
56
57
										<input type="radio" name="amount" id="amount5" value="314">
										<label for="amount5" class="text-center">314€</label>
58
59
60
61
62
63
									</div>
									<div class="clearfix"></div>
								</div>
								<div class="modal-row">
									<div class="form-inline form-accent col-md-7">
										<label for="amount_other">{{ _("OU") }}</label>
Guinness's avatar
Guinness committed
64
										<input class="form-control" type="text" name="amount_other" value="" placeholder="Montant libre">
65
66
									</div>
									<div class="form-inline col-md-4" id="monthly">
Guinness's avatar
Guinness committed
67
										<input type="radio" class="radio" name="monthly" id="monthly1" value="true">
68
										<label for="monthly1">{{ _("Don mensuel") }}</label>
Guinness's avatar
Guinness committed
69
										<input type="radio" class="radio" name="monthly" id="monthly2" value="false" checked>
70
71
72
73
										<label for="monthly2">{{ _("Don ponctuel") }}</label>
									</div>
								</div>
							</fieldset>
Guinness's avatar
Guinness committed
74
							<p class="unmodal">{{ _("Vous pouvez donner par <b>carte bancaire</b>, <b><a href=\"/faq#don-cheque\">chèque</a></b>, <b><a href=\"/faq#don-bitcoin\">crypto-monnaie</a></b> ou <b><a href=\"/faq#don-virement\">virement</a></b>.") }}</p>
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
							<a class="btn btn-modal btn-lg unmodal" href="#step1"><em>{{ _("Faire un don") }}</em></a>
							<check if="{{ @@SESSION.user }}">
							<false>
							<div class="modal-row modal-form-only">
								<a class="btn btn-modal btn-lg" href="#step2">{{ _("Je valide")}}<span class="btn-icon btn-icon-right" src="/static/img/arrow-btn.png"></span></a>
							</div>
						</fieldset>
					</div>
				</div>
				<div class="modal-form" id="step2">
					<div class="modal-form-title modal-form-only">
						<a class="close" href="#"><span>{{ _("Fermer") }}</span></a>
						<h1>{{_("Faire un don")}}</h1>
					</div>
					<div class="modal-form-body">
						<fieldset class="modal-form-only">
Marne's avatar
Marne committed
91
							<legend>{{ _("Détails personnels") }}</legend>
92
							<div class="modal-row">
Marne's avatar
Marne committed
93
								<p>{{ _("Si vous avez déjà donné, utilisez votre adresse email et votre mot de passe habituel.") }}</p>
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
							</div>
							<div class="modal-row form-group">
								<label for="pseudo">{{ _("Pseudo") }}</label>
								<input class="form-control" type="text" name="pseudo" id="pseudo" required>
							</div>
							<div class="modal-row form-group">
								<label for="email">{{ _("Adresse mail") }}</label>
								<input class="form-control" type="email" name="email" id="email" required>
							</div>
							<div class="modal-row form-group">
								<label for="password">{{ _("Mot de passe") }}</label>
								<input class="form-control" type="password" name="password" id="password">
							</div>
							</false>
							</check>
Marne's avatar
Marne committed
109
							<div class="modal-row modal-form-only"><br>
Marne's avatar
Marne committed
110
								<a href="#password-reset">{{ _("Mot de passe oublié ?") }}</a><br>
Marne's avatar
Marne committed
111
								<input class="btn btn-lg btn-modal" type="submit" name="submit" id="submit" value={{ _("Valider") }}>
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
							</div>
						</fieldset>
					</div>
				</div>
			</form>
		</div>
	</div>
	<div class="clearfix"></div>
</section>
<section id="contreparties" class="container-fluid light-blue">
	<div class="row">
		<div class="col-md-12 blue well">
			<div class="col-md-3">
				<h3>{{ _("En remerciement de <br>votre don, vous recevrez&nbsp;:") }}</h3>
			</div>
			<div class="col-md-9 img-list">
				<div class="col-md-3">
129
					<img class="media-object" src="/static/img/piplome.svg" alt="">
Guinness's avatar
Guinness committed
130
					<div class="media-body">{{ _("Un &#960;plome<br><small>(cumul de 42&euro;)</small>") }}</div>
131
132
				</div>
				<div class="col-md-3">
133
					<img class="media-object" src="/static/img/pibag.svg" alt="">
Guinness's avatar
Guinness committed
134
					<div class="media-body">{{ _("Un pibag<br><small>(cumul de 64&euro;)</small>") }}</div>
135
136
				</div>
				<div class="col-md-3">
137
					<img class="media-object" src="/static/img/pishirt.svg" alt="">
Guinness's avatar
Guinness committed
138
					<div class="media-body">{{ _("Un pishirt<br><small>(cumul de 128&euro;)</small>") }}</div>
139
140
				</div>
				<div class="col-md-3">
141
					<img class="media-object" src="/static/img/hoopie.svg" alt="">
Guinness's avatar
Guinness committed
142
					<div class="media-body">{{ _("Un hoopie<br><small>(cumul de 314&euro;)</small>") }}</div>
143
144
145
				</div>
			</div>
		</div>
Marne's avatar
Marne committed
146
</section>