home.html 6.8 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 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66
							<fieldset>
								<div class="modal-row">
									<div class="radio-row"> 
										<input type="radio" name="amount" id="amount1" value="10">
										<label for="amount1" class="text-center">10€ </label>
										<input type="radio" name="amount" id="amount2" value="30">
										<label for="amount2" class="text-center">30€</label>
										<input type="radio" name="amount" id="amount3" value="50" checked>
										<label for="amount3" class="text-center">50€</label>
										<input type="radio" name="amount" id="amount4" value="100">
										<label for="amount4" class="text-center">100€</label>
										<input type="radio" name="amount" id="amount5" value="250">
										<label for="amount5" class="text-center">250€</label>
									</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>
										<input class="form-control" type="text" name="amount_other" value="" placeholder="80€">
									</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 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90
										<label for="monthly2">{{ _("Don ponctuel") }}</label>
									</div>
								</div>
							</fieldset>
							<p class="unmodal">{{ _("Vous pouvez donner par <b>carte bancaire</b>, <b>chèque</b>, <b>crypto-monnaie</b> ou <b>virement</b>.") }}</p>
							<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 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110
							<div class="modal-row">
								<p>{{ _("Si vous avez déjà donné, vous pouvez réutiliser vos identifiants de connexion précédents, sinon un compte sera automatiquement créé afin que vous puissiez obtenir vos contreparties.") }}</p>
							</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>
							<div class="modal-row modal-form-only">
								<a href="#password-reset">{{ _("Obtenir un nouveau mot de passe") }}</a>
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="">
130 131 132
					<div class="media-body">{{ _("Un &#960;plome<br><small>(cumul de 30&euro;)</small>") }}</div>
				</div>
				<div class="col-md-3">
133
					<img class="media-object" src="/static/img/pibag.svg" alt="">
134 135 136
					<div class="media-body">{{ _("Un pibag<br><small>(cumul de 50&euro;)</small>") }}</div>
				</div>
				<div class="col-md-3">
137
					<img class="media-object" src="/static/img/pishirt.svg" alt="">
138 139 140
					<div class="media-body">{{ _("Un pishirt<br><small>(cumul de 100&euro;)</small>") }}</div>
				</div>
				<div class="col-md-3">
141
					<img class="media-object" src="/static/img/hoopie.svg" alt="">
142 143 144 145
					<div class="media-body">{{ _("Un hoopie<br><small>(cumul de 250&euro;)</small>") }}</div>
				</div>
			</div>
		</div>
Marne's avatar
Marne committed
146
</section>