Commit 40965127 authored by okhin's avatar okhin 🚴

Merge branch 'refonte' into 'master'

Refonte

See merge request !8
parents 1fe12de3 b3554cd8
Pipeline #696 canceled with stages
in 7 minutes and 8 seconds
[submodule "plugins/pin_to_top"]
path = plugins/pin_to_top
url = https://github.com/Shaked/pin_to_top
[submodule "plugins"]
path = plugins
url = https://github.com/getpelican/pelican-plugins/
# blog-memopol
Blog about Memopol and its news. In Pelican.
#config
You'll need to change some config settings, like the folder, the username, the theme folder.
Clone the project::
#theme
The theme used is foundation-memopol, based on foundation-default-colors, and modified by me.
git clone --recursive gitlab@git.laquadrature.net:political-memory/blog-memopol.git
#plugins
I use the pin to top plugin to have a sticky article on homepage.
It's already on github, here : https://github.com/Shaked/pin_to_top
Install pelican::
pip install pelican
# Or use apt or your favorite package manager
If you have this error::
CRITICAL: UndefinedError: 'extra_siteurls' is undefined
Then it means that the plugins directory is not populated, to do so::
git submodule update --init
# Or, next time do git clone with --recursive
The command to generate the output is::
pelican
# Or, if you're developping, use this command and open localhost:8000
make devserver
# theme
The theme is based on bootstrap4. To hack it::
cd theme
# Install dependencies from package.json into ./node_modules
npm install
# Build scss/* and js/* into static/dist
./node_modules/.bin/gulp
# Then you need to run the pelican command again in the parent directory
cd ../ && pelican
# plugins
Don't forget to checkout submodules, ie. with
``git submodule sync; git submodule init --update``
[jinja2: theme/templates/**.html]
......@@ -2,6 +2,7 @@ Title: Memopol 3.14 Release
Date: 2016-02-10 10:00
Category: News
Author: is_null
Lang: en
### Memopol's back online !
......
......@@ -2,8 +2,7 @@ Title: #MemopolMiniHackathon
Date: 2016-04-15 19:00
Category: News
Author: njoyard
### Memopol Mini-Hackathon
Lang: en
After the Memopol 3.14 [Relaunch Event on 14th April](http://mediakit.laquadrature.net/embed/2390), the developers didn't rest !
......
......@@ -2,6 +2,7 @@ Title: Changing Democracy With Code: A Word From The Developers
Date: 2011-10-31 11:41
Author: axx
Slug: changing-democracy-with-code-a-word-from-the-developers
Lang: en
Why we citizens need Memopol.
-----------------------------
......
......@@ -2,6 +2,7 @@ Title: Get on board on Memopol project !
Date: 2015-03-01 15:00
Category: News
Author: Mindiell
Lang: en
Hi everyone,
......
......@@ -2,6 +2,7 @@ Title: Reboot !
Date: 2015-01-01 10:20
Category: News
Author: quota_atypique
Lang: en
Hello there !
It's been a long time...like two years without posting, wow.
......
Title: What is Memopol ?
Date: 2015-01-01 10:20
Pin: true
Lang: en
Political Memory is a tool designed by La Quadrature du Net to help European citizens to reach members of European Parliament (MEPs) and track their voting records on issues related to fundamental freedoms online.
......@@ -2,8 +2,7 @@ Title: A few UI updates to Memopol...
Date: 2016-06-03 09:00
Category: News
Author: njoyard
### A few UI updates to Memopol...
lang: en
Last week was a busy one for the dev team. A handful of UI changes were made
to make Memopol more useful !
......
Title: An Introduction to the project
Date: 2011-06-05 11:34
Author: bram
Category: About
Category: News
Slug: an-introduction-to-the-project
The best way to explain what Political Memory is, is by explaining where
......
Title: Next steps for Memopol
Date: 2013-03-06 11:37
Author: quota_atypique
Category: Development diary, News
Category: News
Slug: next-steps-for-memopol
Political memory is a nice and important project. A lot of work has been
......
Title: #QCC, day 2
Date: 2012-10-21 20:44
Author: quota_atypique
Category: Development diary, News
Category: News
Slug: qcc-day-2
Hi!
......
Title: Recent developments, made short
Date: 2013-06-07 10:44
Author: quota_atypique
Category: Development diary
Category: News
Slug: recent-developments-made-short
Hello !
......
Title: What's new on Memopol ? #2
Date: 2012-06-01 09:08
Author: bram
Category: Development diary, News
Category: News
Slug: whats-new-on-memopol-2
We did pretty nice thing the last weeks!
......
Title: What's new on Memopol ? #3
Date: 2012-06-27 09:01
Author: quota_atypique
Category: Development diary, News
Category: News
Slug: whats-new-on-memopol-3
Hey, long time we haven't met! And by coincidence we have
......
Title: What’s new on Memopol ? #5
Date: 2012-10-20 17:42
Author: bram
Category: Uncategorized
Category: News
Slug: whats-new-on-memopol-5
Hello there !
......
Title: What's new on memopol dev n°0
Date: 2012-04-30 20:11
Author: bram
Category: Development diary, News
Category: News
Slug: whats-new-on-memopol-dev-n0
Hello everyone, this is the beginning of a series of development diaries
......
Title: What’s new on memopol dev n°1
Date: 2012-05-11 14:00
Author: bram
Category: Development diary
Category: News
Slug: whats-new-on-memopol-dev-n1
Hmm, what did we do last week ?
......
Title: À propos de Memopol
Lang: fr
Mémoire Politique est un outil conçu pour aider les citoyen(ne)s à suivre l'activité et les votes de leurs député(e)s européen(ne)s, et les aider à influencer leurs décisions et leurs politiques en facilitant au maximum leur mise en relation.
L'idée est simple : beaucoup de décisions sont prises au Parlement européen (et aux parlement nationaux) en sachant que la plupart des citoyen(ne)s ne seront pas au courant. En accentuant la surveillance des votes des député(e)s européen(ne)s, nous pouvons augmenter le coût politique de ces décisions et remettre les citoyen(ne)s au cœur de la vie politique.
Mémoire politique ambitionne de simplifier ce travail au maximum en donnant aux citoyen(ne)s une interface facile à utiliser pour visualiser les votes de leurs représentant(e)s, écrire des questions, suivre leurs élu(e)s dans le temps, et en leur donnant les moyens de contacter rapidement un(e) député(e) européen(ne) en listant toutes les informations utiles à un seul endroit.
Plus précisément, Mémoire politique est un logiciel qui peut être utilisé par tout le monde pour créer un site web afin de suivre leurs député(e)s européen(ne)s sur le sujet de leur choix, et se rappeler de ce qu'iels ont dit et ce qu'iels ont fait, en plus de les évaluer en fonction de critères biens précis.
C'est une application web écrite avec le framework Python Django, conçue pour être facilement déployé sur votre site web.
Ce projet, Memopol 2, est la version 2.0 de l'outil Mémoire Politique 1.0 écrit en Perl par la Quadrature du Net au début de l'activisme sur
Internet.
Mémoire politique est du logiciel libre (sous licence Affero GPL) que tout le monde peut utiliser, partager, étudier, enrichir, déboguer, tr
aduire, etc.
Rendez-vous sur <a href="/pages/download-install-instructions.html">Download Page</a> pour télécharger Mémoire politique, ou allez à l'exemp
le à http://go.memopol.org pour le voir en action.
Title: About Memopol
Lang: en
Political Memory is a toolbox designed to help citizens follow the activity and voting records of their Members of European Parliament (MEPs), and to help them influence decision and policy-making by making as easy as possible to contact their MEPs.
......@@ -14,4 +15,4 @@ This project, nicknamed Memopol 2, is the 2.0 version of the 1.0 Political Memor
Political Memory is free software (licensed under the Affero GPL license) that anybody can use, share, study, contribute to, debug, translate etc.
Go to the <a href="/pages/download-install-instructions.html">download page</a> to download political memory, or go to our instance at http://go.memopol.org to see it action.
Go to the <a href="/pages/download-install-instructions.html">download page</a> to download political memory, or go to our instance at http://go.memopol.org to see it in action.
Title: Contact
Lang: en
You can contact us on irc: #lqdn-memopol on irc.freenode.net.
......
Title: Contribute
Lang: en
# Where is the code ?
......
Title: FAQ (fr)
Title: FAQ
Date: 2011-09-01 12:00
Author: axx
Slug: faq-fr
Lang: fr
Foire aux questions :
......@@ -62,4 +62,3 @@ Foire aux questions :
pour que l'investissement de les détailler soit rentable. Mais si il
y a une demande il est tout à fait possible de la remplir. Le plus
simple est de passer sur IRC et de demander à Bram ou à is_null.
Title: FAQ (en)
Title: FAQ
Date: 2011-11-22 16:35
Author: axx
Slug: faq
lang: en
Frequently Asked Questions:
(Lire en [français](/pages/faq-fr.html "FAQ (fr)"))
(Lire en [français](/pages/faq-fr.html "FAQ"))
- ***What is the programming language used by Memopol?***
Python. There is also some Javascript for the web side of things.
If you have webdesign skills, you can help make Memopol better on
the eyes and nicer to use.
- ***What programming languages in Memopol ?***
[Python](https://python.org) (with [Django](https://djangoproject.com)),
SQL ([PostgreSQL](https://postgresql.org), JavaScript, CSS.
- ***Do you use a framework or a CMS?***
Yes, we use the
[Django](http://www.djangoproject.com/ "Django Project") framework.
- ***Where is the code ?***
The code is [available on LQDN's GitLab
instance](https://git.laquadrature.net/memopol/memopol).
- ***Do you use a collaborative work tool such as SVN, GIT, Bazaaar,
***Where is documentation ?***
Documentation is automatically
Do you use a collaborative work tool such as SVN, GIT, Bazaaar,
Mercurial or something else?***
Yes, we use Git, and the project is now hosted on Github :
[https://github.com/political-memory](https://github.com/political-memory).
......
Title: Welcome to Memopol
URL:
Lang:en
Title: Download & Install instructions
Lang: en
is_null wrote a pretty (and up-to-date) documentation here : [https://memopol.readthedocs.org/en/pr/development.html](https://memopol.readthedocs.org/en/pr/development.html).
This should help you to install Memopol as a development instance on your computer.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>A few UI updates to Memopol...</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="">
<div class="container-fluid">
<div class="row layout">
<aside class="sidebar">
<nav class="nav">
<a href="." id="logo-container">
<img id="logo" src="./theme/img/logo.png" alt="Bridging the gap between politics and citizens" title="Bridging the gap between politics and citizens">
</a>
<a href="." id="memoire-politique">
<h3>
<span class="blue">MEMO</span>IRE
<span class="blue">POL</span>ITIQUE
</h3>
</a>
<div class="menus">
<ul class="lang">
<li class="active" style="text-decoration: underline">English</li>
<li><a href="/fr">Français</a></li>
</ul>
<ul class="navigation">
<li class="nav-item">
<a
class="nav-link active"
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</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./#welcome-to-memopol">Welcome to Memopol</a>
</li>
</ul>
</div>
<div class="toggle-menu">
Menu
</div>
</nav>
</aside>
<main class="content">
<section id="content" class="body">
<article>
<header>
<h1 class="entry-title">
<a href="./a-few-ui-updates-to-memopol.html" rel="bookmark"
title="Permalink to A few UI updates to Memopol...">A few UI updates to Memopol...</a></h1>
</header>
<div class="entry-content">
<div class="article-infos">
<time class="published" datetime="2016-06-03T09:00:00+02:00"> 03/06/2016 </time>
<address class="vcard author">by
<a class="url fn" href="./author/njoyard.html">njoyard</a>
</address>
</div> <p>Last week was a busy one for the dev team. A handful of UI changes were made
to make Memopol more useful !</p>
<p>The dossiers page was enhanced (and renamed to 'Dossiers', instead of 'Votes'
previously) by adding the number of recommendations ; dossiers are now sorted
by number of recommendations and by date, too.</p>
<p><img alt="Dossier list with recommendation counts" src="https://framapic.org/hhucTKQrGEwE/e8HDCvjJPBmf.png" /></p>
<p>Clicking on a dossier reveals the list of recommendations made on that dossier,
along with vote results when they're available. In the future, this page may
host a more user-friendly UI for recommendation management.</p>
<p><img alt="Recommendation list" src="https://framapic.org/tkpAi9wexrNC/K8D1fMfLtN9A.png" /></p>
<p>Political group pictures were lost in the transition to Memopol 3.14, they're
now back &lt;3</p>
<p><img alt="Group list with icons" src="https://framapic.org/NpdcjmGoGNwx/As1dedK4eN7O.png" /></p>
<p><img alt="Representative list with icons" src="https://framapic.org/7qZ9J2CdsxYY/XZNWr3CLHH5X.png" /></p>
<p>And finally, the representative page was updated to show more information, such
as contact information and links to social networks. The votes list now show
the date they were cast, and the most recent ones are displayed first.</p>
<p><img alt="Representative details page with more info" src="https://framapic.org/wkYmPqZt0Isa/fkCHpqiWed6g.png" /></p>
<p>Under the hood, the score mechanism was rewritten ; scores are still the same as
before, but this paves the way to easier customization of how scores are
computed.</p>
<p>Work on importing data from the old memopol instance has also made good progress
and it should be available in the next few days.</p>
<p>As said before, don't hesitate to contribute or suggest ideas for the project:</p>
<ul>
<li>On github : <a href="https://github.com/political-memory/political_memory">github.com/political-memory/political_memory</a></li>
<li>On IRC : <code>#lqdn-memopol</code> on Freenode</li>
</ul>
</div><!-- /.entry-content -->
</article>
</section>
</main>
</div>
</div>
<script type="text/javascript" src="./theme/dist/script.js"></script>
</body>
</html>
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
<!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="home">
<div class="container-fluid">
<div class="row layout">
<aside class="sidebar">
<nav class="nav">
<a href=".." id="logo-container">
<img id="logo" src="../theme/img/logo.png" alt="Bridging the gap between politics and citizens" title="Bridging the gap between politics and citizens">
</a>
<a href=".." id="memoire-politique">
<h3>
<span class="blue">MEMO</span>IRE
<span class="blue">POL</span>ITIQUE
</h3>
</a>
<div class="menus">
<ul class="lang">
<li class="active" style="text-decoration: underline">English</li>
<li><a href="/fr">Français</a></li>
</ul>
<ul class="navigation">
<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</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../#welcome-to-memopol">Welcome to Memopol</a>
</li>
</ul>
</div>
<div class="toggle-menu">
Menu
</div>
</nav>
</aside>
<main class="content">
<div class="table center-content first">
<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" />
<img src="/images/senat_an.jpg" />