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="">
</a>
<h1><a href="."></a></h1>
<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">
......@@ -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="">
</a>
<h1><a href="."></a></h1>
<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">
......@@ -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="">
</a>
<h1><a href="."></a></h1>
<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">
......@@ -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="">
</a>
<h1><a href=".."></a></h1>
<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">
......@@ -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,29 +73,24 @@
</nav>
</aside>
<main class="col-lg-9 col-md-8">
<div class="container">
<div class="row">
<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">
<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>
</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>
</div>
</article>
</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="">
</a>
<h1><a href=".."></a></h1>
<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">
......@@ -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,93 +73,82 @@
</nav>
</aside>
<main class="col-lg-9 col-md-8">
<div class="container">
<div class="row">
<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">
<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>
</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>
</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">
</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>