Commit 8e499c12 authored by Jamesie Pic's avatar Jamesie Pic

Theme / content update

parent 1f38a56f
Title: Welcome to Memopol
URL:
save_as: index.html
template: home
<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>
......@@ -17,13 +17,18 @@
<body id="index" class="">
<div class="container-fluid">
<div class="row">
<aside class="col-lg-3 col-md-4">
<div class="row layout">
<aside class="sidebar">
<nav class="nav">
<a href=".">
<img src="./theme/img/profile.png" alt="" title="">
<img src="http://pub.yourlabs.org/memopol-pink.png" alt="Bridging the gap between politics and citizens" title="Bridging the gap between politics and citizens">
</a>
<a href=".">
<h3>
<span class="blue">MEMO</span>IRE
<span class="blue">POL</span>ITIQUE
</h3>
</a>
<h1><a href="."></a></h1>
<p>Bridging the gap between politics and citizens</p>
<ul class="nav nav-pills nav-stacked collapse">
......@@ -43,9 +48,6 @@
<li class="nav-item">
<a class="nav-link" href="./pages/about-memopol.html#about-memopol">About Memopol</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pages/changing-democracy-with-code-a-word-from-the-developers.html#changing-democracy-with-code-a-word-from-the-developers">Changing Democracy With Code: A Word From The Developers</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pages/contact.html#contact">Contact</a>
</li>
......@@ -61,6 +63,9 @@
<li class="nav-item">
<a class="nav-link" href="./pages/faq-fr.html#faq-fr">FAQ (fr)</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./#welcome-to-memopol">Welcome to Memopol</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pages/a-propos-de-memopol.html#a-propos-de-memopol">À propos de Memopol</a>
</li>
......@@ -68,8 +73,7 @@
</nav>
</aside>
<main class="col-lg-9 col-md-8">
<main class="content">
<section id="content" class="body">
<article>
<header>
......
......@@ -17,13 +17,18 @@
<body id="index" class="">
<div class="container-fluid">
<div class="row">
<aside class="col-lg-3 col-md-4">
<div class="row layout">
<aside class="sidebar">
<nav class="nav">
<a href=".">
<img src="./theme/img/profile.png" alt="" title="">
<img src="http://pub.yourlabs.org/memopol-pink.png" alt="Bridging the gap between politics and citizens" title="Bridging the gap between politics and citizens">
</a>
<a href=".">
<h3>
<span class="blue">MEMO</span>IRE
<span class="blue">POL</span>ITIQUE
</h3>
</a>
<h1><a href="."></a></h1>
<p>Bridging the gap between politics and citizens</p>
<ul class="nav nav-pills nav-stacked collapse">
......@@ -43,9 +48,6 @@
<li class="nav-item">
<a class="nav-link" href="./pages/about-memopol.html#about-memopol">About Memopol</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pages/changing-democracy-with-code-a-word-from-the-developers.html#changing-democracy-with-code-a-word-from-the-developers">Changing Democracy With Code: A Word From The Developers</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pages/contact.html#contact">Contact</a>
</li>
......@@ -61,6 +63,9 @@
<li class="nav-item">
<a class="nav-link" href="./pages/faq-fr.html#faq-fr">FAQ (fr)</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./#welcome-to-memopol">Welcome to Memopol</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pages/a-propos-de-memopol.html#a-propos-de-memopol">À propos de Memopol</a>
</li>
......@@ -68,8 +73,7 @@
</nav>
</aside>
<main class="col-lg-9 col-md-8">
<main class="content">
<section id="content" class="body">
<article>
<header>
......
......@@ -17,13 +17,18 @@
<body id="index" class="">
<div class="container-fluid">
<div class="row">
<aside class="col-lg-3 col-md-4">
<div class="row layout">
<aside class="sidebar">
<nav class="nav">
<a href=".">
<img src="./theme/img/profile.png" alt="" title="">
<img src="http://pub.yourlabs.org/memopol-pink.png" alt="Bridging the gap between politics and citizens" title="Bridging the gap between politics and citizens">
</a>
<a href=".">
<h3>
<span class="blue">MEMO</span>IRE
<span class="blue">POL</span>ITIQUE
</h3>
</a>
<h1><a href="."></a></h1>
<p>Bridging the gap between politics and citizens</p>
<ul class="nav nav-pills nav-stacked collapse">
......@@ -43,9 +48,6 @@
<li class="nav-item">
<a class="nav-link" href="./pages/about-memopol.html#about-memopol">About Memopol</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pages/changing-democracy-with-code-a-word-from-the-developers.html#changing-democracy-with-code-a-word-from-the-developers">Changing Democracy With Code: A Word From The Developers</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pages/contact.html#contact">Contact</a>
</li>
......@@ -61,6 +63,9 @@
<li class="nav-item">
<a class="nav-link" href="./pages/faq-fr.html#faq-fr">FAQ (fr)</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./#welcome-to-memopol">Welcome to Memopol</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pages/a-propos-de-memopol.html#a-propos-de-memopol">À propos de Memopol</a>
</li>
......@@ -68,8 +73,7 @@
</nav>
</aside>
<main class="col-lg-9 col-md-8">
<main class="content">
<section id="content" class="body">
<h1>Archives for Memopol Project</h1>
......@@ -110,6 +114,8 @@
<dd><a href="./whats-new-on-memopol-dev-n0.html">What's new on memopol dev n°0</a></dd>
<dt>13/12/2011</dt>
<dd><a href="./video-presentation-of-political-memory-at-constantvzw.html">[video] Presentation of Political Memory at ConstantVZW</a></dd>
<dt>31/10/2011</dt>
<dd><a href="./changing-democracy-with-code-a-word-from-the-developers.html">Changing Democracy With Code: A Word From The Developers</a></dd>
<dt>05/06/2011</dt>
<dd><a href="./an-introduction-to-the-project.html">An Introduction to the project</a></dd>
<dt>02/06/2011</dt>
......
......@@ -17,13 +17,18 @@
<body id="index" class="index">
<div class="container-fluid">
<div class="row">
<aside class="col-lg-3 col-md-4">
<div class="row layout">
<aside class="sidebar">
<nav class="nav">
<a href="..">
<img src="../theme/img/profile.png" alt="" title="">
<img src="http://pub.yourlabs.org/memopol-pink.png" alt="Bridging the gap between politics and citizens" title="Bridging the gap between politics and citizens">
</a>
<a href="..">
<h3>
<span class="blue">MEMO</span>IRE
<span class="blue">POL</span>ITIQUE
</h3>
</a>
<h1><a href=".."></a></h1>
<p>Bridging the gap between politics and citizens</p>
<ul class="nav nav-pills nav-stacked collapse">
......@@ -43,9 +48,6 @@
<li class="nav-item">
<a class="nav-link" href="../pages/about-memopol.html#about-memopol">About Memopol</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../pages/changing-democracy-with-code-a-word-from-the-developers.html#changing-democracy-with-code-a-word-from-the-developers">Changing Democracy With Code: A Word From The Developers</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../pages/contact.html#contact">Contact</a>
</li>
......@@ -61,6 +63,9 @@
<li class="nav-item">
<a class="nav-link" href="../pages/faq-fr.html#faq-fr">FAQ (fr)</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../#welcome-to-memopol">Welcome to Memopol</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../pages/a-propos-de-memopol.html#a-propos-de-memopol">À propos de Memopol</a>
</li>
......@@ -68,10 +73,7 @@
</nav>
</aside>
<main class="col-lg-9 col-md-8">
<div class="container">
<div class="row">
<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">
......@@ -89,8 +91,6 @@ came to be, <a href="http://www.memopol.org/what-is-political-memory/" title="Wh
is</a>
and what it can ...</p> </div>
</article>
</div>
</div>
</main>
</div>
......
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Memopol Project - axx</title>
<link rel="stylesheet" href="../theme/dist/bootstrap.min.css" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!--[if IE]>
<script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="shortcut icon" href="https://memopol.lqdn.fr/static/collected/images/favicon.png" />
</head>
<body id="index" class="index">
<div class="container-fluid">
<div class="row layout">
<aside class="sidebar">
<nav class="nav">
<a href="..">
<img src="http://pub.yourlabs.org/memopol-pink.png" alt="Bridging the gap between politics and citizens" title="Bridging the gap between politics and citizens">
</a>
<a href="..">
<h3>
<span class="blue">MEMO</span>IRE
<span class="blue">POL</span>ITIQUE
</h3>
</a>
<p>Bridging the gap between politics and citizens</p>
<ul class="nav nav-pills nav-stacked collapse">
<li class="nav-item">
<a
class="nav-link "
href="../category/misc.html"
>misc</a>
</li>
<li class="nav-item">
<a
class="nav-link "
href="../category/news.html"
>News</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../pages/about-memopol.html#about-memopol">About Memopol</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../pages/contact.html#contact">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../pages/contribute.html#contribute">Contribute</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../pages/download-install-instructions.html#download-install-instructions">Download & Install instructions</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../pages/faq.html#faq">FAQ (en)</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../pages/faq-fr.html#faq-fr">FAQ (fr)</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../#welcome-to-memopol">Welcome to Memopol</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../pages/a-propos-de-memopol.html#a-propos-de-memopol">À propos de Memopol</a>
</li>
</ul>
</nav>
</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>
</main>
</div>
<footer>
GNU
</footer>
</div>
<script type="text/javascript" src="../theme/dist/script.js"></script>
</body>
</html>
\ No newline at end of file
......@@ -17,13 +17,18 @@
<body id="index" class="index">
<div class="container-fluid">
<div class="row">
<aside class="col-lg-3 col-md-4">
<div class="row layout">
<aside class="sidebar">
<nav class="nav">
<a href="..">
<img src="../theme/img/profile.png" alt="" title="">
<img src="http://pub.yourlabs.org/memopol-pink.png" alt="Bridging the gap between politics and citizens" title="Bridging the gap between politics and citizens">
</a>
<a href="..">
<h3>
<span class="blue">MEMO</span>IRE
<span class="blue">POL</span>ITIQUE
</h3>
</a>
<h1><a href=".."></a></h1>
<p>Bridging the gap between politics and citizens</p>
<ul class="nav nav-pills nav-stacked collapse">
......@@ -43,9 +48,6 @@
<li class="nav-item">
<a class="nav-link" href="../pages/about-memopol.html#about-memopol">About Memopol</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../pages/changing-democracy-with-code-a-word-from-the-developers.html#changing-democracy-with-code-a-word-from-the-developers">Changing Democracy With Code: A Word From The Developers</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../pages/contact.html#contact">Contact</a>
</li>
......@@ -61,6 +63,9 @@
<li class="nav-item">
<a class="nav-link" href="../pages/faq-fr.html#faq-fr">FAQ (fr)</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../#welcome-to-memopol">Welcome to Memopol</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../pages/a-propos-de-memopol.html#a-propos-de-memopol">À propos de Memopol</a>
</li>
......@@ -68,10 +73,7 @@
</nav>
</aside>
<main class="col-lg-9 col-md-8">
<div class="container">
<div class="row">
<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">
......@@ -88,8 +90,6 @@
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>
</div>
<div class="row">
<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">
......@@ -106,8 +106,6 @@ if you could go on the political memory ...</p> </div>
<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>
</div>
<div class="row">
<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">
......@@ -124,8 +122,6 @@ more poking around, but we have no worries, quota_atypique pokes around
a lot.</p>
<p>We are about to ...</p> </div>
</article>
</div>
<div class="row">
<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">
......@@ -143,8 +139,6 @@ As part of the latest improvements we have:</p>
<a href="http://marmelune.net">benoitb</a>. They have managed to reduce the
incredibly high number of queries ...</p> </div>
</article>
</div>
<div class="row">
<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">
......@@ -164,8 +158,6 @@ Longstrings as well as a debate about ACTA
<a href="http://video.constantvzw.org/VJ13/12-02_Pipilongstrings05.ogv">here</a>.