Verified Commit 41731c2b authored by David Libeau's avatar David Libeau
Browse files

Front improvements

parent 385cda26
......@@ -16,11 +16,22 @@
}
header {
font-size: 1.2em;
}
header,footer{
padding: 20px 0;
background-color: #3c3c3c;
color: white;
text-align: center;
padding: 50px 0;
}
header>*,footer>*{
margin: 0 auto !important;
}
h1,h2,p,#tabs {
h1,
h2,
p,
#tabs {
margin: 20px auto;
width: 80%;
}
......@@ -31,20 +42,23 @@
section {
padding: 20px;
}
section:nth-child(odd){
background-color: #fdfdfd;
}
section:nth-child(even){
background-color: #f0f0f0;
}
section.centered{
section.centered {
text-align: center;
background-color: white;
}
footer {
position: fixed;
bottom: 0;
right: 0;
left: 0;
padding: 20px;
background-color: #3c3c3c;
color: white;
}
a {
......@@ -56,39 +70,46 @@
a:hover {
text-decoration: underline;
}
.btn{
.btn {
background-color: #f0f0f0;
border-radius: 5px;
padding: 10px;
border:2px solid #f0f0f0;
border: 2px solid #f0f0f0;
}
.btn:hover{
.btn:hover {
text-decoration: none;
border-color: #3c3c3c;
}
.btn:active{
.btn:active {
opacity: 0.5;
}
.stats{
.stats {
display: block;
margin: auto;
overflow: auto;
}
.stats th {
text-align: left;
}
.stats .bar{
.stats .bar {
display: inline-block;
background-color: #9d9d9d;
}
</style>
</head>
<body>
<header>
<h3>RIP, le compteur.</h3>
</header>
<main>
<section class="centered">
<?php
$alphabet="ABCDEFGHIJKLMNOPQRSTUVWXYZ";
$counter=[];
......@@ -157,13 +178,15 @@
}
?>
<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 <?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>
</header>
<main>
<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
<?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>
</section>
<section>
<h2>Aider à améliorer cette statistique en installant un module sur votre navigateur</h2>
<p>Le site du ministère de l'intérieur ne permet pas d'obtenir le nombre de signatures total. Pour avoir ce chiffre, il faudrait que chacun compte les signatures affichées sur le site web. Heureusement, un script permet de le faire à votre place et de transmettre ce résultat à ce site web. L'objectif est de centraliser le comptage fait par les citoyens qui ont installé l'extension sur leur navigateur et ainsi d'avoir le nombre de signataires.</p>
......@@ -177,25 +200,26 @@
<h2>Avertissement et conditions d'utilisation</h2>
<p>L'auteur de ce site web et de l'extension ne peut être tenu responsable d'une mauvaise utilisation ou d'une utilisation malicieuse des outils ou données délivrés par ce site web.</p>
<p>Les données de ce site web 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>, <a href="https://framagit.org/DavidLibeau/rip-le-compteur" target="_blank">code source</a>) et sont soumis à leur licence respective.</p>
<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 md5 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é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>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>
</section>
<section style="background-color:white">
<section>
<h2>Statistiques supplémentaires</h2>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Alphabetique</a></li>
<li><a href="#tabs-1">Alphabétique</a></li>
<li><a href="#tabs-2">Popularité</a></li>
<li><a href="#tabs-3">A mettre à jour</a></li>
<li><a href="#tabs-4">A préciser</a></li>
</ul>
<div id="tabs-1">
<table class="stats">
<?php
<?php
foreach($bdd_best as $s => $c){
echo('<tr><th><a href="https://www.referendum.interieur.gouv.fr/consultation_publique/8/'.$s[0].'/'.$s.'" target="_blank">'.$s.'</a></th><th class="bar" style="width:'.($bdd_best[$s]["compteur"]/10).'px">'.$bdd_best[$s]["compteur"].'</th></tr>');
}
......@@ -203,7 +227,8 @@
</table>
</div>
<div id="tabs-2">
<table class="stats"><?php
<table class="stats">
<?php
$bdd_sorted=$bdd_best;
uasort($bdd_sorted, function($a, $b) {
return $b["compteur"] <=> $a["compteur"];
......@@ -215,7 +240,8 @@
</table>
</div>
<div id="tabs-3">
<table class="stats"><?php
<table class="stats">
<?php
$bdd_sorted=$bdd_last;
usort($bdd_sorted, function($a, $b) {
return DateTime::createFromFormat('d/m/y H:i:s', $a["date"]) <=> DateTime::createFromFormat('d/m/y H:i:s', $b["date"]);
......@@ -228,7 +254,7 @@
</div>
<div id="tabs-4">
<table class="stats">
<?php
<?php
foreach($bdd_sorted as $s => $c){
if($bdd_sorted[$s]["compteur"]>200 && !$bdd_sorted[$s]["is_last"]){
echo('<tr><th><a href="https://www.referendum.interieur.gouv.fr/consultation_publique/8/'.$bdd_sorted[$s]["section"][0].'/'.$bdd_sorted[$s]["section"].'?page='.$bdd_sorted[$s]["nb_pages"].'" target="_blank">'.$bdd_sorted[$s]["section"].'</a></th><th><a href="https://www.referendum.interieur.gouv.fr/consultation_publique/8/'.$bdd_sorted[$s]["section"][0].'/'.$bdd_sorted[$s]["section"].'?page='.$bdd_sorted[$s]["nb_pages"].'" target="_blank">'.$bdd_sorted[$s]["date"].' & n\'est pas précis</a></th></tr>');
......@@ -241,13 +267,20 @@
</section>
</main>
<footer>
<p>Données CC-BY David Libeau & contributeur·rice·s / Code GNU AGPLv3 (<a href="https://framagit.org/DavidLibeau/rip-le-compteur" target="_blank">open source</a>)</p>
Données CC-BY David Libeau & contributeur·rice·s / Code GNU AGPLv3 (<a href="https://framagit.org/DavidLibeau/rip-le-compteur" target="_blank">open source</a>)
</footer>
<script src="//dav.li/jquery/3.1.1.min.js"></script>
<script src="//dav.li/jquery/ui/jquery-ui.min.js"></script>
<script>
$(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");
}
});
});
</script>
</body>
......
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