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
This diff is collapsed.
...@@ -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,22 +68,165 @@ ...@@ -68,22 +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="../an-introduction-to-the-project.html" rel="bookmark" title="Permalink to An Introduction to the project">An Introduction to the project</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-05T11:34:00+02:00"> 05/06/2011 </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>The best way to explain what Political Memory is, is by explaining where </div>
it came from.</p> <div class="cell" style="vertical-align: middle; text-align: right">
<p>So, let's start by a bit of context. Political Memory is a tool built by
<a href="http://laquadrature.net">La Quadrature du Net</a>. It is its major <blockquote>
campaigning tool.</p> The human memory is bad, really bad, we are barely capable
<p>La Quadrature du Net is a citizen group ...</p> </div> of remembering what we ate 3 weeks ago
</article> </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="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" />