Verified Commit 8ef71ae0 authored by David Libeau's avatar David Libeau
Browse files

Add progress bar and percentage

parent 982fc07a
......@@ -18,13 +18,17 @@
header {
font-size: 1.2em;
}
header,footer{
header,
footer {
padding: 20px 0;
background-color: #3c3c3c;
color: white;
text-align: center;
}
header>*,footer>*{
header>*,
footer>* {
margin: 0 auto !important;
}
......@@ -43,10 +47,12 @@
section {
padding: 20px;
}
section:nth-child(odd){
section:nth-child(odd) {
background-color: #fdfdfd;
}
section:nth-child(even){
section:nth-child(even) {
background-color: #f0f0f0;
}
......@@ -101,6 +107,38 @@
display: inline-block;
background-color: #9d9d9d;
}
#progressbar{
background-color: #f0f0f0;
width: 80%;
margin: auto;
margin-top: 35px;
}
#progressbar>span{
display: block;
position: relative;
height: 10px;
background-color: #13bc3a;
}
#progressbar>span>span{
position: absolute;
top: -33px;
right: -27px;
padding: 5px;
background-color: #f0f0f0;
border-radius: 5px;
}
#progressbar>span>span::before{
content: "";
position: absolute;
top: 100%;
left: 22px;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-top: 6px solid #f0f0f0;
border-right: 6px solid transparent;
}
</style>
</head>
......@@ -110,7 +148,7 @@
</header>
<main>
<section class="centered">
<?php
<?php
$alphabet="ABCDEFGHIJKLMNOPQRSTUVWXYZ";
$counter=[];
$bdd=[];
......@@ -176,16 +214,20 @@
$bdd_last[$section]=$bdd[$section][sizeof($bdd[$section])-1];
}
}
$pourcentage=round($total/4693375*100,2);
?>
<h1>
<?php echo($total); ?>
</h1>
<p>Signatures détectées sur la <a href="https://www.referendum.interieur.gouv.fr/" target="_blank">proposition de loi référendaire</a> visant à affirmer le caractère de service public national de l'exploitation des aérodromes de Paris (avec une marge d'erreur de plus ou moins
<?php echo($withPagination*100); ?> dû au mode de calcul : le chiffre exact se situe donc entre
<p>Signatures détectées* sur la <a href="https://www.referendum.interieur.gouv.fr/" target="_blank">proposition de loi référendaire</a> visant à affirmer le caractère de service public national de l'exploitation des aérodromes de Paris sur 4 693 375 nécessaires, soit <?php echo($pourcentage); ?>%.
<div id="progressbar"><span style="width:<?php echo($pourcentage); ?>%"><span><?php echo($pourcentage); ?>%</span> </span></div>
</p>
<p><i>*Données collectées collaborativement avec une marge d'erreur de plus ou moins
<?php echo($withPagination*100); ?> signatures dû au mode de calcul (le chiffre exact se situe donc entre
<?php echo($total-$withPagination*100); ?> et
<?php echo($total+$withPagination*100); ?>).</p>
<p><i>Attention : étant donné que le comptage est collaboratif, des erreurs peuvent altérer la véracité de ce chiffre. Toutes les données sont <a href="data.txt" target="_blank">en libre accès</a> pour faire vos propres calculs et vérifications.</i></p>
<?php echo($total+$withPagination*100); ?>). Des erreurs peuvent altérer la véracité de ce chiffre. Toutes les données sont <a href="data.txt" target="_blank">en libre accès</a> pour faire vos propres calculs et vérifications.</i></p>
</section>
<section>
<h2>Aider à améliorer cette statistique en installant un module sur votre navigateur</h2>
......@@ -203,7 +245,7 @@
<p>Les utilisateurs de l'extension de navigateur sont contributeurs et publient les données qu'ils récoltent sous licence Creative Commons Attribution.</p>
<p>L'auteur de ce site web et de l'extension ne fournit aucune garantie quant à la validité des données fournies par ce site web.</p>
<p>En utilisant ce site web et en téléchargement l'extension pour navigateur, les utilisateurs donnent leur approbation concernant ces conditions d'utilsation et leur consentement à l'utilisation et la transmission des données necessaire au bon fonctionnement de ce site web et de l'extension pour navigateur.</p>
<p>Ce site web et l'extension de navigateur peuvent enregistrer les données de connexion de l'utilisateur et notament son adresse IP. Ce site web utilise des cookies necessaire à son fonctionnement. Aucune données n'est vendue. Certaines données sont en libre accès (<a href="data.txt" target="_blank">base de données compteur</a>, <a href="error.txt" target="_blank">base de données erreur</a>). L'adresse IP de l'utilisateur est anonymisée (pseudonymisation avec un algorithme sha256 avec ajout d'une chaine de caractères secrete) avant d'être sauvegardée.</p>
<p>Ce site web et l'extension de navigateur peuvent enregistrer les données de connexion de l'utilisateur et notament son adresse IP. Ce site web utilise des cookies necessaire à son fonctionnement. Aucune donnée n'est vendue. Certaines données sont en libre accès (<a href="data.txt" target="_blank">base de données compteur</a>, <a href="error.txt" target="_blank">base de données erreur</a>). L'adresse IP de l'utilisateur est anonymisée (pseudonymisation avec un algorithme sha256 avec ajout d'une chaine de caractères secrete) avant d'être sauvegardée.</p>
<p>Avant d'utiliser l'extension de navigateur, l'utilisateur doit s'informer de son fonctionnement en consultant le code source en libre accès (<a href="https://framagit.org/DavidLibeau/rip-le-compteur" target="_blank">à cette adresse</a>) ou en demandant des informations à l'auteur de l'extension, si l'utilisateur a des questions.</p>
<p>L'utilisateur peut à tout moment exercer ses droits auprès de l'auteur du site web et de l'extension de navigateur. L'auteur du site web et de l'extension de navigateur aura 30 jours pour répondre et exercer les droits de l'utilisateur.</p>
<p>L'auteur de ce site web et de l'extension de navigateur peut être contacté <a href="https://davidlibeau.fr/Contact" target="_blank">à cette adresse</a>.</p>
......@@ -275,10 +317,10 @@
$(function() {
$("#tabs").tabs();
$(window).scroll(function(evt) {
if($(window).scrollTop()<$(document).height()/2){
$("footer").css("bottom","-"+$(window).scrollTop()+"px");
}else{
$("footer").css("bottom","-"+($(document).height()-($(window).scrollTop()+$(window).height()))+"px");
if ($(window).scrollTop() < $(document).height() / 2) {
$("footer").css("bottom", "-" + $(window).scrollTop() + "px");
} else {
$("footer").css("bottom", "-" + ($(document).height() - ($(window).scrollTop() + $(window).height())) + "px");
}
});
});
......
Markdown is supported
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