blube.club/templates/section.html

109 lines
3.2 KiB
HTML

{% extends 'base.html' %}
{% block title %}
{{ config.title }} | {{ section.title }}
{% endblock title %}
{% block header %}
<header class='hero'>
<div class='hero-body'>
<div class='container'>
<div class='has-text-centered'>
<h1 class='title'>{{ section.title }}</h1>
<h2 class='subtitle'>{{ section.description }}</h2>
</div>
</div>
</div>
</header>
{% endblock %}
{% block content %}
<section class="section py-0">
<div class="container">
<div class="columns is-centered">
<div class="column is-8">
{% if paginator %}
{% set pages = paginator.pages %}
{% else %}
{% set pages = section.pages %}
{% endif %}
{% for page in pages %}
<article class="box">
<h1 class="title">
<a class="link" class="link" href='{{ page.permalink }}'>
{{ page.title }}
</a>
</h1>
<h2 class="subtitle">{{ page.description }}</h2>
<div class="columns is-multiline is-gapless">
<div class="column is-8">
{{ macros::page_publish_metadata(page=page) }}
</div>
<div class="column is-4 has-text-right-desktop">
{{ macros::page_content_metadata(page=page) }}
</div>
</div>
<div class="content mt-2">
{{ page.summary | safe }}
<a class="read-more" href='{{ page.permalink }}'>
Read More
<span class="icon is-small">
<i class="fas fa-arrow-right fa-xs"></i>
</span>
</a>
</div>
<div class="columns">
<div class="column">
{% if page.taxonomies.categories %}
{{ macros::render_categories(categories=page.taxonomies.categories) }}
{% endif %}
</div>
<div class="column has-text-right-desktop">
{% if page.taxonomies.tags %}
{{ macros::render_tags(tags=page.taxonomies.tags) }}
{% endif %}
</div>
</div>
</article>
{% endfor %}
</div>
</div>
</div>
</section>
{% endblock %}
{% block pagination%}
{% if paginator.previous or paginator.next %}
<section class="section">
<div class="container">
<div class="columns is-centered">
<div class="column is-8">
<nav class="level">
{% if paginator.previous %}
<div class="level-item has-text-centered">
<a class="button is-black is-outlined" href='{{ paginator.previous }}'>
<span class="icon mr-2">
<i class="fas fa-arrow-circle-left"></i>
</span>
Previous Page
</a>
</div>
{% endif %}
{% if paginator.next %}
<div class="level-item has-text-centered">
<a class="button is-black is-outlined" href='{{ paginator.next }}'>
Next Page
<span class="icon ml-2">
<i class="fas fa-arrow-circle-right"></i>
</span>
</a>
</div>
{% endif %}
</nav>
</div>
</div>
</div>
</section>
{% endif %}
{% endblock %}