refactor: migrer les partials vers le contenu localisé
This commit is contained in:
@@ -1,76 +1,56 @@
|
||||
<section id="dons" class="support">
|
||||
<div class="section-container">
|
||||
<h2>Nous <span class="accent-text">Soutenir</span></h2>
|
||||
<h2>{{ t.support.section_title }} <span class="accent-text">{{ t.support.section_title_accent }}</span></h2>
|
||||
<p class="support-lede">
|
||||
Chaque like, chaque partage, chaque don compte pour construire cet internet-là
|
||||
{{ t.support.lede }}
|
||||
</p>
|
||||
<p class="support-lede-secondary">
|
||||
Celui où nos ancêtres ne seraient pas effacés par des algorithmes aveugles. Celui où une jeune fille de Lapwent (Pointe-à-Pitre) peut lancer un média en langue dite "créole", sans demander la permission à une multinationale.
|
||||
{{ t.support.lede_secondary }}
|
||||
</p>
|
||||
|
||||
<div class="donation-panels">
|
||||
|
||||
<div class="support-panel support-panel--primary">
|
||||
<h3>Don ponctuel</h3>
|
||||
<h3>{{ t.support.one_time_title }}</h3>
|
||||
|
||||
<div class="donation-grid">
|
||||
<a href="https://don.o-k-i.net/b/aEUdTw5SD3SH7m0bII" class="donation-amount" target="_blank" rel="noopener noreferrer">
|
||||
1€
|
||||
</a>
|
||||
<a href="https://don.o-k-i.net/b/4gw6r480L1Kz5dScMO" class="donation-amount" target="_blank" rel="noopener noreferrer">
|
||||
5€
|
||||
</a>
|
||||
<a href="https://don.o-k-i.net/b/5kA02G1Cn4WLbCgeUV" class="donation-amount" target="_blank" rel="noopener noreferrer">
|
||||
10€
|
||||
</a>
|
||||
<a href="https://don.o-k-i.net/b/fZebLo94PfBpayc5kn" class="donation-amount" target="_blank" rel="noopener noreferrer">
|
||||
20€
|
||||
</a>
|
||||
<a href="https://don.o-k-i.net/b/6oE5n05SDdth49O004" class="donation-amount" target="_blank" rel="noopener noreferrer">
|
||||
50€
|
||||
{% for d in donations.oneTime %}
|
||||
<a href="{{ d.url }}" class="donation-amount" target="_blank" rel="noopener noreferrer">
|
||||
{{ d.amount }}{{ t.support.one_time_suffix }}
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<div style="text-align: center;">
|
||||
<label class="donation-form-label">Montant personnalisé :</label>
|
||||
<label class="donation-form-label">{{ t.support.custom_amount_label }}</label>
|
||||
<div class="custom-donation-form">
|
||||
<input type="number" id="customAmountOneTime" placeholder="Montant" min="1" class="custom-amount-input">
|
||||
<span class="currency-symbol">€</span>
|
||||
<input type="number" id="customAmountOneTime" placeholder="{{ t.support.custom_amount_placeholder }}" min="1" class="custom-amount-input">
|
||||
<span class="currency-symbol">{{ t.support.one_time_suffix }}</span>
|
||||
<button onclick="handleCustomDonation('oneTime')" class="custom-donation-btn custom-donation-btn-primary">
|
||||
Donner
|
||||
{{ t.support.custom_amount_btn }}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="support-panel support-panel--secondary">
|
||||
<h3>Don mensuel</h3>
|
||||
<h3>{{ t.support.monthly_title }}</h3>
|
||||
|
||||
<div class="donation-grid">
|
||||
<a href="https://don.o-k-i.net/b/7sI9Dgch14WL7m0fZ3" class="donation-amount monthly" target="_blank" rel="noopener noreferrer">
|
||||
1€/mois
|
||||
</a>
|
||||
<a href="https://don.o-k-i.net/b/8wM4iW4Ozbl95dS6ow" class="donation-amount monthly" target="_blank" rel="noopener noreferrer">
|
||||
5€/mois
|
||||
</a>
|
||||
<a href="https://don.o-k-i.net/b/8wM2aO80L74TcGk3ci" class="donation-amount monthly" target="_blank" rel="noopener noreferrer">
|
||||
10€/mois
|
||||
</a>
|
||||
<a href="https://don.o-k-i.net/b/00g7v894P88XgWAfZ7" class="donation-amount monthly" target="_blank" rel="noopener noreferrer">
|
||||
20€/mois
|
||||
</a>
|
||||
<a href="https://don.o-k-i.net/b/4gw8zc6WHgFtcGkbIP" class="donation-amount monthly" target="_blank" rel="noopener noreferrer">
|
||||
50€/mois
|
||||
{% for d in donations.monthly %}
|
||||
<a href="{{ d.url }}" class="donation-amount monthly" target="_blank" rel="noopener noreferrer">
|
||||
{{ d.amount }}{{ t.support.monthly_suffix }}
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<div style="text-align: center;">
|
||||
<label class="donation-form-label">Montant mensuel personnalisé :</label>
|
||||
<label class="donation-form-label">{{ t.support.custom_monthly_label }}</label>
|
||||
<div class="custom-donation-form">
|
||||
<input type="number" id="customAmountMonthly" placeholder="Montant" min="1" class="custom-amount-input custom-amount-input-monthly">
|
||||
<span class="currency-symbol">€/mois</span>
|
||||
<input type="number" id="customAmountMonthly" placeholder="{{ t.support.custom_amount_placeholder }}" min="1" class="custom-amount-input custom-amount-input-monthly">
|
||||
<span class="currency-symbol">{{ t.support.monthly_suffix }}</span>
|
||||
<button onclick="handleCustomDonation('monthly')" class="custom-donation-btn custom-donation-btn-secondary">
|
||||
S'abonner
|
||||
{{ t.support.custom_monthly_btn }}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -80,23 +60,23 @@
|
||||
|
||||
<div class="alt-donation-section">
|
||||
<h3 class="alt-donation-title">
|
||||
Autres moyens de nous soutenir
|
||||
{{ t.support.alt_title }}
|
||||
</h3>
|
||||
|
||||
<div class="alt-donation-grid">
|
||||
<a href="https://liberapay.com/OKI/donate" target="_blank" rel="noopener noreferrer" class="alt-donation-card alt-donation-card--liberapay">
|
||||
<a href="{{ donations.liberapay }}" target="_blank" rel="noopener noreferrer" class="alt-donation-card alt-donation-card--liberapay">
|
||||
<div class="alt-donation-icon">💛</div>
|
||||
<h4>Liberapay</h4>
|
||||
<h4>{{ t.support.liberapay_title }}</h4>
|
||||
<p>
|
||||
Soutenez-nous via Liberapay, une plateforme libre et éthique
|
||||
{{ t.support.liberapay_text }}
|
||||
</p>
|
||||
</a>
|
||||
|
||||
<a href="https://ko-fi.com/J3J5TOZPI" target="_blank" rel="noopener noreferrer" class="alt-donation-card alt-donation-card--kofi">
|
||||
<a href="{{ donations.kofi }}" target="_blank" rel="noopener noreferrer" class="alt-donation-card alt-donation-card--kofi">
|
||||
<div class="alt-donation-icon">☕</div>
|
||||
<h4>Ko-fi</h4>
|
||||
<h4>{{ t.support.kofi_title }}</h4>
|
||||
<p>
|
||||
Offrez-nous un café sur Ko-fi pour nous encourager
|
||||
{{ t.support.kofi_text }}
|
||||
</p>
|
||||
</a>
|
||||
</div>
|
||||
@@ -104,10 +84,10 @@
|
||||
|
||||
<div class="security-note">
|
||||
<p>
|
||||
Les dons directs (montants ci-dessus) sont sécurisés par <a href="https://stripe.com/" target="_blank">Stripe</a>.
|
||||
{{ t.support.security_stripe | safe }}
|
||||
</p>
|
||||
<p>
|
||||
Liberapay et Ko-fi utilisent leurs propres systèmes de paiement sécurisés.
|
||||
{{ t.support.security_alt }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user