mirror of
https://github.com/jgthms/bulma
synced 2026-03-20 04:14:29 -07:00
Add article image
This commit is contained in:
@@ -7,20 +7,34 @@ route: blog
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<article class="article {{ page.category | downcase }}{% if page.recommended == true %} recommended{% endif %}">
|
||||
<p class="subtitle">
|
||||
<a href="{{ site.url }}/blog">Back</a>
|
||||
</p>
|
||||
<p class="subtitle is-4">
|
||||
{{ page.date | date_to_string }}
|
||||
</p>
|
||||
<h1 class="title is-2">
|
||||
{{ page.title }}
|
||||
</h1>
|
||||
<hr>
|
||||
<div class="content is-medium">
|
||||
{{ content }}
|
||||
<div class="columns">
|
||||
<div class="column is-offset-2 is-8">
|
||||
<div class="article-image is-single is-{{ page.color }}">
|
||||
<span class="article-overlay"></span>
|
||||
<span class="article-icon">
|
||||
<span class="icon">
|
||||
<i class="fa fa-{{ page.icon }}"></i>
|
||||
</span>
|
||||
</span>
|
||||
<strong class="article-title">
|
||||
{{ page.name }}
|
||||
</strong>
|
||||
</div>
|
||||
<p class="subtitle is-6">
|
||||
<a class="article-back href="{{ site.url }}/blog">Back</a>
|
||||
</p>
|
||||
<p class="subtitle is-4">
|
||||
{{ page.date | date_to_string }}
|
||||
</p>
|
||||
<h1 class="title is-2">
|
||||
{{ page.title }}
|
||||
</h1>
|
||||
</article>
|
||||
<hr>
|
||||
<div class="content is-medium">
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user