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

This commit is contained in:
mose 2017-08-30 19:41:14 +08:00
parent 40ecc20f50
commit 0b11093e97
2 changed files with 22 additions and 1 deletions

View file

@ -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;

View file

@ -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 %}