blob: 01d0fd1e1e2a96b7540bedc3cc1ff0b16d4fe7a0 (
plain) (
tree)
|
|
<!DOCTYPE html>
<html>
<head>
{% include "head.liquid" %}
</head>
<body>
<!-- begin hero -->
<section class="
hero
is-primary
">
<!-- begin hero head -->
<div class="hero-head">
{% include "nav.liquid" %}
</div>
<!-- end hero head -->
<!-- begin hero body -->
<div class="hero-body">
<div class="container">
<h1 class="title">
{{ page.title }}
</h1>
</div>
</div>
<!-- end hero body -->
</section>
<!-- end hero -->
<!-- begin main content -->
<section class="section">
<div class="container">
<div class="content">
{{ page.content }}
</div>
</div>
</section>
<!-- end main content -->
<!-- begin blog posts -->
<section class="section">
<div class="container">
<div class="columns">
<!-- begin short post list -->
<div class="column is-narrow">
<aside class="menu">
<p class="menu-label">
All Posts
</p>
<ul class="menu-list">
{% for post in collections.posts.pages %}
<li>
<a href="{{ post.permalink }}">
{{ post.title }}
{% if post.published_date %}
<span class="has-text-light">
{{ post.published_date | date: "%e %b %Y" }}
</span>
{% endif %}
</a>
</li>
{% endfor %}
</ul>
</aside>
</div>
<!-- end short post list -->
<!-- begin long post list -->
<div class="column">
{% for i in (1..20) %}
{% for post in collections.posts.pages %}
<div class="card">
<header class="card-header">
<p class="card-header-title">
{% if post.published_date %}
{{ post.published_date | date: "%A, %b %e, %Y" }}
{% endif %}
</p>
</header>
<div class="card-content">
<p class="subtitle">
{{ post.title }}
</p>
<div class="content">
{{ post.content | truncatewords: 50 }}
</div>
</div>
<footer class="card-footer">
<a class="card-footer-item"
href="{{ post.permalink }}"
>
Read more...
</a>
<a class="card-footer-item"
href="{{ post.permalink }}"
target="_blank"
>
Open in new tab...
</a>
</footer>
</div>
{% endfor %}
{%endfor%}
</div>
<!-- end long post list -->
</div>
</div>
</section>
<!-- end blog posts -->
<footer class="footer">
{% include "footer.liquid" %}
</footer>
</body>
</html>
|