249 lines
8.7 KiB
HTML
249 lines
8.7 KiB
HTML
|
{% macro list_tag_posts(pages, tag_name=false) %}
|
||
|
|
{% if tag_name %}
|
||
|
|
<div class="page-header">
|
||
|
|
Entries tagged :: {{ tag_name }}<span class="primary-color" style="font-size: 1.6em">.</span>
|
||
|
|
</div>
|
||
|
|
{% else %}
|
||
|
|
<div class="page-header">
|
||
|
|
All articles<span class="primary-color" style="font-size: 1.6em">.</span>
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
<main class="list">
|
||
|
|
{{ post_macros::list_posts(pages=pages) }}
|
||
|
|
</main>
|
||
|
|
{% endmacro %}
|
||
|
|
|
||
|
|
{% macro list_posts(pages) %}
|
||
|
|
<ul>
|
||
|
|
{%- for page in pages %}
|
||
|
|
<li class="list-item">
|
||
|
|
<section>
|
||
|
|
<div class="post-header">
|
||
|
|
<time>{{ page.date | date(format="%Y-%m-%d") }}</time>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<h1 class="title">
|
||
|
|
<a href={{ page.permalink }}>{{page.title}}</a>
|
||
|
|
|
||
|
|
{% if page.draft %}
|
||
|
|
<span class="draft-label">DRAFT</span>
|
||
|
|
{% endif %}
|
||
|
|
</h1>
|
||
|
|
|
||
|
|
<div class="meta">
|
||
|
|
<div class="description">
|
||
|
|
{% if page.description %}
|
||
|
|
{{ page.description }}
|
||
|
|
{% elif page.summary %}
|
||
|
|
{{ page.summary | safe }}…
|
||
|
|
{% else %}
|
||
|
|
{% set hide_read_more = true %}
|
||
|
|
{% endif %}
|
||
|
|
</div>
|
||
|
|
|
||
|
|
{% if not hide_read_more %}
|
||
|
|
<a class="readmore" href={{ page.permalink }}>Read more ⟶</a>
|
||
|
|
{% endif %}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</li>
|
||
|
|
{% endfor -%}
|
||
|
|
</ul>
|
||
|
|
{% endmacro list_posts %}
|
||
|
|
|
||
|
|
{% macro list_terms(terms) %}
|
||
|
|
<ul>
|
||
|
|
{%- for term in terms %}
|
||
|
|
<section class="list-item">
|
||
|
|
<h1 class="title">
|
||
|
|
<a href={{ term.permalink }}>{{term.name}}</a>
|
||
|
|
</h1>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
{% endfor -%}
|
||
|
|
</ul>
|
||
|
|
{% endmacro list_terms %}
|
||
|
|
|
||
|
|
{% macro tags(page, short=false) %}
|
||
|
|
{%- if page.taxonomies and page.taxonomies.tags %}
|
||
|
|
<span class="post-tags-inline">
|
||
|
|
{%- if short %}
|
||
|
|
::
|
||
|
|
{%- set sep = "," -%}
|
||
|
|
{% else %}
|
||
|
|
:: tags:
|
||
|
|
{%- set sep = " " -%}
|
||
|
|
{% endif -%}
|
||
|
|
{%- for tag in page.taxonomies.tags %}
|
||
|
|
<a class="post-tag" href="{{ get_taxonomy_url(kind='tags', name=tag) | safe }}">#{{ tag }}</a>
|
||
|
|
{%- if not loop.last %}{{ sep | safe }}{% endif -%}
|
||
|
|
{% endfor -%}
|
||
|
|
</span>
|
||
|
|
{% endif -%}
|
||
|
|
{% endmacro tags %}
|
||
|
|
|
||
|
|
{% macro page_header(title) %}
|
||
|
|
<div class="page-header">
|
||
|
|
{{ title }}<span class="primary-color" style="font-size: 1.6em">.</span>
|
||
|
|
</div>
|
||
|
|
{% endmacro content %}
|
||
|
|
|
||
|
|
{% macro home_page(section) %}
|
||
|
|
<main>
|
||
|
|
<article>
|
||
|
|
<section class="body">
|
||
|
|
{{post_macros::page_header(title=section.title)}}
|
||
|
|
{{ section.content | safe }}
|
||
|
|
</section>
|
||
|
|
</article>
|
||
|
|
</main>
|
||
|
|
{% endmacro home_page %}
|
||
|
|
|
||
|
|
{% macro content(page) %}
|
||
|
|
<main>
|
||
|
|
<article>
|
||
|
|
<div class="title">
|
||
|
|
{#<h1 class="title">{{ page.title }}</h1>#}
|
||
|
|
{{ post_macros::page_header(title=page.title) }}
|
||
|
|
|
||
|
|
<div class="meta">
|
||
|
|
{% if page.date %}
|
||
|
|
Posted on <time>{{ page.date | date(format="%Y-%m-%d") }}</time>
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
{% if page.updated %}
|
||
|
|
:: Updated on <time>{{ page.updated | date(format="%Y-%m-%d") }}</time>
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
{% if page.extra.read_time %}
|
||
|
|
:: <time>{{ page.reading_time }}</time> Min Read
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
{# Inline display of tags directly after the date #}
|
||
|
|
{% if page.taxonomies and page.taxonomies.tags %}
|
||
|
|
<span class="tags-label"> :: Tags:</span>
|
||
|
|
<span class="tags">
|
||
|
|
{%- for tag in page.taxonomies.tags %}
|
||
|
|
<a href="{{ get_taxonomy_url(kind='tags', name=tag) }}" class="post-tag">{{ tag }}</a>{% if not loop.last %}, {% endif %}
|
||
|
|
{% endfor %}
|
||
|
|
</span>
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
{# View the page on GitHub #}
|
||
|
|
{% if page.extra.repo_view | default(value=false) %}
|
||
|
|
{# Use the page's repo_url if defined, otherwise use the global edit_repo_url #}
|
||
|
|
{% if page.extra.repo_url is defined %}
|
||
|
|
{% set repo_url = page.extra.repo_url %}
|
||
|
|
{% elif config.extra.repo_url is defined %}
|
||
|
|
{% set repo_url = config.extra.repo_url %}
|
||
|
|
{% else %}
|
||
|
|
{% set repo_url = false %}
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
{% if repo_url %}
|
||
|
|
{% set final_url = repo_url ~ page.relative_path %}
|
||
|
|
:: <a href="{{ final_url }}" target="_blank" rel="noopener noreferrer"> Source Code</a>
|
||
|
|
{% endif %}
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
{% if page.draft %}
|
||
|
|
<span class="draft-label">DRAFT</span>
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
{% if page.extra.tldr %}
|
||
|
|
<div class="tldr">
|
||
|
|
<strong>tl;dr:</strong>
|
||
|
|
{{ page.extra.tldr }}
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
{# Optional table of contents #}
|
||
|
|
{% if config.extra.toc | default(value=false) %}
|
||
|
|
{% if page.toc %}
|
||
|
|
<div class="toc-container">
|
||
|
|
<h1 class="toc-title">Table of Contents</h1>
|
||
|
|
<ul class="toc-list">
|
||
|
|
{% for h1 in page.toc %}
|
||
|
|
<li>
|
||
|
|
<a href="{{ h1.permalink | safe }}">{{ h1.title }}</a>
|
||
|
|
{% if h1.children %}
|
||
|
|
<ul>
|
||
|
|
{% for h2 in h1.children %}
|
||
|
|
<li>
|
||
|
|
<a href="{{ h2.permalink | safe }}">{{ h2.title }}</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
{% if h2.children %}
|
||
|
|
<ul>
|
||
|
|
{% for h3 in h2.children %}
|
||
|
|
<li>
|
||
|
|
<a href="{{ h3.permalink | safe }}">{{ h3.title }}</a>
|
||
|
|
</li>
|
||
|
|
{% endfor %}
|
||
|
|
</ul>
|
||
|
|
{% endif %}
|
||
|
|
{% endfor %}
|
||
|
|
</ul>
|
||
|
|
{% endif %}
|
||
|
|
</li>
|
||
|
|
{% endfor %}
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
<section class="body">
|
||
|
|
{{ page.content | safe }}
|
||
|
|
</section>
|
||
|
|
</article>
|
||
|
|
</main>
|
||
|
|
{% endmacro content %}
|
||
|
|
|
||
|
|
{% macro cards_posts(pages) %}
|
||
|
|
<div class="cards">
|
||
|
|
{%- for page in pages %}
|
||
|
|
<div class="card">
|
||
|
|
{% if page.extra.local_image %}
|
||
|
|
<img class="card-image" alt={{ page.extra.local_image }} src="{{ get_url(path=page.extra.local_image) }}" />
|
||
|
|
{% elif page.extra.remote_image %}
|
||
|
|
<img class="card-image" alt={{ page.extra.remote_image }} src="{{ page.extra.remote_image }}" />
|
||
|
|
{% else %}
|
||
|
|
<div class="card-image-placeholder"></div>
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
<div class="card-info">
|
||
|
|
<h1 class="card-title">
|
||
|
|
{% if page.extra.link_to %}
|
||
|
|
<a href={{ page.extra.link_to }}>{{page.title}}</a>
|
||
|
|
{% else %}
|
||
|
|
<a href={{ page.permalink }}>{{page.title}}</a>
|
||
|
|
{% endif %}
|
||
|
|
</h1>
|
||
|
|
|
||
|
|
<div class="meta">
|
||
|
|
{%- if page.date %}
|
||
|
|
<time>{{ page.date | date(format="%Y-%m-%d") }}</time>
|
||
|
|
{% endif -%}
|
||
|
|
{% if page.draft %}
|
||
|
|
<span class="draft-label">DRAFT</span>
|
||
|
|
{% endif %}
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="card-description">
|
||
|
|
{% if page.description %}
|
||
|
|
{{ page.description }}
|
||
|
|
{% endif %}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
{% endfor -%}
|
||
|
|
</div>
|
||
|
|
{% endmacro cards_posts %}
|