Commit 02aff85b authored by Arthur's avatar Arthur Committed by Jamesie Pic

etude de la trad 2

parent dea8236a
Title: Welcome to Memopol Title: Welcome to Memopol
URL: URL:
save_as: index.html
template: home-en
Lang:en Lang:en
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
</head> </head>
<body id="index" class="index"> <body id="index" class="home">
<div class="container-fluid"> <div class="container-fluid">
<div class="row layout"> <div class="row layout">
...@@ -68,23 +68,165 @@ ...@@ -68,23 +68,165 @@
</aside> </aside>
<main class="content"> <main class="content">
<article class="hentry"> <div class="table center-content" style="margin-top: 4rem;">
<header><h2 class="entry-title"><a href="../memopol-2-blog.html" rel="bookmark" title="Permalink to Political Memory blog is starting">Political Memory blog is starting</a></h2></header> <div class="cell" style="vertical-align: middle; width: 44%">
<footer class="post-info"> <h1 class="home" style="text-align: center">
<div class="article-infos"> <span class="blue">Memo</span> <span class="blue">Pol</span>itics
<time class="published" datetime="2011-06-02T21:05:00+02:00"> 02/06/2011 </time> <br />
<address class="vcard author">by from the <span class="green">past</span>
<a class="url fn" href="../author/admin.html">admin</a> <br />
</address> for the <span class="red">future</span>
</div> </footer> </h1>
<div class="entry-content"> <p>Welcome to the Political Memory blog.</p> </div>
<p>Political Memory 2.0 is a free software tool to track and remember <div class="cell" style="vertical-align: middle; text-align: right">
Members of the European Parliament's actions and votes.</p>
<p>On this site you will find more information about how Political Memory <blockquote>
came to be, <a href="http://www.memopol.org/what-is-political-memory/" title="What is Political Memory?">what it The human memory is bad, really bad, we are barely capable
is</a> of remembering what we ate 3 weeks ago
and what it can ...</p> </div> </blockquote>
</article>
<span class="quote-author">
<a href="/pages/changing-democracy-with-code-a-word-from-the-developers.html"
>Changing democracy with code</a>,
<a href="http://worlddomination.be/"
>Laurent Peuch</a>,
hacktivist, creator of Memopol
</span>
</div>
</div>
<div class="cover scores">
<div class="title">
Memopol provides activists the ability to track activity of political representatives
</div>
</div>
<div class="table">
<div class="cell">
<p>
You can install Memopol to build your own database of representatives,
dossiers, documents, proposals and votes from various chambers:
</p>
<ul>
<li>
the <a
href="http://www.europarl.europa.eu/"
>European Parliament</a> thanks to the
<a
href="parltrack.euwiki.org"
>Parltrack project</a>
</li>
<li>
<a
href="https://www.assemblee-nationale.fr"
>French National Assembly</a>
thanks to data from
<a
href="https://www.nosdeputes.fr/"
>NosDéputes.fr</a> by
<a
href="https://www.regardscitoyens.org/"
>Regards Citoyens</a> and the
<a
href="https://github.com/LaboratoireCitoyen/FranceData"
>FranceData vote scraper</a>
</li>
<li>
<a
href="https://www.senat.fr"
>French Senate</a> as above but with
<a
href="https://www.nossenateurs.fr/"
>NosSénateurs.fr</a>
</li>
</ul>
</p>
</div>
<div class="cell">
<img src="/images/eu.png" />
</div>
<div class="cell">
<img src="/images/senat_an.jpg" />
</div>
</div>
<div class="cover gears">
<div class="title">
Memopol builds a database from the parliaments including representatives, votes, dossiers, and more !
</div>
</div>
<div class="table">
<div class="cell">
Citizens can already access the <a
href="https://memopol.lqdn.fr">Memopol installation</a> that is managed
by <a href="https://laquadrature.net">La Quadrature du Net</a>, which
is used by other organizations such as <a
href="https://edri.org/">EDRi</a>.
</div>
<div class="cell">
<blockquote>We vote for a new representative with: their party's program, their
communication campaign, the promises they made, our historical attachment...
And sometimes, we might even remember a few things they've done !
</blockquote>
<span class="quote-author">
<a href="/pages/changing-democracy-with-code-a-word-from-the-developers.html"
>Changing democracy with code</a>,
<a href="http://worlddomination.be/"
>Laurent Peuch</a>,
hacktivist, creator of Memopol
</span>
</div>
</div>
<div class="banner banner-en">
<div class="title">
Memopol uses vote data to compute scores of each representative
</div>
</div>
<div class="table">
<div id="votes-chart-container" class="cell">
<canvas id="votes-chart"></canvas>
</div>
<div class="cell">
<p>
This chart represents numbers of public votes against the number of
votes made using secret ballots.
</p>
<p>
In the European Parliament, we have
data about 995 votes taken in 2014, against a total of
<a
href="www.europarl.europa.eu/sed/doc/news/previoustermstatistic/7LEG_number%20of%20voting%20operations_en.pdf"
>4268 voting operations reported for 2014</a>.
</p>
<p>
In the French National Assembly, it was
<a
href="http://www2.assemblee-nationale.fr/14/statistiques-de-l-activite-parlementaire"
>reported for the XIVe législature</a>
that only 135 votes were taken as public and that 1193 of them were
taken as "ordinary": secret votes.
</p>
<p>
This graphic speaks for itself: very little is shared by your
representatives about the votes taken in the European Parliament.
<a
href="http://www.demsoc.org/2013/02/10/no-parliament-should-vote-in-secret/"
>How can they represent you when you don't even know what's going
on in the first place?</a>
</p>
</div>
</div>
<div class="banner question" style="margin-bottom: 0">
<div class="title">
Memopol uses the <b>public</b> data from parliaments, but secret ballots can be added manually !
</div>
</div>
</main> </main>
</div> </div>
...@@ -94,5 +236,47 @@ and what it can ...</p> </div> ...@@ -94,5 +236,47 @@ and what it can ...</p> </div>
</div> </div>
<script type="text/javascript" src="../theme/dist/script.js"></script> <script type="text/javascript" src="../theme/dist/script.js"></script>
<script>
var ctx = document.getElementById('votes-chart');
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: [
'EU Public 2014',
'EU Private 2014',
'FR A/N Pub. XIVe leg.',
'FR A/N Secret XIVe leg.',
],
datasets: [{
label: '% of Votes',
data: [995, 3273, 135, 1193],
backgroundColor: [
'rgba(54, 162, 235, 0.2)',
'rgba(255, 206, 86, 0.2)',
'rgba(75, 192, 192, 0.2)',
'rgba(255, 99, 132, 0.2)',
],
borderColor: [
'rgba(54, 162, 235, 1)',
'rgba(255, 206, 86, 1)',
'rgba(75, 192, 192, 1)',
'rgba(255,99,132,1)',
],
borderWidth: 1
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
scales: {
yAxes: [{
ticks: {
beginAtZero:true
}
}]
}
}
});
</script>
</body> </body>
</html> </html>
\ No newline at end of file
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
</head> </head>
<body id="index" class="index"> <body id="index" class="home">
<div class="container-fluid"> <div class="container-fluid">
<div class="row layout"> <div class="row layout">
...@@ -68,24 +68,165 @@ ...@@ -68,24 +68,165 @@
</aside> </aside>
<main class="content"> <main class="content">
<article class="hentry"> <div class="table center-content" style="margin-top: 4rem;">
<header><h2 class="entry-title"><a href="../changing-democracy-with-code-a-word-from-the-developers.html" rel="bookmark" title="Permalink to Changing Democracy With Code: A Word From The Developers">Changing Democracy With Code: A Word From The Developers</a></h2></header> <div class="cell" style="vertical-align: middle; width: 44%">
<footer class="post-info"> <h1 class="home" style="text-align: center">
<div class="article-infos"> <span class="blue">Memo</span> <span class="blue">Pol</span>itics
<time class="published" datetime="2011-10-31T11:41:00+01:00"> 31/10/2011 </time> <br />
<address class="vcard author">by from the <span class="green">past</span>
<a class="url fn" href="../author/axx.html">axx</a> <br />
</address> for the <span class="red">future</span>
</div> </footer> </h1>
<div class="entry-content"> <h2>Why we citizens need Memopol.</h2> </div>
<h3>A simple observation</h3> <div class="cell" style="vertical-align: middle; text-align: right">
<p>It all starts with a simple observation:</p>
<p>During an election, when you have the possibility to vote to choose your <blockquote>
new representative, most of the time the elements that can help you make The human memory is bad, really bad, we are barely capable
a choice are:</p> of remembering what we ate 3 weeks ago
<ul> </blockquote>
<li>the representative's party's program ...</li></ul> </div>
</article> <span class="quote-author">
<a href="/pages/changing-democracy-with-code-a-word-from-the-developers.html"
>Changing democracy with code</a>,
<a href="http://worlddomination.be/"
>Laurent Peuch</a>,
hacktivist, creator of Memopol
</span>
</div>
</div>
<div class="cover scores">
<div class="title">
Memopol provides activists the ability to track activity of political representatives
</div>
</div>
<div class="table">
<div class="cell">
<p>
You can install Memopol to build your own database of representatives,
dossiers, documents, proposals and votes from various chambers:
</p>
<ul>
<li>
the <a
href="http://www.europarl.europa.eu/"
>European Parliament</a> thanks to the
<a
href="parltrack.euwiki.org"
>Parltrack project</a>
</li>
<li>
<a
href="https://www.assemblee-nationale.fr"
>French National Assembly</a>
thanks to data from
<a
href="https://www.nosdeputes.fr/"
>NosDéputes.fr</a> by
<a
href="https://www.regardscitoyens.org/"
>Regards Citoyens</a> and the
<a
href="https://github.com/LaboratoireCitoyen/FranceData"
>FranceData vote scraper</a>
</li>
<li>
<a
href="https://www.senat.fr"
>French Senate</a> as above but with
<a
href="https://www.nossenateurs.fr/"
>NosSénateurs.fr</a>
</li>
</ul>
</p>
</div>
<div class="cell">
<img src="/images/eu.png" />
</div>
<div class="cell">
<img src="/images/senat_an.jpg" />
</div>
</div>
<div class="cover gears">
<div class="title">
Memopol builds a database from the parliaments including representatives, votes, dossiers, and more !
</div>
</div>
<div class="table">
<div class="cell">
Citizens can already access the <a
href="https://memopol.lqdn.fr">Memopol installation</a> that is managed
by <a href="https://laquadrature.net">La Quadrature du Net</a>, which
is used by other organizations such as <a
href="https://edri.org/">EDRi</a>.
</div>
<div class="cell">
<blockquote>We vote for a new representative with: their party's program, their
communication campaign, the promises they made, our historical attachment...
And sometimes, we might even remember a few things they've done !
</blockquote>
<span class="quote-author">
<a href="/pages/changing-democracy-with-code-a-word-from-the-developers.html"
>Changing democracy with code</a>,
<a href="http://worlddomination.be/"
>Laurent Peuch</a>,
hacktivist, creator of Memopol
</span>
</div>
</div>
<div class="banner banner-en">
<div class="title">
Memopol uses vote data to compute scores of each representative
</div>
</div>
<div class="table">
<div id="votes-chart-container" class="cell">
<canvas id="votes-chart"></canvas>
</div>
<div class="cell">
<p>
This chart represents numbers of public votes against the number of
votes made using secret ballots.
</p>
<p>
In the European Parliament, we have
data about 995 votes taken in 2014, against a total of
<a
href="www.europarl.europa.eu/sed/doc/news/previoustermstatistic/7LEG_number%20of%20voting%20operations_en.pdf"
>4268 voting operations reported for 2014</a>.
</p>
<p>
In the French National Assembly, it was
<a
href="http://www2.assemblee-nationale.fr/14/statistiques-de-l-activite-parlementaire"
>reported for the XIVe législature</a>
that only 135 votes were taken as public and that 1193 of them were
taken as "ordinary": secret votes.
</p>
<p>
This graphic speaks for itself: very little is shared by your
representatives about the votes taken in the European Parliament.
<a
href="http://www.demsoc.org/2013/02/10/no-parliament-should-vote-in-secret/"
>How can they represent you when you don't even know what's going
on in the first place?</a>
</p>
</div>
</div>
<div class="banner question" style="margin-bottom: 0">
<div class="title">
Memopol uses the <b>public</b> data from parliaments, but secret ballots can be added manually !
</div>
</div>
</main> </main>
</div> </div>
...@@ -95,5 +236,47 @@ a choice are:</p> ...@@ -95,5 +236,47 @@ a choice are:</p>
</div> </div>
<script type="text/javascript" src="../theme/dist/script.js"></script> <script type="text/javascript" src="../theme/dist/script.js"></script>
<script>
var ctx = document.getElementById('votes-chart');
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: [
'EU Public 2014',
'EU Private 2014',
'FR A/N Pub. XIVe leg.',
'FR A/N Secret XIVe leg.',
],
datasets: [{
label: '% of Votes',
data: [995, 3273, 135, 1193],
backgroundColor: [
'rgba(54, 162, 235, 0.2)',
'rgba(255, 206, 86, 0.2)',
'rgba(75, 192, 192, 0.2)',
'rgba(255, 99, 132, 0.2)',
],
borderColor: [
'rgba(54, 162, 235, 1)',
'rgba(255, 206, 86, 1)',
'rgba(75, 192, 192, 1)',
'rgba(255,99,132,1)',
],
borderWidth: 1
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
scales: {
yAxes: [{
ticks: {
beginAtZero:true
}
}]
}
}
});
</script>
</body> </body>
</html> </html>
\ No newline at end of file
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
</head> </head>
<body id="index" class="index"> <body id="index" class="home">
<div class="container-fluid"> <div class="container-fluid">
<div class="row layout"> <div class="row layout">
...@@ -68,90 +68,165 @@ ...@@ -68,90 +68,165 @@
</aside> </aside>
<main class="content"> <main class="content">
<article class="hentry"> <div class="table center-content" style="margin-top: 4rem;">
<header><h2 class="entry-title"><a href="../whats-new-on-memopol-5.html" rel="bookmark" title="Permalink to What’s new on Memopol ? #5">What’s new on Memopol ? #5</a></h2></header> <div class="cell" style="vertical-align: middle; width: 44%">
<footer class="post-info"> <h1 class="home" style="text-align: center">
<div class="article-infos"> <span class="blue">Memo</span> <span class="blue">Pol</span>itics
<time class="published" datetime="2012-10-20T17:42:00+02:00"> 20/10/2012 </time> <br />
<address class="vcard author">by from the <span class="green">past</span>
<a class="url fn" href="../author/bram.html">bram</a> <br />
</address> for the <span class="red">future</span>
</div> </footer> </h1>
<div class="entry-content"> <p>Hello there !</p> </div>
<p>We did a lot these days for Memopol !</p> <div class="cell" style="vertical-align: middle; text-align: right">
<h2>Spreading Memopol anywhere</h2>
<p>First, we did some work in order to let you use Memopol for any other <blockquote>
cause! We believe this tool is awesome, so we want to spread it! Image The human memory is bad, really bad, we are barely capable
if you could go on the political memory ...</p> </div> of remembering what we ate 3 weeks ago
</article> </blockquote>
<article class="hentry">
<header><h2 class="entry-title"><a href="../whats-new-on-memopol-2.html" rel="bookmark" title="Permalink to What's new on Memopol ? #2">What's new on Memopol ? #2</a></h2></header> <span class="quote-author">
<footer class="post-info"> <a href="/pages/changing-democracy-with-code-a-word-from-the-developers.html"
<div class="article-infos"> >Changing democracy with code</a>,
<time class="published" datetime="2012-06-01T09:08:00+02:00"> 01/06/2012 </time> <a href="http://worlddomination.be/"
<address class="vcard author">by >Laurent Peuch</a>,
<a class="url fn" href="../author/bram.html">bram</a> hacktivist, creator of Memopol
</address> </span>
</div> </footer>
<div class="entry-content"> <p>We did pretty nice thing the last weeks!</p> </div>
<h3>Memopol, prettier for the summer</h3> </div>
<p>First of all, let us introduce you to our brand new logo! \o/</p>
<p><img alt="logo" src="https://memopol.lqdn.fr/static/img/logo.png" /></p> <div class="cover scores">
<p>It is on prod, and as we warned you last time, it has been modified a <div class="title">
bit to be more parliament-like. Now it won ...</p> </div> Memopol provides activists the ability to track activity of political representatives
</article> </div>
<article class="hentry"> </div>
<header><h2 class="entry-title"><a href="../whats-new-on-memopol-dev-n1.html" rel="bookmark" title="Permalink to What’s new on memopol dev n°1">What’s new on memopol dev n°1</a></h2></header>
<footer class="post-info"> <div class="table">
<div class="article-infos"> <div class="cell">
<time class="published" datetime="2012-05-11T14:00:00+02:00"> 11/05/2012 </time>