Add article image

This commit is contained in:
Jeremy Thomas
2017-07-29 14:38:45 +01:00
parent 93b7fb2fd4
commit 13d6def032
8 changed files with 259 additions and 32 deletions

View File

@@ -5,26 +5,45 @@ route: blog
{% include blog-hero.html %}
{% for post in site.posts %}
<section class="section">
<div class="container">
<div class="columns">
<div class="column is-4">
<p class="subtitle">
{{ post.date | date_to_string }}
</p>
<h2 class="title">
<a href="{{ post.url }}">
{{ post.title }}
</a>
</h2>
</div>
<div class="column is-8">
<div class="content">
{{ post.content }}
{% for post in site.posts %}
<article class="box article">
<div class="columns">
<div class="column is-narrow">
<a class="article-image is-{{ post.color }}" href="{{ post.url }}">
<span class="article-overlay"></span>
<span class="article-icon">
<span class="icon">
<i class="fa fa-{{ post.icon }}"></i>
</span>
</span>
<strong class="article-title">
{{ post.name }}
</strong>
</a>
</div>
<div class="column">
<div class="columns">
<div class="column">
<p class="subtitle">
{{ post.date | date_to_string }}
</p>
<h2 class="title">
<a href="{{ post.url }}">
{{ post.title }}
</a>
</h2>
</div>
<div class="column">
<div class="content is-medium">
{{ post.introduction | markdownify }}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</article>
{% endfor %}
</div>
</section>
{% endfor %}