add description to posts on cercles, and a readmore link ref #6

public/css/addon.css

@@ -43,6 +43,22 @@
 .posts.list .post-date {
   margin: 0;
 }
+.post-list li .description {
+  font-size: .9em;
+}
+.post-list li .description .readmore {
+  padding: 0 10px;
+  border: 1px solid #90a959;
+  border-radius: 4px;
+  margin-left: 10px;
+  white-space: nowrap;
+  font-size: .8em;
+}
+.post-list li .description .readmore:hover {
+  color: #000;
+  background-color: #90a959;
+  text-decoration: none;
+}
 
 .custom-footer {
   margin-top: 40px;

syspages/cercles.md

@@ -16,7 +16,12 @@ category: base
 <h2 id="{{ this_word }}">{{ this_word }}</h2>
 <ul class="post-list">
   {% for post in site.categories[this_word] %}{% if post.title != null %}
-  <li><a href="{{ site.url }}{{ post.url }}">{{ post.title }}<span class="entry-date"><time datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date: "%b %d, %Y" }}</time></span></a></li>
+  <li><a href="{{ site.url }}{{ post.url }}">{{ post.title }}<span class="entry-date"><time datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date: "%b %d, %Y" }}</time></span></a>
+  <div class="description">
+  {{ post.description | markdownify | remove: '<p>' | remove: '</p>' }}
+  <a href="{{ site.url }}{{ post.url }}" class="readmore">lire la suite</a>
+  </div>
+  </li>
   {% endif %}{% endfor %}
   </ul>
 {% endunless %}{% endfor %}