Skip to content

GitLab

Commit f8c26fb3 authored by Mindiell's avatar Mindiell
Browse files

Modification de la page principale et suppression des images en trop

parent 0a1f90d5
Hide whitespace changes
Inline Side-by-side
app/view/campaign/home.html
View file @ f8c26fb3
......@@ -29,37 +29,8 @@
<h1 class="text-center"><span>{{ _("Soutenez La Quadrature du Net !") }}</span></h1>
</div>
</div>
<div id="progress-bar" class="row">
<div class="col-xs-offset-1 col-xs-10">
<div class="">
<p>{{ _("Merci pour vos dons, qui nous permettront de continuer nos actions en 2017 ! Vous pouvez également soutenir des associations défendant aussi les libertés à l'ère du numérique, comme <a href=\"https://www.april.org/campagne/\">l'APRIL</a>, <a href=\"https://framasoft.org\">Framasoft</a> ou <a href=\"https://nos-oignons.net/Donnez/index.fr.html\">Nos Oignons</a>") }}.</p>
<p> Datalove <3 </p>
</div>
<!--
<div class="hidden-xs hidden-sm progress-wrapper col-md-10">
<div class="progress">
<div class="progress-bar progress-bar-concrete" style="width:{{ @percent_provisional + @percent_confirmed }}%"><span>{{ @total_provisional + @total_confirmed }}&nbsp;€</span></div>
<div class="progress-step p20 <check if="{{ @percent_confirmed + @percent_provisional >= 20 }}">progress-step-concrete</check>">&nbsp;</div>
<div class="progress-step p40 <check if="{{ @percent_confirmed + @percent_provisional >= 40 }}">progress-step-concrete</check>">&nbsp;</div>
<div class="progress-step p60 <check if="{{ @percent_confirmed + @percent_provisional >= 60 }}">progress-step-concrete</check>">&nbsp;</div>
<div class="progress-step p80 <check if="{{ @percent_confirmed + @percent_provisional >= 80 }}">progress-step-concrete</check>">&nbsp;</div>
</div>
</div>
<div class="visible-xs-inline visible-sm-inline col-xs-7 total">
<em>{{ @total_confirmed + @total_provisional }} €</em> / {{ CAMPAIGN_BUDGET }} €
</div>
<div class="col-xs-5 col-md-2 target">
<em>{{ @percent_confirmed + @percent_provisional }} %</em> {{ _("Récoltés") }}
</div>
-->
</div>
</div>
<div class="row">
<div id="video" class="col-md-offset-1 col-md-6">
<video controls="" src="/static/vid/video_campagne_test.mp4" poster="/static/img/poster.png">
</video>
</div>
<div id="donation" class="col-md-4">
<div id="donation" class="col-md-offset-4 col-md-4">
<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 }}" />
......@@ -173,76 +144,3 @@
</div>
</div>
</section>
<section id="what" class="container-fluid light-blue">
<div class="page-header strike-through">
<h2 class="text-center"><span>{{ _("À quoi a servi votre don en 2016 ?") }}</span></h2>
<hr class="hidden-sm hidden-md hidden-lg">
</div>
<div class="row">
<div id="graphique" class="col-md-5">
<img id="graphique-camenbert" src="/static/img/a_quoi_sert_votre_don_camembert-01.png">
<div id="graphique-analyse" class="graphic-legend"><img src="/static/img/a_quoi_sert_votre_don_analyse-01.png"><div>{{ _("Analyse") }}<br><b>16 %</b><br><small>42&nbsp;563&nbsp;€</small></div></div>
<div id="graphique-outils" class="graphic-legend"><img src="/static/img/a_quoi_sert_votre_don_outils-01.png"><div>{{ _("Outils") }}<br><b>12 %</b><br><small>31&nbsp;922&nbsp;€</small></div></div>
<div id="graphique-communication" class="graphic-legend"><img src="/static/img/a_quoi_sert_votre_don_communication-01.png"><div>{{ _("Communication") }}<br><b>10 %</b><br><small>26&nbsp;602&nbsp;€</small></div></div>
<div id="graphique-campagne" class="graphic-legend"><img src="/static/img/a_quoi_sert_votre_don_campagne-01.png"><div>{{ _("Campagne") }}<br><b>35 %</b><br><small>93&nbsp;108&nbsp;€</small></div></div>
<div id="graphique-logistique" class="graphic-legend"><img src="/static/img/a_quoi_sert_votre_don_logistique-01.png"><div>{{ _("Logistique") }}<br><b>27 %</b><br><small>71&nbsp;826&nbsp;€</small></div></div>
</div>
<div class="col-md-7 text-block">
<p>{{ _("Voir le camembert à gauche pour la répartition des dépenses en 2015. En 2016 (prévisionnel) les dépenses ont augmenté d'environ 20% du fait du renforcement de l'équipe qui n'était pas au complet pendant partie de l'année 2015.")}}</p>
<p>{{ _("La Quadrature du Net était structurée en trois pôles jusque mi 2016&nbsp;: analyse, campagne et développements d'outils. Nous adoptons maintenant une organisation plus souple mêlant analyse et campagne sur chacun des sujets et champs d'actions. Elle emploie aujourd'hui sept salariés et dispose d'un local parisien qui accueille le travail quotidien de l'équipe opérationnelle et les nombreuses activités de l'association. Plus que jamais, votre soutien est nécessaire à la pérennisation de l'action de l'association et à son indépendance !") }}</p>
<p><em>{{ _("Si nous dépassons notre objectif de campagne de financement, nous utiliserons les fonds récoltés pour stabiliser l'action de La Quadrature du Net à long terme en renforçant notre équipe sur le plan national et international.") }}</em></p>
</div>
</div>
<div class="clearfix"></div>
</section>
<section id="how" class="container-fluid blue">
<div class="page-header strike-through">
<h2 class="text-center"><span>{{ _("Que fait La Quadrature du Net&nbsp;?") }}</span></h2>
<hr class="hidden-sm hidden-md hidden-lg">
</div>
<div class="row">
<div class="col-md-7 text-block">
<p>{{ _("Au quotidien, La Quadrature du Net agit pour la défense des droits et des libertés de tous à l'ère du numérique. Cet objectif passe par l'organisation d'ateliers, de campagne de mobilisation et de sensibilisation, la publication d'analyse détaillées, le développement d'outils, la rencontre de décideurs politiques mais aussi des interventions publiques.") }}</p>
</div>
<div class="col-md-5 hidden-xs hidden-sm">
<img src="/static/img/que_fait_lqdn_2-01.png">
</div>
</div>
<div class="clearfix"></div>
</section>
<section id="who" class="container-fluid dark-blue">
<div class="page-header strike-through">
<h2 class="text-center"><span>{{ _("Comment fonctionne La Quadrature du Net ?") }}</span></h2>
<hr class="hidden-sm hidden-md hidden-lg">
</div>
<div class="row row-img hidden-xs hidden-sm">
<div class="col-md-4">
<div><img class="light-blue" src="/static/img/fonctionnement_b-01.png"></div>
</div>
<div class="col-md-4">
<div><img class="light-blue" src="/static/img/fonctionnement_ca-01.png"></div>
</div>
<div class="col-md-4">
<div><img class="light-blue" src="/static/img/fonctionnement_s-01.png"></div>
</div>
</div>
<div class="row">
<div class="col-md-4 text-justify">
<h3 class="text-center">{{ _("Les soutiens") }}</h3>
<p>{{_("Les soutiens de La Quadrature du Net participent activement aux campagnes et actions de La Quadrature du Net. Ce sont eux qui font vivre l'association sur Internet, dans la rue...") }} </p>
</div>
<div class="col-md-4 text-justify">
<h3 class="text-center">{{ _("Le conseil d'orientation stratégique") }}</h3>
<p>{{_("Le comité décide des grandes lignes directrice de La Quadrature du Net. Il est composé d'activistes, de chercheurs ou practiciens de l'informatique.") }}</p>
</div>
<div class="col-md-4 text-justify">
<h3 class="text-center">{{ _("L'équipe opérationelle") }}</h3>
<p>{{ _("Sept personnes travaillent quotiennement au maintien et à l'organisation des campagnes de La Quadrature du Net. Elles assurent le suivi des dossiers et des campagnes.") }}</p>
</div>
</div>
<div class="row">
<div class="col-md-4 col-md-offset-4">
</div>
</div>
<div class="clearfix"></div>
</section>
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment