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">
49
										<label for="amount1" class="text-center">10€ </label>
Guinness's avatar
Guinness committed
50
										<input type="radio" name="amount" id="amount2" value="42">
51
										<label for="amount2" class="text-center">30€</label>
Guinness's avatar
Guinness committed
52
										<input type="radio" name="amount" id="amount3" value="64" checked>
53
										<label for="amount3" class="text-center">50€</label>
Guinness's avatar
Guinness committed
54
										<input type="radio" name="amount" id="amount4" value="128">
55
										<label for="amount4" class="text-center">100€</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>