Skip to content

GitLab

B
blog-memopol
Commit 8e499c12 authored by Jamesie Pic's avatar Jamesie Pic
Browse files
Options

Theme / content update

parent 1f38a56f
Hide whitespace changes
Inline Side-by-side
Showing with 31910 additions and 9543 deletions
content/pages/home.md 0 → 100644
View file @ 8e499c12
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>
output/a-few-ui-updates-to-memopol.html
View file @ 8e499c12
......@@ -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>
......
output/an-introduction-to-the-project.html
View file @ 8e499c12
......@@ -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>
......
output/archives.html
View file @ 8e499c12
......@@ -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>
......
output/author/admin.html
View file @ 8e499c12
......@@ -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>
......
output/author/axx.html 0 → 100644
View file @ 8e499c12
<!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
output/author/bram.html
View file @ 8e499c12
......@@ -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>