diff options
-rw-r--r-- | lighweight/static/css/main.css | 206 | ||||
-rw-r--r-- | lighweight/templates/archives.html | 0 | ||||
-rw-r--r-- | lighweight/templates/article.html | 17 | ||||
-rw-r--r-- | lighweight/templates/base.html | 32 | ||||
-rw-r--r-- | lighweight/templates/categories.html | 0 | ||||
-rw-r--r-- | lighweight/templates/category.html | 0 | ||||
-rw-r--r-- | lighweight/templates/index.html | 23 | ||||
-rw-r--r-- | lighweight/templates/menu.html | 9 | ||||
-rw-r--r-- | lighweight/templates/page.html | 12 | ||||
-rw-r--r-- | lighweight/templates/sidebar.html | 5 | ||||
-rw-r--r-- | lighweight/templates/tag.html | 0 | ||||
-rw-r--r-- | lighweight/templates/tags.html | 0 |
12 files changed, 304 insertions, 0 deletions
diff --git a/lighweight/static/css/main.css b/lighweight/static/css/main.css new file mode 100644 index 0000000..7dad177 --- /dev/null +++ b/lighweight/static/css/main.css @@ -0,0 +1,206 @@ +@font-face { + font-family: 'Goudy Bookletter 1911'; + font-style: normal; + font-weight: normal; + src: local('Goudy Bookletter 1911'), local('GoudyBookletter1911'), url('http://themes.googleusercontent.com/font?kit=l5lwlGTN3pEY5Bf-rQEuILmKcuvUA98TddnVPjOJl_w') format('truetype'); +} + +header, footer, section, nav { + display: block; +} + +body { + max-width: 1400px; + min-width: 800px; + margin: 0; + padding: 0; + /* Pensez à utiliser une collection de polices (2), par ex: + *///font-family: Arial, Helvetica, FreeSans, sans-serif; + font-size: .8em; /* À adapter pour la police choisie. (3) */ + line-height: 1.3; /* À adapter au design. (4) */ + color: #111; + background: white; +} + +/* Titres */ +h1, h2, h3, h4, h5, h6 { + margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */ + line-height: 1.2; + font-weight: bold; /* Valeur par défaut. (6) */ + 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; +} + +/* Listes */ +ul, ol { + margin: .75em 0 .75em 32px; + padding: 0; +} + +/* Paragraphes */ +p { + margin: .75em; /* Marges plus faibles que par défaut. (7) */ +} + +pre, blockquote, table { + border: 2px dotted silver; + margin: 15px 10px; + padding: 5px; + scroll: auto; +} + +hr { + height: 0; + width: 60%; + margin: 15px auto; + color: transparent; + border-bottom: 2px dotted silver; +} + +address { + margin: .75em 0; + font-style: normal; +} + +/* Liens */ +a { + text-decoration: underline; +} +a:link { + color: #11C; + color: #222; +} +a:visited { + color: inherit; +} +a:hover, a:focus, a:active { + color: slategrey; +} + +/* Pas de bordure autour des images dans les liens */ +a img { + border: none; +} + +/* Divers éléments de type en-ligne (8) */ +em { + font-style: italic; +} +strong { + font-weight: bold; +} + +/* Formulaires */ +form, fieldset { + margin: 0; + padding: 0; + border: none; +} +input, button, select { + vertical-align: middle; /* Solution pb. d'alignement. (9) */ +} + + +div#page { + width: 75%; + margin: 5% auto 5% auto; + background: #EFEFEF; + border: 1px solid silver; + border-radius: 10px; +} + + + header#header { + width: 100%; + height: 60px; + clear: both; + text-align: center; + border-bottom: 1px solid silver; + } + + #header#header>h1 { + font-family: 'Goudy Bookletter 1911'; + font-style: italic; + font-size: 200%; + } + + #header#header>h1>a { + text-decoration: inherit; + color: inherit; + } + + nav#menu { + width: 100%; + padding-top: 2px; + padding-bottom: 2px; + border-bottom: 1px solid silver; + text-align: center; + } + + nav#menu a { + display: inline-block; + text-decoration: none; + margin: 2px; + padding: 1px; + border: 1px solid silver; + font-weight: bold; + color: #222; + } + + nav#menu a:hover, nav#menu.active { + border: 1px solid SlateGrey; + color: #11C; + } + + section#content { + float: left; + width: 75%; + border-right: 1px solid silver; + } + + section#content article.post { + margin: 10px; + } + + section.post_content, section.page_content { + margin: 10px; + } + + + aside#sidebar { + float: right; + width: 24%; + } + +footer#footer { + clear:both; + border-top: 1px solid silver; + padding: 5px 20px; +} + diff --git a/lighweight/templates/archives.html b/lighweight/templates/archives.html new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/lighweight/templates/archives.html diff --git a/lighweight/templates/article.html b/lighweight/templates/article.html new file mode 100644 index 0000000..b4d872e --- /dev/null +++ b/lighweight/templates/article.html @@ -0,0 +1,17 @@ +{% extends "base.html" %} +{% block title %}{{ SITENAME }} - {{ article.title }}{% endblock %} + +{% block content %} + <article class="post"> + <h2 class="page_title"><a href="{{ SITEURL }}/{{ article.url}}">{{ article.title }}</a></h2> + <details class="meta"> + <p> + Posté{%if article.date %} le <time pubdate="pubdate" datetime="{{ article.date }}">{{ article.locale_date }}</time>{% endif %}{% if article.author %} par {{ article.author }}{% endif %} dans «<a href="{{ SITEURL }}/category/{{ article.category }}.html">{{ article.category }}</a>». + {% if articles.tags %}<br />Tags : {% for tag in article.tags %}{% if loop.index > 1%}, {% endif %}<span class="tag"><a href="{{ SITEURL }}/tag/{{ tag }}.html">{{ tag }}</a></span>{% endfor %}{%endif%} + </p> + </details> + <section class="post_content"> + {{ article.content }} + </section> + </article> +{% endblock %} diff --git a/lighweight/templates/base.html b/lighweight/templates/base.html new file mode 100644 index 0000000..14a0d11 --- /dev/null +++ b/lighweight/templates/base.html @@ -0,0 +1,32 @@ +<?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" /> +</html> +<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/lighweight/templates/categories.html b/lighweight/templates/categories.html new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/lighweight/templates/categories.html diff --git a/lighweight/templates/category.html b/lighweight/templates/category.html new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/lighweight/templates/category.html diff --git a/lighweight/templates/index.html b/lighweight/templates/index.html new file mode 100644 index 0000000..b51a318 --- /dev/null +++ b/lighweight/templates/index.html @@ -0,0 +1,23 @@ +{% 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> + <details class="meta"> + <p> + Posté{%if article.date %} le <time pubdate="pubdate" datetime="{{ article.date }}">{{ article.date }}</time>{% endif %}{% if article.author %} par {{ article.author }}{% endif %} dans «<a href="{{ SITEURL }}/category/{{ article.category }}.html">{{ article.category }}</a>». + {% if articles.tags %}<br />Tags : {% for tag in article.tags %}{% if loop.index > 1%}, {% endif %}<span class="tag"><a href="{{ SITEURL }}/tag/{{ tag }}.html">{{ tag }}</a></span>{% endfor %}{%endif%} + </p> + </details> + + <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/lighweight/templates/menu.html b/lighweight/templates/menu.html new file mode 100644 index 0000000..88d5d7a --- /dev/null +++ b/lighweight/templates/menu.html @@ -0,0 +1,9 @@ +<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 %} + {% endif %} + +</nav> <!-- /#nav --> diff --git a/lighweight/templates/page.html b/lighweight/templates/page.html new file mode 100644 index 0000000..47dc631 --- /dev/null +++ b/lighweight/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/lighweight/templates/sidebar.html b/lighweight/templates/sidebar.html new file mode 100644 index 0000000..964b43c --- /dev/null +++ b/lighweight/templates/sidebar.html @@ -0,0 +1,5 @@ +<aside id="sidebar"> + <h2>Sidebar</h2> +{% block sidebar %} +{% endblock %} +</aside> diff --git a/lighweight/templates/tag.html b/lighweight/templates/tag.html new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/lighweight/templates/tag.html diff --git a/lighweight/templates/tags.html b/lighweight/templates/tags.html new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/lighweight/templates/tags.html |