Skip to content

GitLab

B
blog-memopol
Commit 02aff85b authored by Arthur's avatar Arthur Committed by Jamesie Pic
Browse files
Options

etude de la trad 2

parent dea8236a
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 5867 additions and 10745 deletions
content/pages/home.md
View file @ 02aff85b
Title: Welcome to Memopol
URL:
save_as: index.html
template: home-en
Lang:en
output/author/admin.html
View file @ 02aff85b
......@@ -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
output/author/axx.html
View file @ 02aff85b
......@@ -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
output/author/bram.html
View file @ 02aff85b
......@@ -14,7 +14,7 @@
</head>
<body id="index" class="index">
<body id="index" class="home">
<div class="container-fluid">
<div class="row layout">
......@@ -68,90 +68,165 @@
</aside>
<main class="content">
<article class="hentry">
<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>
<footer class="post-info">
<div class="article-infos">
<time class="published" datetime="2012-10-20T17:42:00+02:00"> 20/10/2012 </time>
<address class="vcard author">by
<a class="url fn" href="../author/bram.html">bram</a>
</address>
</div> </footer>
<div class="entry-content"> <p>Hello there !</p>
<p>We did a lot these days for Memopol !</p>
<h2>Spreading Memopol anywhere</h2>
<p>First, we did some work in order to let you use Memopol for any other
cause! We believe this tool is awesome, so we want to spread it! Image
if you could go on the political memory ...</p> </div>
</article>
<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>
<footer class="post-info">
<div class="article-infos">
<time class="published" datetime="2012-06-01T09:08:00+02:00"> 01/06/2012 </time>
<address class="vcard author">by
<a class="url fn" href="../author/bram.html">bram</a>
</address>
</div> </footer>
<div class="entry-content"> <p>We did pretty nice thing the last weeks!</p>
<h3>Memopol, prettier for the summer</h3>
<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>
<p>It is on prod, and as we warned you last time, it has been modified a
bit to be more parliament-like. Now it won ...</p> </div>
</article>
<article class="hentry">
<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="article-infos">
<time class="published" datetime="2012-05-11T14:00:00+02:00"> 11/05/2012 </time>
<address class="vcard author">by
<a class="url fn" href="../author/bram.html">bram</a>
</address>
</div> </footer>
<div class="entry-content"> <p>Hmm, what did we do last week ?</p>
<p>We are still working on the design. We gathered a bit more feedback from
the ones that worked on it at the last quadratelier. Webdesigners need
more poking around, but we have no worries, quota_atypique pokes around
a lot.</p>
<p>We are about to ...</p> </div>
</article>
<article class="hentry">
<header><h2 class="entry-title"><a href="../whats-new-on-memopol-dev-n0.html" rel="bookmark" title="Permalink to What's new on memopol dev n°0">What's new on memopol dev n°0</a></h2></header>
<footer class="post-info">
<div class="article-infos">
<time class="published" datetime="2012-04-30T20:11:00+02:00"> 30/04/2012 </time>
<address class="vcard author">by
<a class="url fn" href="../author/bram.html">bram</a>
</address>
</div> </footer>
<div class="entry-content"> <p>Hello everyone, this is the beginning of a series of development diaries
to report on the progress of our project!</p>
<p><strong>Latest improvements:</strong><br />
As part of the latest improvements we have:</p>
<p>A great patch by new contributors: <a href="">emel</a> and
<a href="http://marmelune.net">benoitb</a>. They have managed to reduce the
incredibly high number of queries ...</p> </div>
</article>
<article class="hentry">
<header><h2 class="entry-title"><a href="../video-presentation-of-political-memory-at-constantvzw.html" rel="bookmark" title="Permalink to [video] Presentation of Political Memory at ConstantVZW">[video] Presentation of Political Memory at ConstantVZW</a></h2></header>
<footer class="post-info">
<div class="article-infos">
<time class="published" datetime="2011-12-13T11:54:00+01:00"> 13/12/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 following presentation was made at ConstantVZW for a mix of artists,
activists and hackers.</p>
<p><a href="http://video.constantvzw.org/VJ13/12-02_Pipilongstrings05.ogv">Memopol 2 presentation at
ConstantVZW</a></p>
<p>Thanks to ConstantVZW for this opportunity!</p>
<p>You can also watch Stefan's presentation of Parltrack and Pippi
Longstrings as well as a debate about ACTA
<a href="http://video.constantvzw.org/VJ13/12-02_Pipilongstrings05.ogv">here</a>.
Look for the “Pipilongstrings ...</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 />