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
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 :
(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.
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
......
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