Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-20 12:24:28 -07:00
Code Issues Packages Projects Releases Wiki Activity

Prettier blog list

Browse Source
This commit is contained in:
Jeremy Thomas
2017-08-03 20:29:09 +01:00
parent b8070b24f5
commit 941d86da28
5 changed files with 95 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
docs/blog.html
View File

@@ -7,43 +7,27 @@ route: blog
<section class="section">
<div class="container">
{% 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">
<div class="columns is-multiline">
{% for post in site.posts %}
<article class="column is-4">
<a class="article-image is-{{ post.color }}" href="{{ post.url }}">
<span class="article-overlay"></span>
<span class="article-icon">
<i class="fa fa-{{ post.icon }}"></i>
</span>
<strong class="article-info">
<span>
<time class="article-date" datetime="{{ post.date | date_to_xmlschema }}">
{{ 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>
</article>
{% endfor %}
</time>
<strong class="article-title">
{{ post.name }}
</strong>
</span>
</strong>
</a>
</article>
{% endfor %}
</div>
</div>
</section>