From 1e5e8066596520abc4b3f78fa2d30560a3febd50 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A9mi=20Oudin?= <oudin@crans.org>
Date: Fri, 6 Dec 2019 18:37:24 +0100
Subject: [PATCH] Ajout d'ancres et de liens
---
app/view/campaign/faq.html | 83 +++++++++++++++++++++----------------
app/view/campaign/home.html | 2 +-
app/view/footer.html | 2 +-
3 files changed, 50 insertions(+), 37 deletions(-)
diff --git a/app/view/campaign/faq.html b/app/view/campaign/faq.html
index 5ca43b8..58551a6 100644
--- a/app/view/campaign/faq.html
+++ b/app/view/campaign/faq.html
@@ -1,3 +1,16 @@
+<script type="text/javascript">
+ function toggle() {
+ var currentUrl = document.URL;
+ var urlParts = currentUrl.split('#');
+ var element = (urlParts.length > 1) ? urlParts[1] : null;
+ if(element){
+ var elm = document.getElementById(element);
+ elm.click();
+ elm.scrollIntoView();
+ }
+ }
+ window.onload = toggle;
+</script>
<section class="container-fluid text-block sky-blue" id="questions">
<div class="page-header text-center">
<h1><span>{{ _("Foire aux questions ?") }}<span></h1>
@@ -5,10 +18,10 @@
</div>
<div class="panel panel-default blue collapsible collapsible-white-pure">
- <input id="action1" type="checkbox">
+ <input id="recu" type="checkbox">
<div class="panel-heading">
<h4>
- <label for="action1">
+ <label for="recu">
{{ _("Est-ce que je peux avoir un reçu de don ?") }}
<span class="panel-caret pull-right"></span>
</label>
@@ -23,10 +36,10 @@
<div class="panel panel-default blue collapsible collapsible-white-pure">
- <input id="action2" type="checkbox">
+ <input id="rescrit" type="checkbox">
<div class="panel-heading">
<h4>
- <label for="action2">
+ <label for="rescrit">
{{ _("Est-ce que les dons à La Quadrature donnent droit à une déduction fiscale ?") }}
<span class="panel-caret pull-right"></span></label>
</h4>
@@ -39,10 +52,10 @@
</div>
<div class="panel panel-default blue collapsible collapsible-white-pure">
- <input id="action3" type="checkbox">
+ <input id="modifier-don" type="checkbox">
<div class="panel-heading">
<h4>
- <label for="action3">{{ _("J'ai mis en place un don mensuel, comment le modifier ?") }}<span class="panel-caret pull-right"></span></label>
+ <label for="modifier-don">{{ _("J'ai mis en place un don mensuel, comment le modifier ?") }}<span class="panel-caret pull-right"></span></label>
</h4>
</div>
<div class="collapsed ">
@@ -55,10 +68,10 @@
<div class="panel panel-default blue collapsible collapsible-white-pure">
- <input id="action4" type="checkbox">
+ <input id="arret-don" type="checkbox">
<div class="panel-heading">
<h4>
- <label for="action4">{{ _("Comment arrêter mon don mensuel ?") }}<span class="panel-caret pull-right"></span></label>
+ <label for="arret-don">{{ _("Comment arrêter mon don mensuel ?") }}<span class="panel-caret pull-right"></span></label>
</h4>
</div>
<div class="collapsed ">
@@ -71,10 +84,10 @@
<div class="panel panel-default blue collapsible collapsible-white-pure">
- <input id="action5" type="checkbox">
+ <input id="cumul" type="checkbox">
<div class="panel-heading">
<h4>
- <label for="action5">{{ _("Est-ce que je peux cumuler mes dons à La Quadrature du Net ?") }}<span class="panel-caret pull-right"></span></label>
+ <label for="cumul">{{ _("Est-ce que je peux cumuler mes dons à La Quadrature du Net ?") }}<span class="panel-caret pull-right"></span></label>
</h4>
</div>
<div class="collapsed ">
@@ -85,10 +98,10 @@
</div>
<div class="panel panel-default blue collapsible collapsible-white-pure">
- <input id="action6" type="checkbox">
+ <input id="changer-mail" type="checkbox">
<div class="panel-heading">
<h4>
- <label for="action6">{{ _("Comment changer mon e-mail de donateur·trice ?") }}<span class="panel-caret pull-right"></span></label>
+ <label for="changer-mail">{{ _("Comment changer mon e-mail de donateur·trice ?") }}<span class="panel-caret pull-right"></span></label>
</h4>
</div>
<div class="collapsed ">
@@ -101,10 +114,10 @@
<div class="panel panel-default blue collapsible collapsible-white-pure">
- <input id="action7" type="checkbox">
+ <input id="don-cheque" type="checkbox">
<div class="panel-heading">
<h4>
- <label for="action7">{{ _("Puis-je faire un don par chèque ?") }}<span class="panel-caret pull-right"></span></label>
+ <label for="don-cheque">{{ _("Puis-je faire un don par chèque ?") }}<span class="panel-caret pull-right"></span></label>
</h4>
</div>
<div class="collapsed ">
@@ -118,10 +131,10 @@
<div class="panel panel-default blue collapsible collapsible-white-pure">
- <input id="action8" type="checkbox">
+ <input id="don-virement" type="checkbox">
<div class="panel-heading">
<h4>
- <label for="action8">{{ _("Puis-je faire un don par virement ?") }}<span class="panel-caret pull-right"></span></label>
+ <label for="don-virement">{{ _("Puis-je faire un don par virement ?") }}<span class="panel-caret pull-right"></span></label>
</h4>
</div>
<div class="collapsed ">
@@ -135,10 +148,10 @@
<div class="panel panel-default blue collapsible collapsible-white-pure">
- <input id="action9" type="checkbox">
+ <input id="don-bitcoin" type="checkbox">
<div class="panel-heading">
<h4>
- <label for="action9">{{ _("Puis-je faire un don via BitCoin ou d'autres crypto-monnaies ?") }}<span class="panel-caret pull-right"></span></label>
+ <label for="don-bitcoin">{{ _("Puis-je faire un don via BitCoin ou d'autres crypto-monnaies ?") }}<span class="panel-caret pull-right"></span></label>
</h4>
</div>
<div class="collapsed ">
@@ -149,10 +162,10 @@
</div>
<div class="panel panel-default blue collapsible collapsible-white-pure">
- <input id="action10" type="checkbox">
+ <input id="don-paypal" type="checkbox">
<div class="panel-heading">
<h4>
- <label for="action10">{{ _("Puis-je faire un don via Paypal ?") }}<span class="panel-caret pull-right"></span></label>
+ <label for="don-paypal">{{ _("Puis-je faire un don via Paypal ?") }}<span class="panel-caret pull-right"></span></label>
</h4>
</div>
<div class="collapsed ">
@@ -164,10 +177,10 @@
<div class="panel panel-default blue collapsible collapsible-white-pure">
- <input id="action12" type="checkbox">
+ <input id="achat-contrepartie" type="checkbox">
<div class="panel-heading">
<h4>
- <label for="action12">{{ _("Peut-on vous soutenir en achetant des t-shirts de La Quadrature du Net ?") }}<span class="panel-caret pull-right"></span></label>
+ <label for="achat-contrepartie">{{ _("Peut-on vous soutenir en achetant des t-shirts de La Quadrature du Net ?") }}<span class="panel-caret pull-right"></span></label>
</h4>
</div>
<div class="collapsed ">
@@ -179,10 +192,10 @@
<div class="panel panel-default blue collapsible collapsible-white-pure">
- <input id="action13" type="checkbox">
+ <input id="demande-contrepartie" type="checkbox">
<div class="panel-heading">
<h4>
- <label for="action13">{{ _("Comment faire pour demander mes contreparties ?") }}<span class="panel-caret pull-right"></span></label>
+ <label for="demande-contrepartie">{{ _("Comment faire pour demander mes contreparties ?") }}<span class="panel-caret pull-right"></span></label>
</h4>
</div>
<div class="collapsed ">
@@ -191,12 +204,12 @@
</div>
</div>
</div>
-
+
<div class="panel panel-default blue collapsible collapsible-white-pure">
- <input id="action17" type="checkbox">
+ <input id="livraison" type="checkbox">
<div class="panel-heading">
<h4>
- <label for="action17">{{ _("Quand recevrai-je mon t-shirt ?") }}<span class="panel-caret pull-right"></span></label>
+ <label for="livraison">{{ _("Quand recevrai-je mon t-shirt ?") }}<span class="panel-caret pull-right"></span></label>
</h4>
</div>
<div class="collapsed ">
@@ -208,10 +221,10 @@
<div class="panel panel-default blue collapsible collapsible-white-pure">
- <input id="action14" type="checkbox">
+ <input id="don-fdnn" type="checkbox">
<div class="panel-heading">
<h4>
- <label for="action14">{{ _("J'avais déjà établi un don régulier via FDNN, est-ce-que je dois faire quelque chose ?") }}<span class="panel-caret pull-right"></span></label>
+ <label for="don-fdnn">{{ _("J'avais déjà établi un don régulier via FDNN, est-ce-que je dois faire quelque chose ?") }}<span class="panel-caret pull-right"></span></label>
</h4>
</div>
<div class="collapsed ">
@@ -222,10 +235,10 @@
</div>
<div class="panel panel-default blue collapsible collapsible-white-pure">
- <input id="action15" type="checkbox">
+ <input id="don-entreprise" type="checkbox">
<div class="panel-heading">
<h4>
- <label for="action15">{{ _("Mon entreprise peut-elle faire un don ?") }}<span class="panel-caret pull-right"></span></label>
+ <label for="don-entreprise">{{ _("Mon entreprise peut-elle faire un don ?") }}<span class="panel-caret pull-right"></span></label>
</h4>
</div>
<div class="collapsed ">
@@ -235,21 +248,21 @@
<li>{{ _("La part du budget annuel de LQdN apportée par des entreprises donnant chacune 1 000 euros ou plus une année donnée ne peut dépasser 20% du budget de cette année.") }}</li>
<li>{{ _("Les dons annuels émanant d'une entreprise ne peuvent dépasser 10 000 euros. Pour l'application de cette règle une filiale contrôlée par une entreprise est considérée comme en faisant partie.") }}</li>
<li>{{ _("Le CA se réserve le droit de refuser tout don d'entreprise dépassant 1 000 euros s'il considère que son acceptation est susceptible de nuire à l'objet social de l'Association ou à son indépendance.") }}</li>
- </ul>
+ </ul>
{{ _("» <br> Les dons d'entreprise donnent lieu à un reçu de don utilisable en tant que document comptable. Si vous souhaitez nous faire un don supérieur à 1 000 euros, contactez-nous d'abord : contact@laquadrature.net.") }}</p>
</div>
</div>
</div>
<div class="panel panel-default blue collapsible collapsible-white-pure">
- <input id="action16" type="checkbox">
+ <input id="financement-lqdn" type="checkbox">
<div class="panel-heading">
<h4>
- <label for="action16">{{ _("Qui finance La Quadrature du Net ?") }}<span class="panel-caret pull-right"></span></label>
+ <label for="financement-lqdn">{{ _("Qui finance La Quadrature du Net ?") }}<span class="panel-caret pull-right"></span></label>
</h4>
</div>
<div class="collapsed ">
- <div class="panel-body white-pure">
+ <div class="panel-body white-pure">
<p>{{ _("La Quadrature du Net est financée à 70 % par des dons individuels : vos dons ! Nous acceptons aussi les dons d'entreprise, mais tous les dons supérieurs à 1 000 € sont soumis à l'approbation des membres de l'association (voir plus haut).
Les 30 % restants de notre budget correspondent à deux subventions accordées par l’Open Society Foundations (https://www.opensocietyfoundations.org/ et par la Fondation pour le Progrès de l'Homme (http://www.fph.ch/).") }}</p>
</div>
diff --git a/app/view/campaign/home.html b/app/view/campaign/home.html
index 1cc292b..2039114 100644
--- a/app/view/campaign/home.html
+++ b/app/view/campaign/home.html
@@ -71,7 +71,7 @@
</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>
+ <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>
<a class="btn btn-modal btn-lg unmodal" href="#step1"><em>{{ _("Faire un don") }}</em></a>
<check if="{{ @@SESSION.user }}">
<false>
diff --git a/app/view/footer.html b/app/view/footer.html
index 4f0133c..13d16ae 100644
--- a/app/view/footer.html
+++ b/app/view/footer.html
@@ -4,7 +4,7 @@
<p>{{ _("Site hébergé par <a href=\"https://laquadrature.net\">La Quadrature du Net</a>") }}</p>
</div>
<div class="col-md-4">
- <p>{{ _("Nous ne gardons que les données qui nous sont nécessaires à la gestion de votre don : le nom ou pseudo que vous nous renseignez ainsi que l'email.")}}</p>
+ <p>{{ _("Nous ne gardons que les données qui nous sont nécessaires à la gestion de votre don : le nom ou pseudo que vous nous fournissez ainsi que l'email.")}}</p>
</div>
<div class="col-md-4">
--
GitLab