diff options
Diffstat (limited to 'lightweight')
-rw-r--r-- | lightweight/LISEZ-MOI.rst | 16 | ||||
-rw-r--r-- | lightweight/aperçu.png | bin | 0 -> 63426 bytes | |||
-rw-r--r-- | lightweight/static/css/main.css | 258 | ||||
-rw-r--r-- | lightweight/static/fonts/Goudy Bookletter 1911.ttf | bin | 0 -> 73496 bytes | |||
-rw-r--r-- | lightweight/templates/archives.html | 21 | ||||
-rw-r--r-- | lightweight/templates/article.html | 31 | ||||
-rw-r--r-- | lightweight/templates/base.html | 43 | ||||
-rw-r--r-- | lightweight/templates/categories.html | 0 | ||||
-rw-r--r-- | lightweight/templates/category.html | 19 | ||||
-rw-r--r-- | lightweight/templates/index.html | 18 | ||||
-rw-r--r-- | lightweight/templates/menu.html | 13 | ||||
-rw-r--r-- | lightweight/templates/meta.html | 5 | ||||
-rw-r--r-- | lightweight/templates/page.html | 12 | ||||
-rw-r--r-- | lightweight/templates/sidebar.html | 59 | ||||
-rw-r--r-- | lightweight/templates/tag.html | 19 | ||||
-rw-r--r-- | lightweight/templates/tags.html | 12 |
16 files changed, 526 insertions, 0 deletions
diff --git a/lightweight/LISEZ-MOI.rst b/lightweight/LISEZ-MOI.rst new file mode 100644 index 0000000..56a60ef --- /dev/null +++ b/lightweight/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/lightweight/aperçu.png b/lightweight/aperçu.png Binary files differnew file mode 100644 index 0000000..f3ad91b --- /dev/null +++ b/lightweight/aperçu.png diff --git a/lightweight/static/css/main.css b/lightweight/static/css/main.css new file mode 100644 index 0000000..eed184e --- /dev/null +++ b/lightweight/static/css/main.css @@ -0,0 +1,258 @@ +@font-face { + font-family: 'Goudy Bookletter 1911'; + font-style: normal; + font-weight: normal; + src: local('Goudy Bookletter 1911'), local('GoudyBookletter1911'), url('../fonts/Goudy Bookletter 1911.ttf') format('truetype'); +} + +header, footer, section, nav { + display: block; +} + +body { + max-width: 1400px; + min-width: 800px; + margin: 0; + padding: 0; + font-size: .8em; + line-height: 1.3; + color: #111; + background: white; +} + +h1, h2, h3, h4, h5, h6 { + margin: 1em 0 .5em 0; + line-height: 1.2; + font-weight: bold; + font-family: 'Goudy Bookletter 1911'; + color: #111; + font-style: normal; +} +h1 { + font-size: 1.75em; +} +h2 { + font-size: 1.5em; +} +h2.page_title { + text-align: center; + text-decoration: none; + font-size: 2em; +} + h2.page_title:before { + content: '~ '; + } + h2.page_title:after { + content: ' ~'; + } +h3 { + font-size: 1.25em; + margin-left: 15px; +} +h4 { + font-size: 1em; + margin-left: 30px; +} + +ul, ol { + margin: .75em 0 .75em 32px; + padding: 0; +} + +p { + margin: .75em; +} + +pre, blockquote { + border: 2px dotted grey; + margin: 15px 10px; + padding: 5px; + scroll: auto; +} + +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: #11C; + color: #222; +} +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 { + width: 75%; + margin: 5% auto 5% auto; + background: #EFEFEF; + border: 1px solid grey; + border-radius: 10px; +} + + + header#header { + width: 100%; + clear: both; + text-align: center; + border-bottom: 1px solid grey; + } + + #header>h1 { + font-family: 'Goudy Bookletter 1911'; + font-style: italic; + font-size: 3em; + padding: 0; + margin: 15px 0 15px 0; + } + #header>h1:before { + content: '~ '; + } + #header>h1:after { + content: ' ~'; + } + #header>h1>a { + text-decoration: inherit; + color: inherit; + } + + nav#menu { + width: 100%; + padding-top: 2px; + padding-bottom: 2px; + border-bottom: 1px solid grey; + text-align: center; + } + + 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: 75%; + border-right: 1px solid grey; + } + + section#content article.post { + margin: 10px; + } + article.post h2.post_title { + margin: 20px 0 0 0; + padding: 0; + } + + article.post details.meta { + margin: 5px 0 0 0; + padding: 0; + } + article.post details.meta p { + margin: 0; + padding: 0; + } + + section.post_content, section.page_content { + margin: 10px; + } + + .post details.meta { + margin: 0; + padding: 2px 3px; + border-bottom: 1px dotted grey; + font-size: .8em; + } + + #content a#all_tags { + text-align: center; + font-size: 1.8em; + } + #content ul#tag_list { + text-align: center; + list-style-type: none; + } + #content dl#archives dt { + margin-left: 40px; + } + #content dl#archives dd { + text-align: center; + } + + 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/lightweight/static/fonts/Goudy Bookletter 1911.ttf b/lightweight/static/fonts/Goudy Bookletter 1911.ttf Binary files differnew file mode 100644 index 0000000..7d0a83f --- /dev/null +++ b/lightweight/static/fonts/Goudy Bookletter 1911.ttf diff --git a/lightweight/templates/archives.html b/lightweight/templates/archives.html new file mode 100644 index 0000000..4d6234f --- /dev/null +++ b/lightweight/templates/archives.html @@ -0,0 +1,21 @@ +{% extends "base.html" %} + +{%block title %}{{ SITENAME }} - Archives{%endblock%} + +{% block content %} + <h2 class="page_title">Archives</h1> + <table id="archives"> + <tbody> + <tr> + <th>Date</th> + <th>Article</th> + </tr> + {% for article in dates %} + <tr> + <td>{{ article.date.strftime(DEFAULT_DATE_FORMAT or '%a %d %B %Y') }}</td> + <td><a href='{{ article.url }}'>{{ article.title }}</a></td> + </tr> + {% endfor %} + </tbody> + </table> +{% endblock %} diff --git a/lightweight/templates/article.html b/lightweight/templates/article.html new file mode 100644 index 0000000..68556bf --- /dev/null +++ b/lightweight/templates/article.html @@ -0,0 +1,31 @@ +{% 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> + + <section class="post_content"> + {{ article.content }} + </section> + + {%include 'meta.html'%} + </article> + + {% if DISQUS_SITENAME %} + <div class="comments"> + <h2>Commentaires:</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 %} + +{% endblock %} diff --git a/lightweight/templates/base.html b/lightweight/templates/base.html new file mode 100644 index 0000000..a2d3a9f --- /dev/null +++ b/lightweight/templates/base.html @@ -0,0 +1,43 @@ +<?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/main.css" type="text/css" /> + <link href="{{ SITEURL }}/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} - Flux ATOM" /> + {% 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"> + + <header id="header"> + <h1><a href="{{ SITEURL }}/index.html">{{ SITENAME }}</a></h1> + </header> + +{% include 'menu.html' %} + + <section id="content"> +{% block content %} +{% endblock %} + </section> <!-- /#content --> + +{% include 'sidebar.html' %} + + + <footer id="footer"> + <p>Propulsé par <a href="http://docs.notmyidea.org/alexis/pelican/index.html">Pelican</a>.</p> + </footer> +</div> <!-- /#page --> +</body> +</html> diff --git a/lightweight/templates/categories.html b/lightweight/templates/categories.html new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/lightweight/templates/categories.html diff --git a/lightweight/templates/category.html b/lightweight/templates/category.html new file mode 100644 index 0000000..764a6f9 --- /dev/null +++ b/lightweight/templates/category.html @@ -0,0 +1,19 @@ +{% 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 %} + <article class="post"> + <h2 class="title"><a href="{{ SITEURL }}/{{ article.url}}">{{ article.title }}</a></h2> + {%include 'meta.html'%} + + <section class="post_content"> + {{ article.summary }}<br /> + <a class="more" href="{{ SITEURL }}/{{ article.url }}">Lire la suite...</a> + </section> + </article> + {% endfor %} + {% endif %} +{% endblock %} diff --git a/lightweight/templates/index.html b/lightweight/templates/index.html new file mode 100644 index 0000000..d5879bd --- /dev/null +++ b/lightweight/templates/index.html @@ -0,0 +1,18 @@ +{% extends "base.html" %} +{% block title %}{{ SITENAME }} - Accueil{% endblock %} + +{% block content %} + {% if articles %} + {% for article in articles %} + <article class="post"> + <h2 class="title"><a href="{{ SITEURL }}/{{ article.url}}">{{ article.title }}</a></h2> + {%include 'meta.html'%} + + <section class="post_content"> + {{ article.summary }}<br /> + <a class="more" href="{{ SITEURL }}/{{ article.url }}">Lire la suite...</a> + </section> + </article> + {% endfor %} + {% endif %} +{% endblock %} diff --git a/lightweight/templates/menu.html b/lightweight/templates/menu.html new file mode 100644 index 0000000..9a9d011 --- /dev/null +++ b/lightweight/templates/menu.html @@ -0,0 +1,13 @@ +<nav id="menu"> + <a href="{{ SITEURL }}/index.html">Accueil</a> + {% if DISPLAY_PAGES_ON_MENU != False%} + {% for p in PAGES %} + <a {% if p == page %}class="active" {% endif %}href="{{ SITEURL }}/pages/{{ p.url }}">{{ p.title }}</a> + {% endfor %} + {% else %} + <a href="{{ SITEURL }}/categories.html">Catégories</a> + <a href="{{ SITEURL }}/tags.html">Mots-clés</a> + {% endif %} + <a href="{{ SITEURL }}/archives.html">Archives</a> + +</nav> <!-- /#nav --> diff --git a/lightweight/templates/meta.html b/lightweight/templates/meta.html new file mode 100644 index 0000000..14257bd --- /dev/null +++ b/lightweight/templates/meta.html @@ -0,0 +1,5 @@ + <details class="meta"> + Publié le <time datetime="{{ article.date.isoformat() }}" pubdate="pubdate">{{ article.date.strftime(DEFAULT_DATE_FORMAT or '%a %d %B %Y') }}</time> + {% if article.author %} par {{ article.author }}{% endif %} dans «<a href="{{ SITEURL }}/category/{{ article.category }}.html">{{ article.category }}</a>». + {% if article.tags %}Mots-clés: {% for tag in article.tags %}{%if loop.index > 1%}, {%endif%}<a href="{{ SITEURL }}/tag/{{ tag }}.html">{{ tag }}</a>{% endfor %}</p>{% endif %} + </details> diff --git a/lightweight/templates/page.html b/lightweight/templates/page.html new file mode 100644 index 0000000..47dc631 --- /dev/null +++ b/lightweight/templates/page.html @@ -0,0 +1,12 @@ +{% extends "base.html" %} +{% block title %}{{ page.title }}{% endblock %} +{% block content %} + <h2 class="page_title"><a href="{{ SITEURL }}/pages/{{ 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;"> </div> + <section class="page_content"> + {{ page.content }} + </section> + +{% endblock %} diff --git a/lightweight/templates/sidebar.html b/lightweight/templates/sidebar.html new file mode 100644 index 0000000..d73fa91 --- /dev/null +++ b/lightweight/templates/sidebar.html @@ -0,0 +1,59 @@ +<aside id="sidebar"> +{% block sidebar_header %} +{% endblock %} + + <div class="widget" id="categories"> + <h2>Catégories</h2> + <ul> + {% for cat, null in categories %} + <li {% if cat == category %}class="active"{% endif %}><a href="{{ SITEURL }}/category/{{ cat }}.html">{{ cat }}</a></li> + {% endfor %} + </ul> + </div> + + {% if article and article.tags %} + <div class="widget" id="tags"> + <h2>Mots-clés:</h2> + <ul> + {% for tag in article.tags %} + <li><a href="{{SITEURL}}/tag/{{tag}}.html">{{ tag }}</a></li> + {% endfor %} + <li><a class="more" href="{{SITEURL}}/tags.html">Plus...</a></li> + </ul> + </div> + {%endif%} + + {% if LINKS %} + <div class="widget" id="blogroll"> + <h2>Liens</h2> + <ul> + {% for name, link in LINKS %} + <li><a href="{{ link }}">{{ name }}</a></li> + {% endfor %} + </ul> + </div> + {% endif %} + + {% if SOCIAL %} + <div class="widget" id="social"> + <h2>Réseaux sociaux</h2> + <ul> + {% for name, link in SOCIAL %} + <li><a href="{{ link }}">{{ name }}</a></li> + {% endfor %} + </ul> + </div> + {% endif %} + + {% if FEED or FEED_RSS %} + <div class="widget" id="subscribe"> + <h2>S'abonner</h2> + <ul> + <li><a href="{{ SITEURL }}/{{ FEED }}" rel="alternate">Flux ATOM</a></li> + {% if FEED_RSS %} + <li><a href="{{ SITEURL }}/{{ FEED_RSS }}" rel="alternate">Flux RSS</a></li> + {% endif %} + </ul> + </div> + {% endif %} +</aside> diff --git a/lightweight/templates/tag.html b/lightweight/templates/tag.html new file mode 100644 index 0000000..cb5038c --- /dev/null +++ b/lightweight/templates/tag.html @@ -0,0 +1,19 @@ +{% 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 %} + <article class="post"> + <h2 class="title"><a href="{{ SITEURL }}/{{ article.url}}">{{ article.title }}</a></h2> + {%include 'meta.html'%} + + <section class="post_content"> + {{ article.summary }}<br /> + <a class="more" href="{{ SITEURL }}/{{ article.url }}">Lire la suite...</a> + </section> + </article> + {% endfor %} + {% endif %} +{% endblock %} diff --git a/lightweight/templates/tags.html b/lightweight/templates/tags.html new file mode 100644 index 0000000..60ac7db --- /dev/null +++ b/lightweight/templates/tags.html @@ -0,0 +1,12 @@ +{% 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><h3><a href="{{SITEURL}}/tag/{{tag}}.html">{{ tag }}</a></h3></li> +{% endfor %} +</ul> +{% endblock %} |