Add a by-language filter

content/asso/amap-medias-paniers-bio-a-5e.rst

@@ -2,6 +2,7 @@ AMAP + Média = Paniers bio à 5e ?!
 ##################################
 
 :date: 2009-11-11
+:lang: fr
 
 Le raccourci me semble un peu rapide. Et pourtant, il est emprunté
 bien trop souvent. La dernière *mes-utilisation* que j'ai à décrier

content/asso/le-temps-de-graces-courrez-y.rst

@@ -2,6 +2,7 @@ Le temps des grâces, courrez-y !
 ################################
 
 :date: 2010-03-28
+:lang: fr
 
 Ouf, notre
 `semaine de l'environnement <http://www.reseaugrappe.org>`_ s'est

content/asso/semaine-de-lenvironnement-consommation-etudiante.rst

@@ -2,6 +2,7 @@ Semaine de l’environnement: La consommation étudiante
 #####################################################
 
 :date: 2010-02-24
+:lang: fr
 
 Les acteurs associatifs sont bien souvent moteurs des critiques de nos sociétés. Je pense à `Framasoft <http://www.framasoft.net/>`_, à `la Quadrature du net <http://www.laquadrature.net/>`_ ou à `Ars Industrialis <http://www.arsindustrialis.org/>`_ (dans le domaine de la science et de l'informatique), mais aussi `aux Amis de la Terre <http://www.amisdelaterre.org/>`_, à `ATTAC <http://www.attac.org/>`_ (dans le domaine de l'environnement entres autres), et a tout un tas d'autres associations que je ne peux pas citer ici exhaustivement... Ce sont eux qui sont porteurs de messages alternatifs, et qui sont les initiateurs de débats publics, qui permettent de faire avancer des thématiques aussi importantes que le logiciel libre ou la protection de l'environnement.
 

content/dev/python-go.rst

@@ -2,6 +2,7 @@ Python ? go !
 ##############
 
 :date: 2009-12-17
+:lang: fr
 
 Cela fait maintenant un peu plus d'un mois que je travaille sur un
 projet en `django <http://www.djangoproject.org>`_, et que,

content/dev/un-coup-de-main-memoire.rst

@@ -2,6 +2,7 @@ Un coup de main pour mon mémoire!
 #################################
 
 :date: 2011-05-25
+:lang: fr
 
 Ça y est, bientôt la fin. LA FIN. La fin des études, et le début du reste. 
 En attendant je bosse sur mon mémoire de fin d'études et j'aurais besoin d'un petit 

content/thoughts/livre-numerique.rst

@@ -2,6 +2,7 @@ Les dangers du livre numérique
 ##############################
 
 :date: 23-01-2012
+:lang: fr
 
 Le framablog vient de publier `une traduction de l'article de RMS à propos des dangers du livre électronique <http://www.framablog.org/index.php/post/2012/01/22/stallman-ebook-livre-electronique>`_. Intéressant, même si il faut faire attention à ne pas confondre livre électronique et risques liés au format de distribution.
 

content/thoughts/simplicite-volontaire.rst

@@ -2,6 +2,7 @@ La simplicité volontaire contre le mythe de l'abondance
 #######################################################
 
 :date: 2011-10-14
+:lang: fr
 
 Paul Ariès dans la préface de "`La simplicité volontaire contre le mythe de 
 l'abondance

theme/static/css/main.css

@@ -258,6 +258,15 @@ img.left, figure.left {float: right; margin: 0 0 2em 2em;}
 	-webkit-border-radius: 10px;
 }
 
+#lang-selector {
+    float: right;
+    font-style: italic;
+    color: #bbb;
+}
+
+#lang-selector a{ color: #bbb; }
+#lang-selector a.deactivated { text-decoration: none; }
+
 /*
 	Extras
 *****************/

theme/templates/base.html

@@ -18,6 +18,7 @@
 
         <!--[if lt IE 7]>
                 <link rel="stylesheet" type="text/css" media="all" href="{{ SITEURL }}/css/ie6.css"/><![endif]-->
+        {% block js %}{% endblock %}
 
 </head>
 

theme/templates/index.html

@@ -1,12 +1,33 @@
 {% extends "base.html" %}
+
 {% block content_title %}{% endblock %}
+{% block js %}
+<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
+<script language="javascript">
+    $(document).ready(function(){
+        $('#lang-selector a').each(function(i, item){
+            $(item).click(function(){
+                $(item).toggleClass('deactivated');
+
+                $('a[class="' + item.lang +'"]').each(function(i, article){
+                    $(article).toggle();
+                });
+
+                return false;
+            });
+        });
+    });
+</script>
+{% endblock %}
+
 {% block content %}        
 {% if articles %}
     <section id="content" class="body">
+    <div id="lang-selector">filter by language: <a href="#" lang='en'>english</a>, <a href="#" lang='fr'>french</a></div>
     <ol id="posts-list" class="hfeed">
     {% set category = None %}
     {% for article in articles_page.object_list %}        
-        <a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="{{ article.title}}">
+    <a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="{{ article.title}}" class='{{ article.lang }}'>
             <li><article class="hentry {{ article.category }}">    
             {% if article.category.name != category %}
                 <span class='category {{ article.category }}'>{{ article.category }}</span>