refactor a few things and publish first blog post

_layouts/blog-post.html

@@ -5,13 +5,13 @@
 <div class="row">
     <article class="blog-post" itemscope="itemscope" itemtype="http://schema.org/BlogPosting">
         <div class="row">
-            <header class="talk-header">
+            <header class="blog-post-header">
                 <h1 itemprop="name"><a href="/blog">Le Blog</a> > {{ page.title }}</h1>
             </header>
         </div>
 
         <div class="row">
-            <section itemprop="articleBody" class="talk-content">
+            <section itemprop="articleBody" class="blog-post-content">
                 {{ content }}
             </section>
         </div>

_layouts/blog.html

@@ -9,7 +9,9 @@
 <ul class="blog-posts">
 {% endif %}
     <li class="blog-post">
-        <a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a>
+        <h2><a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a> <small>{{ post.date|date:'%d/%m/%Y' }}</small></h2>
+        {{ post.excerpt }}
+        <p class="read-more"><a href="{{ post.url }}">Lire la suite</a></p>
     </li>
 {% if forloop.last %}
 </ul>

_posts/2015-02-05-repas-des-speakers-2014.md

@@ -5,4 +5,17 @@ categories: [ blog-posts ]
 title: Repas des Speakers 2014
 ---
 
+Ce jeudi 5 février 2015 était un moment privilégié pour [nos speakers de
+l'année passée](/talks/) puisque Clermont'ech decidait de tous les rassembler
+chez James, au restaurant Le Celtill. Nous les remercions ainsi comme il se
+doit car sans eux, nous ne pourrions organiser des [API Hours](/api-hours/)
+dignent de ce nom.
 
+<p class="centered-img">
+    <img src="/images/blog-posts/speaker-2014-dinner.jpg">
+</p>
+
+Merci encore une fois à nos fantastiques speakers ! Nous vous rappelons que
+2015 ne fait que commencer alors si vous êtes en manque d'inspiration pour vos
+bonnes résolutions, envoyez-nous une proposition de talk à
+[[email protected]](mailto:[email protected]) ;-)

sass/_clermontech.scss

@@ -171,6 +171,22 @@ header {
         }
     }
 
+    article.blog-post {
+        @include grid-column(12);
+
+        .blog-post-header {
+            @include grid-column(12);
+        }
+
+        .blog-post-content {
+            @include grid-column(12);
+
+            .centered-img {
+                text-align: center;
+            }
+        }
+    }
+
     .blog-posts {
         .blog-post {
             list-style-type: none;