Update existin links

content/2015-06-formbuilder.md

@@ -2,6 +2,10 @@ Title: Comment est-ce que vous générez vos formulaires ?
 Headline: Présentation d'une solution pour gérer vos formulaires en gardant la main sur les données générées
 Date: 2016-05-31
 Category: tech
+Image: images/forms.jpg
+Image_link: https://www.flickr.com/photos/kurtfaler/2946570890/in/photolist-5unWSo-nxwHk4-fwjQ1b-Xk5F1e-2nyhfK-Wewupi-qRH2Xe-2XeevA-2nyiGe-VoQgbo-2nyh1z-rgyTKm-aPe8yB-9X8MXQ-5zmZi-Vmx4Qu-9X5V9P-5g5EkR-9erwKR-pfUuMZ-obTwRp-dsPpSz-ckgYNh-9X8Zvf-ASZGaH-7LTmLX-fuJpoW-dabtsC-e32SSu-jV9aSa-5vvCn5-9CAB7c-g6y6sK-8N5tB8-87iko3-dsPqmz-4PAkkC-9X67E8-dYGSEz-9X634n-a2GgEA-98kTPP-a6Lpcf-9X5YMk-jcUL1s-7QJYFF-axhDsE-p9vhA8-fA6GmA-5kZtaV
+Image_author: Kurt Faler
+Image_license: CC BY-NC-ND 2.0
 
 TL; DR: Je viens à peine de *releaser* la première version d'un service de génération de formulaires.
 Allez jeter un coup d'œil sur [https://www.fourmilieres.net](https://www.fourmilieres.net)

content/2016.03.focus.rst

@@ -5,6 +5,10 @@ Focusing on what matters
 :date: 2016-03-17
 :tags: focus, time-management
 :category: thoughts
+:image: images/focus.jpg
+:image_link: https://www.flickr.com/photos/hansel5569/9397600663/in/photolist-fjragD-9EXcd5-oe2p14-23iTigF-7KBLmy-asVELm-V2rrkG-nDksc7-egrsJP-kbjM1t-iukTkY-dGKeMh-57E6to-6gH4sT-4ryLBG-78d9ro-7qr1BH-eLPdyP-NPN5q-4MPGmc-2CC4h6-97XaBc-aWRhkz-fmVQnq-bS2XY6-bUvhrL-Veeu3u-6p8SBC-c8Ppwm-57d3ZA-3fK6eh-mLrXp8-frHAzg-e8Tu86-6UH6FK-aUK8Zn-sqN8q-98bEdm-jbdFEj-TLTpDx-4Nxj1-9YfCgz-dhR16n-e2SELM-9JkbuY-WVomjJ-VSuCfC-iiapMh-gAjfm9-QVxcU2
+:image_author: 55Laney69
+:image_license: CC BY-NC 2.0
 
 I do have a problem with information.
 

content/2016.03.ssl-trust.md

@@ -2,6 +2,10 @@ Title: Avez vous confiance en SSL?
 Headline: Tour d'horizon du fonctionnement de SSL et des solutions pour le sécuriser.
 Date: 2016-03-25
 Category: crypto
+Image: images/illusion.jpg
+Image_link: https://www.flickr.com/photos/tinou/133982614/in/photolist-cQGn5-9AtoAP-dpiR2X-baBc4e-5ZvGJj-8KrKoG-gg2XM4-9KgHee-6iB7C-4zUNee-9hj2zF-43REk-aoanQb-947pCM-aj1P6z-9tE3g-pq8kRk-qp6hK1-hp13Uh-7ywK7o-4F41Pw-72piQE-22a8kTc-ECJ2r6-6ufU4Y-7WLPTu-5bLdgB-ha8ByJ-jqvD3-LktPD-izBtN4-aa7ABY-pz4aLg-49jEZi-YGoRJ-aCuCH2-4muqSR-7ey33A-6nUDPT-ajeJbN-a89tyX-s3pjm1-9imyxV-WswqNm-aDHw9-cN7MWS-abdTEE-a89tAT-aeVpTf-oAuYHd
+Image_author: Tinou Bao
+Image_license: CC BY 2.0
 
 Dans le cadre [des ateliers d'autodéfense numérique](http://autodefense-numerique.readthedocs.org/en/latest/),
 j'ai passé un peu de temps à creuser sur l'utilisation de SSL puisque

content/2017.03.point.mi.parcours.md

@@ -1,4 +1,4 @@
-Title: Brasserie du Vieux Singe — W.I.P.
+Title: Brasserie du Vieux Singe — Installation en cours.
 Headline: Retours sur ces quelques mois consacrés à la création de la brasserie du Vieux Singe.
 Date: 2017-06-26
 Category: thoughts

theme/static/css/lanyon.css

@@ -100,6 +100,7 @@ h1, h2, h3, h4, h5, h6 {
   border-bottom: 1px solid #eee;
 }
 .masthead-title {
+  margin-left: 75px;
   margin-top: 0;
   margin-bottom: 0;
   color: #505050;

theme/static/css/styles.css

@@ -1,3 +1,6 @@
+body {
+    background-image: url('seigaiha.png');
+}
 .profile {
   height: 80px;
   width: 80px;

theme/templates/article.html

@@ -60,12 +60,21 @@ h1 {
 <h1 class="post-title">{{ article.title }}</h1>
 <span class="post-date">{{ article.locale_date | capitalize }}</span>
 <img id="illustration" src="{{ article.image}}" />
+
 <div class="post article">
     {% if article.headline %}
     <h2 class="post-headline">{{ article.headline }}</h2>
     {% endif %}
     <h1>🌟</h1>
     {{ article.content }}
+    {% if article.image and article.image_link and article.image_author and article.image_license %}
+    <em>L'image d'illustration utilisée est un travail de <a href="{{ article.image_link }}">{{ article.image_author}}</a> proposé sous license {{ article.image_license }}. Merci !</em>
+    {% endif %}
+    Vous pouvez également <a onclick="(function(){
+      let here = document.location;
+      document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
+      return false;
+    })();return false;">télécharger cet article en pdf</a>.
   </div>
 </div>
 {% endblock %}

theme/templates/base.html

@@ -47,7 +47,7 @@
     {% include 'sidebar.html' %}
     <div class="wrap">
       <div class="masthead">
-        <div class="container">
+        <div class="{% block containertitleclass %}container{% endblock %}">
           <h3 class="masthead-title">
             <a href="{{ SITEURL }}/" title="Home">{{ SITENAME }}</a>
             {% if SITEDESCRIPTION %}

theme/templates/index.html

@@ -1,5 +1,6 @@
 {% extends "base.html" %}
 {% block containerclass %}container-wide{% endblock %}
+{% block containertitleclass %}container-wide{% endblock %}
 {% block extrahead %}
 <style>
 
@@ -15,7 +16,7 @@
   <ul id="blog_index">
   {% for article in articles_page.object_list %}
   {% if not article.unlisted or article.category == category %}
-  <li style="background-image: url('{{ article.image }}') !important;"><span class="post"><a class="post_title" href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></span><span class="description"><span class="headline">{{ article.headline }}</span><time class="created" datetime="{{ article.date.isoformat() }}">{{ article.locale_date }}</time></span></li>
+  <li style="background-image: url('{% if article.image %}{{ article.image }}{% else %}https://loremflickr.com/320/{{ 240 + loop.index }} {% endif %}') !important;"><span class="post"><a class="post_title" href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></span><span class="description"><span class="headline">{{ article.headline }}</span><time class="created" datetime="{{ article.date.isoformat() }}">{{ article.locale_date }}</time></span></li>
   {% endif %}
   {% endfor %}
   </ul>