Skip to content
GitLab
Commit 0d45d261 authored by Jamesie Pic's avatar Jamesie Pic
Browse files

Theme and content update

parent 1fe12de3
Hide whitespace changes
Inline Side-by-side
.gitmodules deleted 100644 → 0
View file @ 1fe12de3
[submodule "plugins/pin_to_top"]
path = plugins/pin_to_top
url = https://github.com/Shaked/pin_to_top
README.md
View file @ 0d45d261
......@@ -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.
......
content/old_posts/an-introduction-to-the-project.md
View file @ 0d45d261
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
View file @ 0d45d261
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
View file @ 0d45d261
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
View file @ 0d45d261
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
View file @ 0d45d261
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
View file @ 0d45d261
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
View file @ 0d45d261
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
View file @ 0d45d261
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
View file @ 0d45d261
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 ?
......
output/a-few-ui-updates-to-memopol.html 0 → 100644
View file @ 0d45d261
<!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
output/an-introduction-to-the-project.html
View file @ 0d45d261
<!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 class="active"><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>
<h2>An Introduction to the project</h2>
<p>The best way to explain what Political Memory is, is by explaining where
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>An Introduction to the project</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="./an-introduction-to-the-project.html" rel="bookmark"
title="Permalink to An Introduction to the project">An Introduction to the project</a></h1>
</header>
<div class="entry-content">
<div class="article-infos">
<time class="published" datetime="2011-06-05T11:34:00+02:00"> 05/06/2011 </time>
<address class="vcard author">by
<a class="url fn" href="./author/bram.html">bram</a>
</address>
</div> <p>The best way to explain what Political Memory is, is by explaining where
it came from.</p>
<p>So, let's start by a bit of context. Political Memory is a tool built by
<a href="http://laquadrature.net">La Quadrature du Net</a>. It is its major
......@@ -161,61 +138,18 @@ politics.</p>
<p>For a more lengthy and detailed explanation about what Political Memory
is about, you can read <a href="http://www.memopol.org/changing-democracy-with-code-a-word-from-the-developers/" title="Changing Democracy With Code: A Word From The Developers">Changing Democracy with Code: a Word from the
Developpers</a>.</p>
<hr/>
<h6>Written by <a href="./author/bram.html">bram</a> in <a href="./category/about.html">About</a> on 05/06/2011.</h6>
</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><!-- /.entry-content -->
<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>
</article>
</section>
</main>
</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-->
<footer>
GNU
</footer>
</div>
<script src="./theme/js/jquery.js"></script>
<script src="./theme/js/foundation.min.js"></script>
<script>
$(document).foundation();
</script>
</body>
<script type="text/javascript" src="./theme/dist/script.js"></script>
</body>
</html>
\ No newline at end of file
output/archives.html
View file @ 0d45d261
<!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">