add list of posts on crapauds pages

_includes/crapaud_posts.html

@@ -0,0 +1,35 @@
+<div class="posts list">
+  {% for post in site.posts %}
+  {% if post.authors contains page.title %}
+  <div class="post">
+    <h3 class="post-title">
+      <a href="{{ site.url }}{{ post.url }}">
+        {{ post.title }}
+      </a>
+    </h3>
+  {{ post.description | markdownify | remove: '<p>' | remove: '</p>' }}
+  <a href="{{ site.url }}{{ post.url }}" class="readmore">lire la suite</a><br>
+
+  {% if post.modified.size > 2 %}
+  <span class="post-date" itemprop="dateModified" content="{{ post.modified | date: "%Y-%m-%d" }}"><i class="fa fa-edit" title="Last updated"> {{ post.modified | date_to_string }}</i> {% if post.category contains "featured" %}<a href="{{ site.url }}/featured" title="Featured posts"><i class="fa fa-paperclip" title="Featured" class="social-icons"></i></a>{% endif %}</span>
+  {% else %}
+  <span class="post-date" itemprop="datePublished" content="{{ post.date | date: "%Y-%m-%d" }}"><i class="fa fa-calendar" title="Date published"> {{ post.date | date_to_string }}</i> {% if post.category contains "featured" %}<a href="{{ site.url }}/featured" title="Featured posts"><i class="fa fa-paperclip" title="Featured" class="social-icons"></i></a>{% endif %}</span>
+  {% endif %}
+
+  <span class="post-tags">
+  {% for tag in post.categories %}
+    {% if forloop.first %}
+      <i class="fa fa-tags" title="page tags"></i>
+    {% endif %}
+    {{ tag }}
+    {% unless forloop.last %} &bull; {% endunless %}
+  {% endfor %}</span>
+  
+  </div>
+  {% unless forloop.last %}<hr class="transp">{% endunless %}
+
+  {% endif %}
+  {% endfor %}
+</div>
+
+

_includes/crapauds.html

@@ -1,7 +1,10 @@
 
 {% for page in site.pages %}
 {% if page.categories contains "crapaud" %}
-<div><a href="{{ page.url }}">{{ page.title }}</a></div>
+<div class="crapaud">
+<div class="name"><a href="{{ page.url }}">{{ page.title }}</a></div>
+<div class="description">{{ page.description }}</div>
+</div>
 {% endif %}
 {% endfor %}
 

_layouts/crapaud.html

@@ -15,8 +15,13 @@ layout: default
   <img src="{{ site.urlimg }}/profiles/crazy-toad-grey-256.png" class="photo" width="256" height="256" />
   {% endif %}
   {{ content }}
+
+  <hr class="">
+  {% include crapaud_posts.html %}
+
 </div>
 
+
 {% unless page.hide_printmsg == true %}
   {% include printmsgpages.html %}
 {% endunless %}

_posts/2017-09-12-hypergender.md

@@ -2,7 +2,7 @@
 layout: post
 title: Hypergender
 authors: 
-  - Asmaa Guedira
+  - Asmaa Guédira
 date: "2017-09-12"
 slug: "hypergender"
 description: "Hyper-Gender est un mouvement qui explore le changement de paradigme en cours dans nos sociétés autour du genre, de l’identité, et des interactions sociales au 21ème siècle."

_posts/2017-09-12-intelligence_collaborative.md

@@ -2,7 +2,7 @@
 layout: post
 title: Intelligence collaborative en action
 authors: 
-  - Asmaa Guedira
+  - Asmaa Guédira
   - Laura-Jane Gautier
   - Francesca Pick
 date: "2017-09-12"

public/css/addon.css

@@ -81,6 +81,14 @@
   right: 0;
   display: none;
 }
+
+.crapaud {
+  margin-top: .8em;
+}
+.crapaud .description {
+  font-size: .9em;
+  line-height: 1em;
+}
 @media (min-width: 56em) {
   .sidebar {
     visibility: visible;