Merge branch 'refonte' into 'master'

Refonte

See merge request !8

.gitignore

+*pyc

.gitmodules

-[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/

README.md

 # 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``

babel.cfg

+[jinja2: theme/templates/**.html]

content/3.14-release.md

@@ -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 !
 

content/april-2016-mini-hackathon.md

@@ -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 !
 

content/pages/changing-democracy-with-code-a-word-from-the-developers.md → content/changing-democracy-with-code-a-word-from-the-developers.md

@@ -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.
 -----------------------------

content/get-on-board.md

@@ -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,
 

content/hello-world.md

@@ -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.

content/home.md

 Title: What is Memopol ?
 Date: 2015-01-01 10:20
-Pin: true 
+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.

content/june-2016-updates.md

@@ -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 !

content/old_posts/an-introduction-to-the-project.md

 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

content/old_posts/next-steps-for-memopol.md

 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

content/old_posts/qcc-day-2.md

 Title: #QCC, day 2
 Date: 2012-10-21 20:44
 Author: quota_atypique
-Category: Development diary, News
+Category: News
 Slug: qcc-day-2
 
 Hi!

content/old_posts/recent-developments-made-short.md

 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 !

content/old_posts/whats-new-on-memopol-2.md

 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!

content/old_posts/whats-new-on-memopol-3.md

 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

content/old_posts/whats-new-on-memopol-5.md

 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 !

content/old_posts/whats-new-on-memopol-dev-n0.md

 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

content/old_posts/whats-new-on-memopol-dev-n1.md

 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 ?

content/pages/about-fr.md

+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.
+

content/pages/about.md

 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.

content/pages/contact.md

 Title: Contact
+Lang: en
 
 You can contact us on irc: #lqdn-memopol on irc.freenode.net.
 

content/pages/contribute.md

 Title: Contribute
+Lang: en
 
 # Where is the code ?
 

content/pages/faq-fr.md

-Title: FAQ (fr)
+Title: FAQ
 Date: 2011-09-01 12:00
 Author: axx
-Slug: faq-fr
+Lang: fr
 
 Foire aux questions :
 
 (Read in [English](/pages/faq.html "FAQ (en)"))
 
--   ***Quel est le langage de programmation utilisé par Memopol ?***  
-    Python. Il y a également un peu de Javascript (web).  
+-   ***Quel est le langage de programmation utilisé par Memopol ?***
+    Python. Il y a également un peu de Javascript (web).
     Si vous avez des compétences en webdesign, vous pouvez également
     nous aider à rendre Memopol plus beau et agréable à utiliser.
-    
--   ***Utilisez vous un framework ou un CMS ?***  
+
+-   ***Utilisez vous un framework ou un CMS ?***
     Oui, nous utilisons le framework
     [Django](http://www.djangoproject.com/ "Django Project").
-    
+
 -   ***Utilisez-vous un outil de travail collaboratif comme SVN, GIT,
-    Bazaaar, Mercurial ou autre ?***  
+    Bazaaar, Mercurial ou autre ?***
     Oui, nous utilisons Git, et le projet est hébergé sur Github :
     [https://github.com/political-memory](https://github.com/political-memory).
 	Le projet était sur Gitorious avant, et, Bram, le développeur principal, maintenait un miroir de ce dépôt sur [son compte Github](https://github.com/Psycojoker/memopol2).
-	
+
 -   ***Y a t-il du bug tracking ou d'autres fonctionnalités que je
     devrais connaître et utiliser en plus du partage de code source avec
-    contrôle de version ?***  
+    contrôle de version ?***
     Le BTS (bug tracking system) est celui de Github, ici :
     [https://github.com/political-memory/political_memory/issues](https://github.com/political-memory/political_memory/issues)
     Pour faire un patch, un bon moyen est de cloner le dépôt puis de faire une pull request.
     Sinon, indiquez-nous l'adresse de votre dépôt.
-    
--   ***Qui puis-je contacter pour participer au projet ?***  
+
+-   ***Qui puis-je contacter pour participer au projet ?***
     Vous pouvez vous venir vous présenter sur le salon IRC
     `\#lqdn-memopol` sur `irc://chat.freenode.net` où il vous sera fait bon
     accueil, ou envoyer un mail sur contact(at)memopol.org ou sur la mailing-list (lien plus bas).
-    
+
 -   ***Y a t-il un endroit virtuel où les développeurs se retrouvent ?
-    Mumble ? IRC ?***  
+    Mumble ? IRC ?***
     Les dévelopeurs se retrouvent sur IRC
     (`irc://irc.freenode.net\#lqdn-memopol`). Il n'y a pas de Mumble. Il y
     a une mailing list
     [http://laquadrature.net/cgi-bin/mailman/listinfo/mempol2](http://laquadrature.net/cgi-bin/mailman/listinfo/mempol2).
     Elle est actuellement peu utilisée, les développeurs utilisant
     principalement IRC.
-    
+
 -   ***Y a t-il déjà une analyse UML ou autre qui a été fait ? Ou
     n'importe quelle introduction technique au projet, liste des tâches
-    à faire, description des interfaces, etc.***  
+    à faire, description des interfaces, etc.***
     Il n'y a actuellement pas d'UML. Il y a un schéma de la BDD ici
     [https://projets.lqdn.fr/attachments/download/7/graph.png](https://projets.lqdn.fr/attachments/download/7/graph.png).
     Il n'y a pas d'introduction technique, Memopol est un projet Django
     relativement standard, le code est simple, c'est principalement de
     l'affichage basé sur les class based generic views (une feature de
-    Django). Chaque partie est correctement isolée.  
+    Django). Chaque partie est correctement isolée.
     Le schéma SQL est un peu plus complexe, par contre.
-    
+
 -   ***J'aimerais participer mais je manque de temps, avez-vous des
-    tâches précises et détaillées à proposer ?***  
+    tâches précises et détaillées à proposer ?***
     Il n'y a malheureusement pas de tâches détaillées pour l'instant.
     Le projet avance trop vite et le nombre de codeurs est trop faible
     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.
-

content/pages/faq.md

-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.
-    
--   ***Do you use a framework or a CMS?***  
-    Yes, we use the
-    [Django](http://www.djangoproject.com/ "Django Project") framework.
-    
--   ***Do you use a collaborative work tool such as SVN, GIT, Bazaaar,
-    Mercurial or something else?***  
+-   ***What programming languages in Memopol ?***
+    [Python](https://python.org) (with [Django](https://djangoproject.com)),
+    SQL ([PostgreSQL](https://postgresql.org), JavaScript, CSS.
+
+-   ***Where is the code ?***
+    The code is [available on LQDN's GitLab
+    instance](https://git.laquadrature.net/memopol/memopol).
+
+    ***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).
     The projet was hosted on Gitorious before. Bram, the main developer, maintained a mirror repo on
     [his Github account](https://github.com/Psycojoker/memopol2).
-    
+
 -   ***Is there bug tracking or other functionalities I should know and
-    use beyound source code sharing with revision control?***  
+    use beyound source code sharing with revision control?***
     The BTS (bug tracking system) used now is Github's one :
     [https://github.com/political-memory/political_memory/issues](https://github.com/political-memory/political_memory/issues).
     To send a patch, a good way is cloning github repository, and make a pull request. You can also tell us your
     repo's address.
-    
--   ***Who should I get in touch with to take part in the project?***  
+
+-   ***Who should I get in touch with to take part in the project?***
     You can come say hi on the IRC channel `\#lqdn-memopol` on 
     `irc://chat.freenode.net` where you should find a warm welcome, or
     simply get in touch by emailing contact(at)memopol.org, or the mailing list (link above).
-    
+
 -   ***Do the developers meet in a specific virtual space? Mumble?
-    IRC?***  
+    IRC?***
     The developers meet on IRC (`irc://irc.freenode.net\#lqdn-memopol`).
     There is no Mumble server, there is a mailing list to which you can
     subscribe :
     [http://laquadrature.net/cgi-bin/mailman/listinfo/mempol2](http://laquadrature.net/cgi-bin/mailman/listinfo/mempol2).
     It is currently underused, as the developers mainly use IRC to
     communicate.
-    
+
 -   ***Huse there been a UML analyses done, or something similar? Or is
     there any technical introduction to the project, a task list, a
-    description of interfaces, etc.?***  
+    description of interfaces, etc.?***
     There is currently no UML. There is a database view here
     [https://projets.lqdn.fr/attachments/download/7/graph.png](https://projets.lqdn.fr/attachments/download/7/graph.png).
     There is no specific technical introduction, Memopol is a relatively
     standard Django project, the code is simple, it is mostly views
     based on class based generic views (a Django feature). Each part is
-    properly isolated.  
+    properly isolated.
 	The SQL scheme is more complex on the other hand.
-	
+
 -   ***I'd like to help you but I don't have much time, to you have
-    specific tasks I could work on?***  
+    specific tasks I could work on?***
     There are unfortunately no detailed tasks yet. The project is
     moving too fast with too little coders to make the time investment
     of detailing tasks worth it. But where there are needs, it is

content/pages/home.md

+Title: Welcome to Memopol
+URL:
+Lang:en
+

content/pages/install.md

 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.

output/a-few-ui-updates-to-memopol.html

+<!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>