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

etude de la trad 2

parent dea8236a
Title: Welcome to Memopol
URL:
save_as: index.html
template: home-en
Lang:en
......@@ -14,7 +14,7 @@
</head>
<body id="index" class="index">
<body id="index" class="home">
<div class="container-fluid">
<div class="row layout">
......@@ -68,23 +68,165 @@
</aside>
<main class="content">
<article class="hentry">
<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>
<footer class="post-info">
<div class="article-infos">
<time class="published" datetime="2011-06-02T21:05:00+02:00"> 02/06/2011 </time>
<address class="vcard author">by
<a class="url fn" href="../author/admin.html">admin</a>
</address>
</div> </footer>
<div class="entry-content"> <p>Welcome to the Political Memory blog.</p>
<p>Political Memory 2.0 is a free software tool to track and remember
Members of the European Parliament's actions and votes.</p>
<p>On this site you will find more information about how Political Memory
came to be, <a href="http://www.memopol.org/what-is-political-memory/" title="What is Political Memory?">what it
is</a>
and what it can ...</p> </div>
</article>
<div class="table center-content" style="margin-top: 4rem;">
<div class="cell" style="vertical-align: middle; width: 44%">
<h1 class="home" style="text-align: center">
<span class="blue">Memo</span> <span class="blue">Pol</span>itics
<br />
from the <span class="green">past</span>
<br />
for the <span class="red">future</span>
</h1>
</div>
<div class="cell" style="vertical-align: middle; text-align: right">
<blockquote>
The human memory is bad, really bad, we are barely capable
of remembering what we ate 3 weeks ago
</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" />
</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>
</div>
......@@ -94,5 +236,47 @@ and what it can ...</p> </div>
</div>
<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>
</html>
\ No newline at end of file
......@@ -14,7 +14,7 @@
</head>
<body id="index" class="index">
<body id="index" class="home">
<div class="container-fluid">
<div class="row layout">
......@@ -68,24 +68,165 @@
</aside>
<main class="content">
<article class="hentry">
<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>
<footer class="post-info">
<div class="article-infos">
<time class="published" datetime="2011-10-31T11:41:00+01:00"> 31/10/2011 </time>
<address class="vcard author">by
<a class="url fn" href="../author/axx.html">axx</a>
</address>
</div> </footer>
<div class="entry-content"> <h2>Why we citizens need Memopol.</h2>
<h3>A simple observation</h3>
<p>It all starts with a simple observation:</p>
<p>During an election, when you have the possibility to vote to choose your
new representative, most of the time the elements that can help you make
a choice are:</p>
<ul>
<li>the representative's party's program ...</li></ul> </div>
</article>
<div class="table center-content" style="margin-top: 4rem;">
<div class="cell" style="vertical-align: middle; width: 44%">
<h1 class="home" style="text-align: center">
<span class="blue">Memo</span> <span class="blue">Pol</span>itics
<br />
from the <span class="green">past</span>
<br />
for the <span class="red">future</span>
</h1>
</div>
<div class="cell" style="vertical-align: middle; text-align: right">
<blockquote>
The human memory is bad, really bad, we are barely capable
of remembering what we ate 3 weeks ago
</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" />
</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>
</div>
......@@ -95,5 +236,47 @@ a choice are:</p>
</div>
<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>
</html>
\ No newline at end of file
This diff is collapsed.
......@@ -14,7 +14,7 @@
</head>
<body id="index" class="index">
<body id="index" class="home">
<div class="container-fluid">
<div class="row layout">
......@@ -68,22 +68,165 @@
</aside>
<main class="content">
<article class="hentry">
<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>
<footer class="post-info">
<div class="article-infos">
<time class="published" datetime="2011-06-05T11:34:00+02:00"> 05/06/2011 </time>
<address class="vcard author">by
<a class="url fn" href="../author/bram.html">bram</a>
</address>
</div> </footer>
<div class="entry-content"> <p>The best way to explain what Political Memory is, is by explaining where
it came from.</p>
<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
campaigning tool.</p>
<p>La Quadrature du Net is a citizen group ...</p> </div>
</article>
<div class="table center-content" style="margin-top: 4rem;">
<div class="cell" style="vertical-align: middle; width: 44%">
<h1 class="home" style="text-align: center">
<span class="blue">Memo</span> <span class="blue">Pol</span>itics
<br />
from the <span class="green">past</span>
<br />
for the <span class="red">future</span>
</h1>
</div>
<div class="cell" style="vertical-align: middle; text-align: right">
<blockquote>
The human memory is bad, really bad, we are barely capable
of remembering what we ate 3 weeks ago
</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" />
</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>
</div>
......@@ -93,5 +236,47 @@ campaigning tool.</p>
</div>
<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.',