summaryrefslogtreecommitdiff
path: root/theme
diff options
context:
space:
mode:
authorChimrod <contact+git@chimrod.com>2013-04-16 21:27:30 +0200
committerChimrod <contact+git@chimrod.com>2013-04-16 21:27:30 +0200
commit66a5a0cdccd464930a232c87f91e1b0805f255a5 (patch)
tree1563108cc22cfdc250108eb25b3beaf51d398dff /theme
initial commit
Diffstat (limited to 'theme')
-rwxr-xr-xtheme/LISEZ-MOI.rst16
-rwxr-xr-xtheme/screenshot.pngbin0 -> 68419 bytes
-rwxr-xr-xtheme/static/css/main.css280
-rwxr-xr-xtheme/static/css/pygment.css205
-rwxr-xr-xtheme/static/css/styles.css25
-rwxr-xr-xtheme/static/images/atom.jpgbin0 -> 2640 bytes
-rwxr-xr-xtheme/static/images/atom.pngbin0 -> 3000 bytes
-rwxr-xr-xtheme/static/images/fond.jpgbin0 -> 1378 bytes
-rwxr-xr-xtheme/static/images/header.jpgbin0 -> 49473 bytes
-rwxr-xr-xtheme/static/images/rss.jpgbin0 -> 2630 bytes
-rwxr-xr-xtheme/static/images/rss.pngbin0 -> 2631 bytes
-rwxr-xr-xtheme/templates/archives.html17
-rwxr-xr-xtheme/templates/article.html40
-rwxr-xr-xtheme/templates/author.html2
-rwxr-xr-xtheme/templates/authors.html0
-rwxr-xr-xtheme/templates/base.html55
-rwxr-xr-xtheme/templates/categories.html17
-rwxr-xr-xtheme/templates/category.html31
-rwxr-xr-xtheme/templates/header.html3
-rwxr-xr-xtheme/templates/index.html31
-rwxr-xr-xtheme/templates/menu.html53
-rwxr-xr-xtheme/templates/meta.html5
-rwxr-xr-xtheme/templates/navigator.html15
-rwxr-xr-xtheme/templates/page.html12
-rwxr-xr-xtheme/templates/tag.html31
-rwxr-xr-xtheme/templates/tags.html13
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
Binary files differ
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
Binary files differ
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
Binary files differ
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
Binary files differ
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
Binary files differ
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
Binary files differ
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
Binary files differ
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 %}