initial commit

26 files changed, 851 insertions, 0 deletions

diff --git a/theme/LISEZ-MOI.rst b/theme/LISEZ-MOI.rst
new file mode 100755
index 0000000..56a60ef
--- /dev/null
+++ b/theme/LISEZ-MOI.rst
@@ -0,0 +1,16 @@
+Thème «Lightweight» pour pelican
+################################
+
+Description
+===========
+
+:Créé le: 14 février 2011
+:Technologies utilisées: xHTML5, CSS 1-3, polices TTF
+:Couleurs utilisées: Tons froids (gris/bleu)
+:Design extensif: Oui
+:Testé sous: Mozilla Firefox 4.0b10, Chromium 9.0.597.83, ELinks 0.12pre5
+:Langue: Français
+:Détails: Voire capture d'écran et source
+
+
+
diff --git a/theme/screenshot.png b/theme/screenshot.png
new file mode 100755
index 0000000..559e684
--- /dev/null
+++ b/theme/screenshot.png
diff --git a/theme/static/css/main.css b/theme/static/css/main.css
new file mode 100755
index 0000000..63a1cc2
--- /dev/null
+++ b/theme/static/css/main.css
@@ -0,0 +1,280 @@
+@import url("pygment.css");
+@import url("styles.css");
+
+@font-face {
+  font-style: normal;
+  font-weight: normal;
+}
+
+header, footer, section, nav {
+    display: block;
+}
+
+body { 
+  width: 710px;
+  margin: 0;
+  padding: 0;
+  font-size: .8em; 
+  line-height: 1.3;
+  color: #111; 
+  background :  #323232;
+  margin-left: auto;
+  margin-right: auto;
+  font-family: "Lucida sans unicode",Lucida,Tahoma,Arial,sans-serif;
+} 
+ 
+h1, h2, h3, h4, h5, h6 { 
+  margin: 1em 0 .5em 0; 
+  line-height: 1.2; 
+  font-style: normal; 
+  font-weight: normal;
+  color: #AE4E00;
+} 
+h1 { 
+  font-size: 1.5em; 
+} 
+h2 { 
+  font-size: 1.3em; 
+} 
+h2.page_title { 
+  padding-left: 10px;
+  text-decoration: none;
+  font-size: 1.3em; 
+  color: #AE4E00;
+  text-transform : capitalize;
+} 
+h3 { 
+  font-size: 1.15em; 
+  margin-left: 5px;
+} 
+h4 { 
+  font-size: 1em; 
+  margin-left: 30px;
+} 
+ 
+ul, ol { 
+  margin: .75em 0 .75em 32px; 
+  padding: 0; 
+} 
+ 
+p { 
+  margin: .75em; 
+} 
+
+pre, blockquote {
+	margin: 0.5em 1em;
+	border:1px solid #ccc;
+	background:#eee;
+	border-left: 3px solid #ae4e00;
+	overflow:auto;
+    color: #666666;
+    line-height: 1.22em;
+    padding-left: 10px;
+}
+
+pre {
+    font-size: medium;
+}
+
+table {
+    border: 1px dashed grey;
+    padding: 0;
+    margin: 15px 10px;
+}
+    td, th {
+        margin: 0;
+        padding: 2px 5px;
+        border: 1px dotted grey;
+    }
+
+hr {
+    height: 0;
+    width: 60%;
+    margin: 15px auto;
+    color: transparent;
+    border-bottom: 2px dotted grey;
+}
+
+address { 
+  margin: .75em 0; 
+  font-style: normal; 
+} 
+ 
+a { 
+  text-decoration: underline; 
+} 
+a:link { 
+  color: inherit; 
+} 
+a:visited { 
+  color: inherit; 
+} 
+a:hover, a:focus, a:active { 
+  color: slategrey; 
+} 
+ 
+a img { 
+  border: none; 
+} 
+ 
+em { 
+  font-style: italic; 
+} 
+strong { 
+  font-weight: bold; 
+} 
+ 
+
+
+div#page {
+  background : url(../images/fond.jpg) repeat-y top center #323232;
+    margin: 5% auto 5% auto;
+}
+
+
+    header#header {
+        background-image: url("../images/header.jpg");
+        height: 333px;
+    }
+
+        #header>h1 {
+            left: 20px;
+            color: #BBBBBB;
+            letter-spacing: 1px;
+            font-size: 1.3em;
+            padding : 0;
+            padding-top: 20px;
+            padding-left: 15px;
+            margin: 15px 0 15px 0;
+        }
+            #header>h1>a {
+                text-decoration: inherit;
+                color: inherit;
+            }
+
+    nav#cssmenu {
+        width: 100%;
+        padding-top: 2px;
+        padding-bottom: 2px;
+    }
+
+        nav#menu a {
+            display: inline-block;
+            text-decoration: none;
+            margin: 2px;
+            padding: 1px;
+            border: 1px solid grey;
+            border-radius: 3px;
+            font-weight: bold;
+            color: #222;
+        }
+
+        nav#menu a:hover, nav#menu a.active {
+            border: 1px solid black;
+            color: black;
+        }
+
+    section#content {
+	    float: left;
+    	width: 700px;
+        line-height: 170%;
+        text-align: justify;
+    }
+        section#content a img {
+            max-width: 98%;
+            max-height: 98%;
+            margin-left: 15px;
+        }
+
+        section#content img {
+            max-width: 98%;
+            max-height: 98%;
+        }
+
+        section#content table#archives {
+            border: 0px ;
+        }
+
+            table#archives td, table#archives td {
+                border: 0px ;
+            }
+
+	    section#content {
+            margin: 10px;
+	    }
+            article.post h2.post_title {
+                margin: 20px 0 0 0;
+                padding: 0;
+            }
+
+            article.post time.meta {
+                color: #999999;
+                font-size: small;
+            }
+
+            article.post details.meta {
+                margin: 5px 0 0 0;
+                padding: 0;
+            }
+                article.post details.meta p {
+                    margin: 0;
+                    padding: 0;
+                }
+
+            .post details.meta {
+                margin: 0;
+                padding: 2px 3px; 
+                font-size: .8em;
+            }
+
+        #content a#all_tags {
+            font-size: 1.8em;
+        }
+        #content ul#tag_list {
+            list-style-type: none;
+        }
+        #content dl#archives dt {
+            margin-left: 40px;
+        }
+        #content dl#archives dd {
+            text-align: center;
+        }
+
+        #content>nav.pagination {
+           width: 100%;
+           font-size: 14px;
+           text-align: center; 
+        }
+        nav.pagination a {
+            text-decoration: none;
+            font-weight: bolder;
+        }
+
+//    aside#sidebar {
+//	    float: right;
+//        width: 24%;
+//    }
+//        #sidebar .widget {
+//            margin-bottom: 10px;
+//        }
+//            #sidebar .widget ul {
+//                list-style-type: none;
+//                margin: auto auto auto 15px;
+//            }
+//                #sidebar .widget ul li:before {
+//                    content: '» ';
+//                }
+//
+//            #sidebar .widget ul a.more {
+//                display: inline-block;
+//                padding-top: 5px;
+//                text-decoration: none;
+//            }
+    
+
+    footer#footer {
+	    clear:both;
+	    border-top: 1px solid grey;
+	    padding: 5px 20px;
+    }
+
diff --git a/theme/static/css/pygment.css b/theme/static/css/pygment.css
new file mode 100755
index 0000000..594b0fa
--- /dev/null
+++ b/theme/static/css/pygment.css
@@ -0,0 +1,205 @@
+.hll {
+background-color:#FFFFCC;
+}
+.c {
+color:#408090;
+font-style:italic;
+}
+.err {
+border:1px solid #FF0000;
+}
+.k {
+color:#007020;
+font-weight:bold;
+}
+.o {
+color:#666666;
+}
+.cm {
+color:#408090;
+font-style:italic;
+}
+.cp {
+color:#007020;
+}
+.c1 {
+color:#408090;
+font-style:italic;
+}
+.cs {
+background-color:#FFF0F0;
+color:#408090;
+}
+.gd {
+color:#A00000;
+}
+.ge {
+font-style:italic;
+}
+.gr {
+color:#FF0000;
+}
+.gh {
+color:#000080;
+font-weight:bold;
+}
+.gi {
+color:#00A000;
+}
+.go {
+color:#303030;
+}
+.gp {
+color:#C65D09;
+font-weight:bold;
+}
+.gs {
+font-weight:bold;
+}
+.gu {
+color:#800080;
+font-weight:bold;
+}
+.gt {
+color:#0040D0;
+}
+.kc {
+color:#007020;
+font-weight:bold;
+}
+.kd {
+color:#007020;
+font-weight:bold;
+}
+.kn {
+color:#007020;
+font-weight:bold;
+}
+.kp {
+color:#007020;
+}
+.kr {
+color:#007020;
+font-weight:bold;
+}
+.kt {
+color:#902000;
+}
+.m {
+color:#208050;
+}
+.s {
+color:#4070A0;
+}
+.na {
+color:#4070A0;
+}
+.nb {
+color:#007020;
+}
+.nc {
+color:#0E84B5;
+font-weight:bold;
+}
+.no {
+color:#60ADD5;
+}
+.nd {
+color:#555555;
+font-weight:bold;
+}
+.ni {
+color:#D55537;
+font-weight:bold;
+}
+.ne {
+color:#007020;
+}
+.nf {
+color:#06287E;
+}
+.nl {
+color:#002070;
+font-weight:bold;
+}
+.nn {
+color:#0E84B5;
+font-weight:bold;
+}
+.nt {
+color:#062873;
+font-weight:bold;
+}
+.nv {
+color:#BB60D5;
+}
+.ow {
+color:#007020;
+font-weight:bold;
+}
+.w {
+color:#BBBBBB;
+}
+.mf {
+color:#208050;
+}
+.mh {
+color:#208050;
+}
+.mi {
+color:#208050;
+}
+.mo {
+color:#208050;
+}
+.sb {
+color:#4070A0;
+}
+.sc {
+color:#4070A0;
+}
+.sd {
+color:#4070A0;
+font-style:italic;
+}
+.s2 {
+color:#4070A0;
+}
+.se {
+color:#4070A0;
+font-weight:bold;
+}
+.sh {
+color:#4070A0;
+}
+.si {
+color:#70A0D0;
+font-style:italic;
+}
+.sx {
+color:#C65D09;
+}
+.sr {
+color:#235388;
+}
+.s1 {
+color:#4070A0;
+}
+.ss {
+color:#517918;
+}
+.bp {
+color:#007020;
+}
+.vc {
+color:#BB60D5;
+}
+.vg {
+color:#BB60D5;
+}
+.vi {
+color:#BB60D5;
+}
+.il {
+color:#208050;
+}
diff --git a/theme/static/css/styles.css b/theme/static/css/styles.css
new file mode 100755
index 0000000..ec426de
--- /dev/null
+++ b/theme/static/css/styles.css
@@ -0,0 +1,25 @@
+#cssmenu ul, #cssmenu hr { margin: 0px; }
+#cssmenu hr { margin: auto; }
+#cssmenu{ height:39px; display:block; padding:0; margin: 0; margin-left:10px; margin-right:10px;  } 
+#cssmenu > ul {list-style:inside none; padding:0; margin:0;} 
+#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;} 
+#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font: 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); } 
+#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;} 
+#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; } 
+#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;} 
+#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; } 
+#cssmenu > ul > li.has-sub:hover > a:before{top:19px;} 
+#cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; } 
+#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;} 
+#cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;} 
+#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; } 
+#cssmenu ul li > ul{width:200px;} 
+#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} 
+#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); } 
+
+
+#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background-color:#323232; } 
+#cssmenu{border-color:#000;} 
+#cssmenu > ul > li > a{border-right:1px solid #000; color:#fff;} 
+#cssmenu > ul > li > a:after{border-color:#444;} 
+#cssmenu > ul > li > a:hover{background:#111;}
diff --git a/theme/static/images/atom.jpg b/theme/static/images/atom.jpg
new file mode 100755
index 0000000..89dd169
--- /dev/null
+++ b/theme/static/images/atom.jpg
diff --git a/theme/static/images/atom.png b/theme/static/images/atom.png
new file mode 100755
index 0000000..15611d1
--- /dev/null
+++ b/theme/static/images/atom.png
diff --git a/theme/static/images/fond.jpg b/theme/static/images/fond.jpg
new file mode 100755
index 0000000..ae3d2a1
--- /dev/null
+++ b/theme/static/images/fond.jpg
diff --git a/theme/static/images/header.jpg b/theme/static/images/header.jpg
new file mode 100755
index 0000000..8b07029
--- /dev/null
+++ b/theme/static/images/header.jpg
diff --git a/theme/static/images/rss.jpg b/theme/static/images/rss.jpg
new file mode 100755
index 0000000..f91d8ec
--- /dev/null
+++ b/theme/static/images/rss.jpg
diff --git a/theme/static/images/rss.png b/theme/static/images/rss.png
new file mode 100755
index 0000000..1ac38dd
--- /dev/null
+++ b/theme/static/images/rss.png
diff --git a/theme/templates/archives.html b/theme/templates/archives.html
new file mode 100755
index 0000000..f3c2990
--- /dev/null
+++ b/theme/templates/archives.html
@@ -0,0 +1,17 @@
+{% extends "base.html" %}
+
+{%block title %}{{ SITENAME }} - Archives{%endblock%}
+
+{% block content %}
+  <h2 class="page_title">Archives</h2>
+  <table id="archives">
+    <tbody>
+  {% for article in dates %}
+      <tr>
+        <td>{{ article.date.date() }}</td>
+        <td><a href='{{ article.url }}'>{{ article.title }}</a></td>
+      </tr>
+  {% endfor %}
+    </tbody>
+  </table>
+{% endblock %}
diff --git a/theme/templates/article.html b/theme/templates/article.html
new file mode 100755
index 0000000..f66fe72
--- /dev/null
+++ b/theme/templates/article.html
@@ -0,0 +1,40 @@
+{% extends "base.html" %}
+
+{% block title %}{{ SITENAME }} - {{ article.title }}{% endblock %}
+
+{% block content %}        
+  <article class="post">
+        <h2 class="page_title"><a href="{{ article.url }}" rel="bookmark" title="{{SITENAME}} - {{ article.title }}">{{ article.title }}</a></h2>
+      {%include 'meta.html'%}
+
+        <section class="post_content">
+        {{ article.content }}
+        </section>
+
+  </article>
+
+        {% if DISQUS_SITENAME %}
+        <div class="comments">
+        <h2>Commentaires&nbsp;:</h2>
+            <div id="disqus_thread"></div>
+            <script type="text/javascript">
+               var disqus_identifier = "{{ article.url }}";
+               (function() {
+               var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+               dsq.src = 'http://{{ DISQUS_SITENAME }}.disqus.com/embed.js';
+               (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+              })();
+            </script>
+        </div>
+        {% endif %}
+
+{#
+    {% if article.related_posts %}
+    <ul>
+      {% for related_post in article.related_posts %}
+          <li>{{ related_post.url }}</li>
+      {% endfor %}
+    </ul>
+    {% endif %}
+#}
+{% endblock %}
diff --git a/theme/templates/author.html b/theme/templates/author.html
new file mode 100755
index 0000000..0b37290
--- /dev/null
+++ b/theme/templates/author.html
@@ -0,0 +1,2 @@
+{% extends "index.html" %}
+{% block title %}{{ SITENAME }} - {{ author }}{% endblock %}
diff --git a/theme/templates/authors.html b/theme/templates/authors.html
new file mode 100755
index 0000000..e69de29
--- /dev/null
+++ b/theme/templates/authors.html
diff --git a/theme/templates/base.html b/theme/templates/base.html
new file mode 100755
index 0000000..93ae32c
--- /dev/null
+++ b/theme/templates/base.html
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html>
+<html lang="{{ DEFAULT_LANG }}" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <title>{% block title %}{{ SITENAME }}{%endblock%}</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <link rel="stylesheet" href="{{ SITEURL }}/theme/css/{{ CSS_FILE }}" type="text/css" />
+  <link href="{{ SITEURL }}/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} - Flux ATOM" />
+  {% if tag %}
+    {% if TAG_FEED_ATOM %}
+    <link href="{{ SITEURL }}/{{ TAG_FEED_ATOM % tag|e }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} » {{ tag|e }} - Flux ATOM" />
+    {% endif %}
+    {% if TAG_FEED_RSS %}
+    <link href="{{ SITEURL }}/{{ TAG_FEED_RSS % tag|e }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} » {{ tag }} - Flux RSS" />
+    {% endif %}
+  {% endif %}
+
+  {% if category  %}
+    {% if CATEGORY_FEED_ATOM %}
+    <link href="{{ SITEURL }}/{{ CATEGORY_FEED_ATOM % category }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} » {{ category|e }} - Flux ATOM" />
+    {% endif %}
+    {% if CATEGORY_FEED_RSS %}
+    <link href="{{ SITEURL }}/{{ CATEGORY_FEED_RSS % category }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} » {{ category|e }} - Flux RSS" />
+    {% endif %}
+  {% endif %}
+
+  {% if GOOGLE_ANALYTICS %}
+  <script type="text/javascript">
+    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
+    document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
+    </script>
+    <script type="text/javascript">
+    try {
+        var pageTracker = _gat._getTracker("{{GOOGLE_ANALYTICS}}");
+    pageTracker._trackPageview();
+    } catch(err) {}</script>
+  {% endif %}
+</head>
+<body>
+<div id="page">
+
+{% include 'header.html' %}
+{% include 'menu.html' %}
+
+  <section id="content">
+{% block content %}
+{% endblock %}
+  </section> <!-- /#content -->
+
+  <footer id="footer">
+    <p>Propulsé par <a href="http://getpelican.com/">Pelican</a>.</p>
+  </footer>
+</div> <!-- /#page -->
+</body>
+</html>
diff --git a/theme/templates/categories.html b/theme/templates/categories.html
new file mode 100755
index 0000000..0cd25d4
--- /dev/null
+++ b/theme/templates/categories.html
@@ -0,0 +1,17 @@
+{% extends "base.html" %}
+
+{% block title %}{{ SITENAME }} - Catégories{% endblock %}
+
+{% block content %}
+<h2 class="page_title">Liste des catégories</h2>
+<ul>
+{% for category, articles in categories %}
+  <li>
+  <a href="{{ category.url }}">{{ category }}</a> ({{ articles|count }})
+  {% if CATEGORY_FEED_RSS %}
+  <a href="{{ SITEURL }}/{{ CATEGORY_FEED_RSS % category }}" ><img src="theme/images/rss.png" /></a>
+  {% endif %}
+  </li>
+{% endfor %}
+</ul>
+{% endblock %}
diff --git a/theme/templates/category.html b/theme/templates/category.html
new file mode 100755
index 0000000..f476d93
--- /dev/null
+++ b/theme/templates/category.html
@@ -0,0 +1,31 @@
+{% extends "base.html" %}
+{% block title %}{{ SITENAME }} - {{ category}}{% endblock %}
+
+{% block content %}
+ <h2 class="page_title">Articles dans la catégorie «{{ category }}»</h2>
+ {% if articles %}
+  {% for article in (articles_page.object_list if articles_page else articles) %}  
+    <article class="post">
+      <h2 class="title"><a href="{{ SITEURL }}/{{ article.url}}">{{ article.title }}</a></h2>
+        <time class="meta" datetime="{{ article.date.isoformat() }}" pubdate="pubdate">{{ article.locale_date }}</time>
+
+      <section class="post_content">
+        {{ article.summary }}
+        {% if not loop.last %}
+        <hr>
+        {% endif %}
+      </section>
+    </article>
+  {% endfor %}
+ {% endif %}
+ {% include 'navigator.html' %}
+
+ {% if CATEGORY_FEED_RSS %}
+    <a href="{{ FEED_DOMAIN }}/{{ CATEGORY_FEED_RSS % category|e}}" ><img src="../theme/images/rss.png" /></a>
+ {% endif %}
+
+ {% if CATEGORY_FEED_ATOM %}
+    <a href="{{ FEED_DOMAIN }}/{{ CATEGORY_FEED_ATOM % category|e}}" ><img src="../theme/images/atom.png" /></a>
+ {% endif %}
+ 
+{% endblock %}
diff --git a/theme/templates/header.html b/theme/templates/header.html
new file mode 100755
index 0000000..066d71a
--- /dev/null
+++ b/theme/templates/header.html
@@ -0,0 +1,3 @@
+<header id="header">
+    <h1><a href="{{ SITEURL }}/index.html">{{ SITENAME }}</a></h1>
+</header>
diff --git a/theme/templates/index.html b/theme/templates/index.html
new file mode 100755
index 0000000..245c708
--- /dev/null
+++ b/theme/templates/index.html
@@ -0,0 +1,31 @@
+{% extends "base.html" %}
+{% block title %}{{ SITENAME }} - Accueil{% endblock %}
+
+{% block content %}
+ {% if articles %}
+  {% for article in (articles_page.object_list if articles_page else articles) %}  
+    <article class="post">
+      <h2 class="title"><a href="{{ SITEURL }}/{{ article.url}}">{{ article.title }}</a></h2>
+<time class="meta" datetime="{{ article.date.isoformat() }}" pubdate="pubdate">{{ article.locale_date }}</time>
+
+      <section class="post_content">
+        {{ article.summary }}
+        {% if not loop.last %}
+        <hr>
+        {% endif %}
+      </section>
+    </article>
+  {% endfor %}
+
+  {% include 'navigator.html' %}
+
+ {% if FEED_RSS %}
+    <a href="{{ FEED_DOMAIN }}/{{ FEED_RSS }}" ><img src="../theme/images/rss.png" /></a>
+ {% endif %}
+
+ {% if FEED_ATOM %}
+    <a href="{{ FEED_DOMAIN }}/{{ FEED_ATOM }}" ><img src="../theme/images/atom.png" /></a>
+ {% endif %}
+
+ {% endif %}
+{% endblock %}
diff --git a/theme/templates/menu.html b/theme/templates/menu.html
new file mode 100755
index 0000000..b8ecd50
--- /dev/null
+++ b/theme/templates/menu.html
@@ -0,0 +1,53 @@
+{% macro submenu(elements, link, name) -%}
+  {% if elements %}
+  <li class='has-sub'><a href="{{ SITEURL }}/{{link}}.html"><span>{{name}}</span></a>
+  <ul> 
+    {% for tag, articles in elements %}
+    <li><a href="{{SITEURL}}/{{tag.url}}"><span>{{ tag }}</span></a></li>
+    {% endfor %} 
+  </ul>
+  </li>
+  {% endif %}
+{%- endmacro %}
+
+<div id="cssmenu">
+<ul>
+  <li class='has-sub'><a href="{{ SITEURL }}/">Articles</a>
+  <ul>
+  {% for article in articles %}  
+    {% if loop.index < FEED_MAX_ITEMS %}
+      <li><a href="{{ SITEURL }}/{{ article.url}}">{{ article.title }}</a></li>
+    {% endif %}
+  {% endfor %}
+      <hr/>
+      <li><a href="{{ SITEURL }}/archives.html">Archives</a>
+  </ul>
+  </li>
+
+  {{ submenu(categories, 'categories', 'Catégories') }}
+  {{ submenu(tags, 'tags', 'Mots-clefs') }}
+
+
+{#
+  {% if FEED or FEED_RSS %}
+  <li class='has-sub'><a href="{{ SITEURL }}/#">S'abonner</a>
+       <ul>
+         {% if FEED %}
+         <li><a href="{{ SITEURL }}/{{ FEED }}" rel="alternate">Flux ATOM</a></li>
+         {% endif %}
+         {% if FEED_RSS %}
+         <li><a href="{{ SITEURL }}/{{ FEED_RSS }}" rel="alternate">Flux RSS</a></li>
+         {% endif %}
+
+         {% if categories %}
+         {% for category, articles in categories %}
+         <li><a href="{{SITEURL}}/{{CATEGORY_FEED_ATOM % (category)}}"><span>{{ category }}</span></a></li>
+         {% endfor %} 
+         {% endif %}
+       </ul>
+  </li>
+  {% endif %}
+#}
+
+</ul>
+</div>
diff --git a/theme/templates/meta.html b/theme/templates/meta.html
new file mode 100755
index 0000000..db36173
--- /dev/null
+++ b/theme/templates/meta.html
@@ -0,0 +1,5 @@
+        <details class="meta">
+          Publié le <time datetime="{{ article.date.isoformat() }}" pubdate="pubdate">{{ article.locale_date }}</time>
+          {% if article.author %} par {{ article.author }}{% endif %} dans «<a href="{{ SITEURL }}/{{ article.category.url }}">{{ article.category }}</a>».  
+          {% if article.tags %}Mots-clés: {% for tag in article.tags %}{%if loop.index > 1%}, {%endif%}<a href="{{ SITEURL }}/{{ tag.url }}">{{ tag }}</a>{% endfor %}</p>{% endif %}
+        </details> 
diff --git a/theme/templates/navigator.html b/theme/templates/navigator.html
new file mode 100755
index 0000000..50ca559
--- /dev/null
+++ b/theme/templates/navigator.html
@@ -0,0 +1,15 @@
+{% if articles_page %}
+  <nav class="pagination">
+  {% if articles_page.has_previous() %}
+    {% if articles_page.previous_page_number() == 1 %}
+        <a href="{{ SITEURL }}/{{ page_name }}.html">&#60;&#60;</a>
+    {% else %}
+        <a href="{{ SITEURL }}/{{ page_name }}{{ articles_page.previous_page_number() }}.html">&#60;&#60;</a>
+    {% endif %}
+  {% endif %}
+  Page <b>{{ articles_page.number }}</b> sur <b>{{ articles_paginator.num_pages }}</b>
+  {% if articles_page.has_next() %}
+    <a href="{{ SITEURL }}/{{ page_name }}{{ articles_page.next_page_number() }}.html">&#62;&#62;</a>
+  {% endif %}
+  </nav>
+{% endif%}
diff --git a/theme/templates/page.html b/theme/templates/page.html
new file mode 100755
index 0000000..4a2a9b7
--- /dev/null
+++ b/theme/templates/page.html
@@ -0,0 +1,12 @@
+{% extends "base.html" %}
+{% block title %}{{ page.title }}{% endblock %}
+{% block content %}        
+    <h1 class="page_title"><a href="{{ SITEURL }}/{{ page.url }}">{{ page.title }}</a></h1>
+    {% if PDF_PROCESSOR %}<a href="{{ SITEURL }}/pdf/{{ page.slug }}.pdf">get
+    the pdf</a>{% endif %}
+    <div style="clear: both;">&nbsp;</div>
+    <section class="page_content">
+    {{ page.content }}
+    </section>
+
+{% endblock %}
diff --git a/theme/templates/tag.html b/theme/templates/tag.html
new file mode 100755
index 0000000..49ed222
--- /dev/null
+++ b/theme/templates/tag.html
@@ -0,0 +1,31 @@
+{% extends "base.html" %}
+{% block title %}{{ SITENAME }} - «{{ tag }}»{% endblock %}
+
+{% block content %}
+ <h2 class="page_title">Articles avec le mot-clé «{{ tag }}»</h2>
+ {% if articles %}
+  {% for article in (articles_page.object_list if articles_page else articles) %}  
+    <article class="post">
+      <h2 class="title"><a href="{{ SITEURL }}/{{ article.url}}">{{ article.title }}</a></h2>
+<time class="meta" datetime="{{ article.date.isoformat() }}" pubdate="pubdate">{{ article.locale_date }}</time>
+
+      <section class="post_content">
+        {{ article.summary }}
+        {% if not loop.last %}
+        <hr>
+        {% endif %}
+      </section>
+    </article>
+  {% endfor %}
+ {% endif %}
+ {% include 'navigator.html' %}
+
+ {% if TAG_FEED_RSS %}
+    <a href="{{ FEED_DOMAIN }}/{{ TAG_FEED_RSS % tag|e}}" ><img src="../theme/images/rss.png" /></a>
+ {% endif %}
+
+ {% if TAG_FEED_ATOM %}
+    <a href="{{ FEED_DOMAIN }}/{{ TAG_FEED_ATOM % tag|e}}" ><img src="../theme/images/atom.png" /></a>
+ {% endif %}
+
+ {% endblock %}
diff --git a/theme/templates/tags.html b/theme/templates/tags.html
new file mode 100755
index 0000000..681e408
--- /dev/null
+++ b/theme/templates/tags.html
@@ -0,0 +1,13 @@
+{% extends "base.html" %}
+
+{% block title %}{{ SITENAME }} - Mots-clés{% endblock %}
+
+{% block content %}
+<h2 class="page_title">Liste des mots-clés</h2>
+<ul id="tag_list">
+{% for tag, articles in tags %}
+<li><a href="{{SITEURL}}/{{tag.url}}">{{ tag }}</a> ({{ articles|count }}) 
+</li>
+{% endfor %}
+</ul>
+{% endblock %}