Commit 0d45d261 authored by Jamesie Pic's avatar Jamesie Pic

Theme and content update

parent 1fe12de3
[submodule "plugins/pin_to_top"]
path = plugins/pin_to_top
url = https://github.com/Shaked/pin_to_top
......@@ -5,7 +5,19 @@ Blog about Memopol and its news. In Pelican.
You'll need to change some config settings, like the folder, the username, the theme folder.
#theme
The theme used is foundation-memopol, based on foundation-default-colors, and modified by me.
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
I use the pin to top plugin to have a sticky article on homepage.
......
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 ?
......
<!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.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">
<aside class="col-lg-3 col-md-4">
<nav class="nav">
<a href=".">
<img src="./theme/img/profile.png" alt="" title="">
</a>
<h1><a href="."></a></h1>
<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 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/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>
<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>
</ul>
</nav>
</aside>
<main class="col-lg-9 col-md-8">
<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> <h3>A few UI updates to Memopol...</h3>
<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>
<footer>
GNU
</footer>
</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.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Memopol Project</title>
<meta name="description" content="">
<meta name="author" content="Memopol Team">
<link rel="stylesheet" href="../theme/css/foundation.css" />
<link rel="stylesheet" href="../theme/css/pygment/monokai.css" />
<link rel="stylesheet" href="../theme/css/foundation-icons.css" />
<link rel="stylesheet" href="../theme/css/custom.css" />
<script src="../theme/js/modernizr.js"></script>
<!-- Feeds -->
<!-- mathjax config similar to math.stackexchange -->
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
jax: ["input/TeX", "output/HTML-CSS"],
tex2jax: {
inlineMath: [ ['$', '$'] ],
displayMath: [ ['$$', '$$']],
processEscapes: true,
skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']
},
messageStyle: "none",
"HTML-CSS": { preferredFont: "TeX", availableFonts: ["STIX","TeX"] }
});
</script>
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
</head>
<body>
<div class="off-canvas-wrap">
<div class="inner-wrap">
<!-- mobile top bar to activate nav -->
<nav class="tab-bar show-for-small">
<section class="left-small">
<a class="left-off-canvas-toggle menu-icon" ><span></span></a>
</section>
<section class="middle tab-bar-section">
<h1 class="title">Memopol&nbsp;Project</h1>
</section>
</nav>
<!-- mobile side bar nav -->
<aside class="left-off-canvas-menu">
<ul class="off-canvas-list">
<li><a href="..">Home</a></li>
<li><label>Categories</label></li>
<li ><a href="../category/about.html">About</a></li>
<li ><a href="../category/development-diary.html">Development diary</a></li>
<li ><a href="../category/development-diary-news.html">Development diary, News</a></li>
<li ><a href="../category/misc.html">misc</a></li>
<li ><a href="../category/news.html">News</a></li>
<li ><a href="../category/uncategorized.html">Uncategorized</a></li>
<li><label>Places</label></li>
<li><a href="https://www.laquadrature.net">La Quadrature du Net</a></li>
<li><a href="http://lqdn.memopol.eu/">LQDN's Memopol Instance</a></li>
<li><label>Links</label></li>
<li><a href="https://twitter.com/memopol2">Twitter</a></li>
</ul>
</aside>
<!-- top bar nav -->
<nav class="top-bar hide-for-small-only" data-topbar>
<img src="../theme/img/logo.png"/>
<ul class="title-area">
<li class="name">
<h1><a href="../">Memopol Project</a></h1><br/>
<span class="slogan">Bridging the gap between politics and citizens</span>
</li>
</ul>
<section class="top-bar-section">
<ul class="left">
<li><a href="/pages/about-memopol.html">About</a></li>
<li><a href="/category/news.html">News</a></li>
<li><a href="/category/development-diary.html">Development diary</a></li>
<li><a href="/pages/contribute.html">Contribute</a></li>
<li><a href="/pages/download-install-instructions.html">Download & install</a></li>
<li><a href="/pages/contact.html">Contact</a></li>
</ul>
</section>
</nav>
<!-- Main Page Content and Sidebar -->
<section class="main-section">
<div class="row">
<!-- Main Content -->
<div class="medium-9 small-12 columns" role="content">
<article>
<h3><a href="../what-is-memopol.html">What is Memopol ?</a></h3>
<span><i class="right fi-star"></i></span>
<h6>Written by <a href="../author/memopol-team.html">Memopol Team</a> on 01/01/2015.</h6>
<p>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.</p>
<p class="continue"><a href="../what-is-memopol.html">Continue reading &raquo;</a></p>
</article>
<hr />
</div>
<!-- End Main Content -->
<!-- Sidebar -->
<aside class="medium-3 hide-for-small-only columns">
<div class="panel">
<h5>More about Memopol</h5>
<ul class="side-nav">
<li><a href="/pages/changing-democracy-with-code-a-word-from-the-developers.html">Changing Democracy With Code: A Word From The Developers</a></li>
<li><a href="http://memopol.rtfd.org">Documentation</a></li>
<li><a href="/pages/faq.html">FAQ (en)</a></li>
<li><a href="/pages/faq-fr.html">FAQ (fr)</a></li>
</ul>
</div>
<div class="panel">
<h5>Memopol is used by</h5>
<ul class="side-nav">
<li><a href="https://www.laquadrature.net">La Quadrature du Net</a></li>
<li><a href="http://lqdn.memopol.eu/">LQDN's Memopol Instance</a></li>
</ul>
</div>
<div class="panel">
<h5>Follow us</h5>
<ul class="side-nav">
<li><a href="https://twitter.com/memopol2">Twitter</a></li>
</ul>
</div>
</aside>
<!-- End Sidebar -->
</div>
<!-- Footer -->
<footer class="row">
<div class="medium-9 small-12">
<hr/>
<p class="text-center">Powered by <a href="http://getpelican.com">Pelican</a> and <a href="http://foundation.zurb.com/">Zurb Foundation</a>. Theme inspired by <a href="http://hamaluik.com">Kenton Hamaluik</a>.</p>
</div>
</footer>
<!-- End Footer -->
</section>
<a class="exit-off-canvas"></a>
</div><!--off-canvas inner-->
</div><!--off-canvas wrap-->
<script src="../theme/js/jquery.js"></script>
<script src="../theme/js/foundation.min.js"></script>
<script>
$(document).foundation();
</script>
</body>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Memopol Project - Memopol Team</title>
<link rel="stylesheet" href="../theme/dist/bootstrap.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">
<aside class="col-lg-3 col-md-4">
<nav class="nav">
<a href="..">
<img src="../theme/img/profile.png" alt="" title="">
</a>
<h1><a href=".."></a></h1>
<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/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>
<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>
</ul>
</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="../what-is-memopol.html" rel="bookmark" title="Permalink to What is Memopol ?">What is Memopol ?</a></h2></header>
<footer class="post-info">
<div class="article-infos">
<time class="published" datetime="2015-01-01T10:20:00+01:00"> 01/01/2015 </time>
<address class="vcard author">by
<a class="url fn" href="../author/memopol-team.html">Memopol Team</a>
</address>
</div> </footer>
<div class="entry-content"> <p>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.</p> </div>
</article>
</div>
</div>
</main>
</div>
<footer>
GNU
</footer>
</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.
This diff is collapsed.
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Memopol Project</title>
<meta name="description" content="">
<meta name="author" content="Memopol Team">
<link rel="stylesheet" href="./theme/css/foundation.css" />
<link rel="stylesheet" href="./theme/css/pygment/monokai.css" />
<link rel="stylesheet" href="./theme/css/foundation-icons.css" />
<link rel="stylesheet" href="./theme/css/custom.css" />
<script src="./theme/js/modernizr.js"></script>
<!-- Feeds -->
<!-- mathjax config similar to math.stackexchange -->
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
jax: ["input/TeX", "output/HTML-CSS"],
tex2jax: {
inlineMath: [ ['$', '$'] ],
displayMath: [ ['$$', '$$']],
processEscapes: true,
skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']
},
messageStyle: "none",
"HTML-CSS": { preferredFont: "TeX", availableFonts: ["STIX","TeX"] }
});
</script>
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
</head>
<body>
<div class="off-canvas-wrap">
<div class="inner-wrap">
<!-- mobile top bar to activate nav -->
<nav class="tab-bar show-for-small">
<section class="left-small">
<a class="left-off-canvas-toggle menu-icon" ><span></span></a>
</section>
<section class="middle tab-bar-section">
<h1 class="title">Memopol&nbsp;Project</h1>
</section>
</nav>
<!-- mobile side bar nav -->
<aside class="left-off-canvas-menu">
<ul class="off-canvas-list">
<li><a href=".">Home</a></li>
<li><label>Categories</label></li>
<li ><a href="./category/about.html">About</a></li>
<li ><a href="./category/development-diary.html">Development diary</a></li>
<li ><a href="./category/development-diary-news.html">Development diary, News</a></li>
<li ><a href="./category/misc.html">misc</a></li>
<li ><a href="./category/news.html">News</a></li>