diff --git a/content/2016.03.horizon.rst b/content/2016.03.horizon.rst index 628e885..2e3db9b 100644 --- a/content/2016.03.horizon.rst +++ b/content/2016.03.horizon.rst @@ -5,6 +5,7 @@ L'horizon :headline: Temps de changer d'horizon. Mon départ de Mozilla et le début d'une nouvelle histoire. :category: thoughts +:image: images/horizon.jpg .. epigraph:: diff --git a/content/2017.03.point.mi.parcours.md b/content/2017.03.point.mi.parcours.md index 94a9e5b..8394569 100644 --- a/content/2017.03.point.mi.parcours.md +++ b/content/2017.03.point.mi.parcours.md @@ -2,6 +2,7 @@ Title: Brasserie du Vieux Singe — W.I.P. Headline: Retours sur ces quelques mois consacrés à la création de la brasserie du Vieux Singe. Date: 2017-06-26 Category: thoughts +Image: images/vieuxsinge.jpg Ça fait maintenant quelques mois que j'ai décidé de [changer de métier](https://www.vieuxsinge.com). Choix à la fois difficile et excitant. Une rupture qui laisse place à quelques étoiles dans les yeux. Enfin, je retrouve l'envie de créer, et je renoue avec mes rêves, ceux-la mêmes que je croyaient trop fous pour être à portée de main. diff --git a/content/2017.09.neipa.md b/content/2017.09.neipa.md index ba685e6..480aa2e 100644 --- a/content/2017.09.neipa.md +++ b/content/2017.09.neipa.md @@ -2,6 +2,7 @@ Title: L'arrivée du trouble (ou comment faire des NEIPA ?) Headline: Traduction d'un article sur les New England IPA du magazine Américan « Brew Your Own » Date: 2017-10-17 Category: biere +Image: images/haze.jpg **Ceci est une traduction d'un article paru dans le magazine « Brew Your Own » en Octobre 2016, écrit par Dave Green** diff --git a/content/2017.10.06.club-des-brasseurs-rennais.md b/content/2017.10.06.club-des-brasseurs-rennais.md index 2278a04..772984e 100644 --- a/content/2017.10.06.club-des-brasseurs-rennais.md +++ b/content/2017.10.06.club-des-brasseurs-rennais.md @@ -1,7 +1,8 @@ Title: Un club des brasseurs amateurs Rennais -Headline: si vous êtes dans le coin de Rennes et que vous voulez échanger sur la fabrication de bière, ne cherchez plus ;) +Headline: Si vous êtes dans le coin de Rennes et que vous voulez échanger sur la fabrication de bière, ne cherchez plus ;) Date: 2017-11-06 Category: biere +Image: /images/refroidissement.jpg En Mars dernier, suite à quelques discussions entre brasseurs amateurs, on à décidé de monter [une liste de diffusion](https://framalistes.org/sympa/subscribe/brassam-rennes) pour faciliter les échanges autour du brassage amateur sur Rennes et ses alentours. diff --git a/content/images/haze.jpg b/content/images/haze.jpg new file mode 100644 index 0000000..91a0b6a Binary files /dev/null and b/content/images/haze.jpg differ diff --git a/content/images/horizon.jpg b/content/images/horizon.jpg new file mode 100644 index 0000000..6e37000 Binary files /dev/null and b/content/images/horizon.jpg differ diff --git a/content/images/privacy.jpeg b/content/images/privacy.jpeg new file mode 100644 index 0000000..8723002 Binary files /dev/null and b/content/images/privacy.jpeg differ diff --git a/content/images/vieuxsinge.jpg b/content/images/vieuxsinge.jpg new file mode 100644 index 0000000..e8665b3 Binary files /dev/null and b/content/images/vieuxsinge.jpg differ diff --git a/pelican.conf.py b/pelican.conf.py index e36f44c..aaabe8d 100644 --- a/pelican.conf.py +++ b/pelican.conf.py @@ -5,7 +5,7 @@ AUTHOR = u'Alexis Métaireau' SITENAME = u"Carnets Web" THEME = "theme" DISQUS_SITENAME = 'notmyidea' -STATIC_PATHS = ['static'] +STATIC_PATHS = ['static', 'images'] SITEURL = '' RELATIVE_URLS = True diff --git a/theme/static/css/poole.css b/theme/static/css/poole.css index 2c5f183..2118f0a 100644 --- a/theme/static/css/poole.css +++ b/theme/static/css/poole.css @@ -212,13 +212,29 @@ pre code { /* Quotes */ blockquote { - padding: .5rem 1rem; - margin: .8rem 0; - color: #7a7a7a; - background-color: #F2FBFE + background: #f9f9f9; + margin: 1.5em 10px; + padding: 0.5em 10px; + quotes: "\201C""\201D""\2018""\2019"; } -blockquote p:last-child { - margin-bottom: 0; +blockquote:before { + color: #ccc; + content: open-quote; + font-size: 4em; + line-height: 0.1em; + margin-right: 0.25em; + vertical-align: -0.4em; +} +blockquote:after { + color: #ccc; + content: close-quote; + font-size: 4em; + line-height: 0.1em; + margin-right: 1em; + vertical-align: -0.4em +} +blockquote p { + display: inline; } @media (min-width: 30em) { blockquote { @@ -297,6 +313,12 @@ tbody tr:nth-child(odd) th { margin-right: auto; } +.container-wide { + padding-left: 1rem; + padding-right: 1rem; + margin-left: auto; + margin-right: auto; +} /* * Masthead @@ -354,6 +376,7 @@ tbody tr:nth-child(odd) th { margin-top: -.5rem; margin-bottom: 1rem; color: #9a9a9a; + text-align: center; } /* Related posts */ diff --git a/theme/static/css/styles.css b/theme/static/css/styles.css index 3144317..0599355 100644 --- a/theme/static/css/styles.css +++ b/theme/static/css/styles.css @@ -61,11 +61,19 @@ ul#blog_index li .post { flex-direction: column; } ul#blog_index li span a { + font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; + padding: 8px 5px; + text-transform: uppercase; + text-rendering: optimizeLegibility; + color: #202020; + letter-spacing: .1em; + box-decoration-break: clone; + background-color: #fff; + flex: 1 auto; line-height: 1.3; padding: .6rem 1rem; font-weight: 100; - font-family: "Helvetica Neue Light", Helvetica, sans-serif; font-size: 1rem; } ul#blog_index time.updated::before { @@ -73,6 +81,7 @@ ul#blog_index time.updated::before { color: rgba(0, 0, 0, 0.3); } .created { + display: block; padding: .6rem 1rem; font-weight: 400; } @@ -80,10 +89,16 @@ ul#blog_index time.created::before { content: " Écrit le "; color: rgba(0, 0, 0, 0.3); } -.headline { - padding: .6rem 1rem; -} .post { margin-bottom: 0 !important; } + +.description { + display: block; + background-color: #fff; + opacity: 0.9; + padding: 10px; + text-align: justify; + justify-content: center; +} diff --git a/theme/static/js/instantclick.min.js b/theme/static/js/instantclick.min.js deleted file mode 100644 index a2539d8..0000000 --- a/theme/static/js/instantclick.min.js +++ /dev/null @@ -1,13 +0,0 @@ -/* InstantClick 3.1.0 | (C) 2014 Alexandre Dieulot | http://instantclick.io/license */ -var InstantClick=function(d,e){function w(a){var b=a.indexOf("#");return 0>b?a:a.substr(0,b)}function z(a){for(;a&&"A"!=a.nodeName;)a=a.parentNode;return a}function A(a){var b=e.protocol+"//"+e.host;if(!(b=a.target||a.hasAttribute("download")||0!=a.href.indexOf(b+"/")||-1+new Date-500||(a=z(a.target))&&A(a)&&x(a.href)}function N(a){G>+new Date-500||(a=z(a.target))&&A(a)&&(a.addEventListener("mouseout",T),H?(O=a.href,l=setTimeout(x,H)):x(a.href))}function U(a){G=+new Date;(a=z(a.target))&&A(a)&&(D?a.removeEventListener("mousedown", -M):a.removeEventListener("mouseover",N),x(a.href))}function V(a){var b=z(a.target);!b||!A(b)||1p.readyState)&&0!=p.status){q.ready=+new Date-q.start;if(p.getResponseHeader("Content-Type").match(/\/(x|ht|xht)ml/)){var a=d.implementation.createHTMLDocument("");a.documentElement.innerHTML=p.responseText.replace(//gi,"");y=a.title; -u=a.body;var b=t("receive",r,u,y);b&&("body"in b&&(u=b.body),"title"in b&&(y=b.title));b=w(r);h[b]={body:u,title:y,scrollY:b in h?h[b].scrollY:0};for(var a=a.head.children,b=0,c,g=a.length-1;0<=g;g--)if(c=a[g],c.hasAttribute("data-instant-track")){c=c.getAttribute("href")||c.getAttribute("src")||c.innerHTML;for(var e=E.length-1;0<=e;e--)E[e]==c&&b++}b!=E.length&&(F=!0)}else F=!0;m&&(m=!1,P(r))}}function L(a){d.body.addEventListener("touchstart",U,!0);D?d.body.addEventListener("mousedown",M,!0):d.body.addEventListener("mouseover", -N,!0);d.body.addEventListener("click",V,!0);if(!a){a=d.body.getElementsByTagName("script");var b,c,g,e;i=0;for(j=a.length;i+new Date-(q.start+q.display)||(l&&(clearTimeout(l),l=!1),a||(a=O),v&&(a==r||m))||(v=!0,m=!1,r=a,F=u=!1,q={start:+new Date},t("fetch"), -p.open("GET",a),p.send())}function P(a){"display"in q||(q.display=+new Date-q.start);l||!v?l&&r&&r!=a?e.href=a:(x(a),C.start(0,!0),t("wait"),m=!0):m?e.href=a:F?e.href=r:u?(h[k].scrollY=pageYOffset,m=v=!1,K(y,u,r)):(C.start(0,!0),t("wait"),m=!0)}var I=navigator.userAgent,S=-1b;b++)a[b]+"Transform"in h.style&&(k=a[b]+"Transform");var c="transition";if(!(c in h.style))for(b=0;3>b;b++)a[b]+"Transition"in -h.style&&(c="-"+a[b].toLowerCase()+"-"+c);a=d.createElement("style");a.innerHTML="#instantclick{position:"+(Q?"absolute":"fixed")+";top:0;left:0;width:100%;pointer-events:none;z-index:2147483647;"+c+":opacity .25s .1s}.instantclick-bar{background:#29d;width:100%;margin-left:-100%;height:2px;"+c+":all .25s}";d.head.appendChild(a);Q&&(m(),addEventListener("resize",m),addEventListener("scroll",m))},start:a,done:e}}(),R="pushState"in history&&(!I.match("Android")||I.match("Chrome/"))&&"file:"!=e.protocol; -return{supported:R,init:function(){if(!k)if(R){for(var a=arguments.length-1;0<=a;a--){var b=arguments[a];!0===b?J=!0:"mousedown"==b?D=!0:"number"==typeof b&&(H=b)}k=w(e.href);h[k]={body:d.body,title:d.title,scrollY:pageYOffset};for(var b=d.head.children,c,a=b.length-1;0<=a;a--)c=b[a],c.hasAttribute("data-instant-track")&&(c=c.getAttribute("href")||c.getAttribute("src")||c.innerHTML,E.push(c));p=new XMLHttpRequest;p.addEventListener("readystatechange",W);L(!0);C.init();t("change",!0);addEventListener("popstate", -function(){var a=w(e.href);a!=k&&(a in h?(h[k].scrollY=pageYOffset,k=a,K(h[a].title,h[a].body,!1,h[a].scrollY)):e.href=e.href)})}else t("change",!0)},on:function(a,b){B[a].push(b)}}}(document,location); diff --git a/theme/templates/article.html b/theme/templates/article.html index 7a25681..34f1f7c 100644 --- a/theme/templates/article.html +++ b/theme/templates/article.html @@ -14,19 +14,57 @@ {% endfor %} {% endblock %} +{% block extrahead %} + +{% if article.image %} + +{% endif %} +{% endblock %} + {% block title %}{{ article.title }} - {{ SITENAME }}{% endblock %} {% block content %} -
+
+

{{ article.title }}

+{{ article.locale_date | capitalize }} +
-

- {{ article.title }} -

{% if article.headline %} -

{{ article.headline }}

+

{{ article.headline }}

{% endif %} - {{ article.locale_date | capitalize }} - +

🌟

{{ article.content }}
diff --git a/theme/templates/base.html b/theme/templates/base.html index f4fbee1..7c482f4 100644 --- a/theme/templates/base.html +++ b/theme/templates/base.html @@ -57,7 +57,7 @@
-
+
{% block content %}{% endblock %}
@@ -123,7 +123,5 @@ {% endif %}
- - diff --git a/theme/templates/index.html b/theme/templates/index.html index 86d801c..f1a8727 100644 --- a/theme/templates/index.html +++ b/theme/templates/index.html @@ -1,4 +1,5 @@ {% extends "base.html" %} +{% block containerclass %}container-wide{% endblock %} {% block extrahead %}