diff options
| -rw-r--r-- | Peli-Kiera/templates/article.html | 129 |
1 files changed, 61 insertions, 68 deletions
diff --git a/Peli-Kiera/templates/article.html b/Peli-Kiera/templates/article.html index 118945d..b5c4422 100644 --- a/Peli-Kiera/templates/article.html +++ b/Peli-Kiera/templates/article.html @@ -1,84 +1,77 @@ {% extends "base.html" %} {% block html_lang %}{{ article.lang }}{% endblock %} - {% block title %}{{ SITENAME }} - {{ article.title }}{% endblock %} - {% block head %} - {{ super() }} - {% if article.description %} - <meta name="description" content="{{ article.description }}"/> - {% endif %} - {% for tag in article.tags %} - <meta name="tags" content="{{ tag }}"/> - {% endfor %} +{{ super() }} +{% if article.description %} +<meta name="description" content="{{ article.description }}" /> +{% endif %} +{% for tag in article.tags %} +<meta name="tags" content="{{ tag }}" /> +{% endfor %} {% endblock %} - {% block content %} - <main> - <article> - <h2>{{ article.title }}</h2> - {% import 'translations.html' as translations with context %} - {{ translations.translations_for(article) }} - <aside> - <ul> - <li> - <time datetime="{{ article.date }}">{{ article.date|strftime('%b %d, %Y') }}</time> - </li> - {% if article.modified %} - <li> - <time datetime="{{ article.modified }}">Modified - on {{ article.modified|strftime('%b %d, %Y') }}</time> - {% endif %} - </li> - {% if article.readtime %} - <li>{{ article.readtime.minutes }} min read</li> - {% endif %} - {% if article.category %} - <li> - Categories: - <a href="{{ SITEURL }}/{{ article.category.url }}"><em>{{ article.category }}</em></a> +<main> + <article> + <h2>{{ article.title }}</h2> + {% import 'translations.html' as translations with context %} + {{ translations.translations_for(article) }} + <aside> + <ul> + <li> + <time datetime="{{ article.date }}">{{ article.date|strftime('%b %d, %Y') }}</time> + </li> + {% if article.modified %} + <li> + <time datetime="{{ article.modified }}">Modified + on {{ article.modified|strftime('%b %d, %Y') }}</time> + </li> + {% endif %} + {% if article.readtime %} + <li>{{ article.readtime.minutes }} min read</li> + {% endif %} + {% if article.category %} + <li> + Categories: + <a href="{{ SITEURL }}/{{ article.category.url }}"><em>{{ article.category }}</em></a> {% endif %} - </li> - {% if article.tags %} - <li> - Tags: - {% for tag in article.tags %} - <a href="{{ SITEURL }}/{{ tag.url }}"><em>#{{ tag }}</em></a> - {% endfor %} + </li> + {% if article.tags %} + <li> + Tags: + {% for tag in article.tags %} + <a href="{{ SITEURL }}/{{ tag.url }}"><em>#{{ tag }}</em></a> + {% endfor %} {% endif %} - </li> - </ul> - </aside> - {{ article.content }} - </article> - <section class="post-nav"> - <ul> + </li> + </ul> + </aside> + {{ article.content }} + </article> + <section class="post-nav"> + <div id="left-page"> + <div id="left-link"> {% if article.next_article %} - <li> - <a href="{{ SITEURL }}/{{ article.next_article.url }}"><i - class="fa fa-chevron-circle-left"></i> {{ article.next_article.title }}</a> - </li> + <div id="left-arrow"><i class="fa fa-chevron-circle-left"></i></div> + <a href="{{ SITEURL }}/{{ article.next_article.url }}"> {{ article.next_article.title }}</a> {% else %} - <li> - <a href="{{ SITEURL }}/{{ article.next_article.url }}">{{ " " }}</a> - </li> + <a href="{{ SITEURL }}/{{ article.next_article.url }}">{{ " " }}</a> {% endif %} + </div> + </div> + <div id="right-page"> + <div id="right-link"> {% if article.prev_article %} - <li> - <a href="{{ SITEURL }}/{{ article.prev_article.url }}">{{ article.prev_article.title }} <i - class="fa fa-chevron-circle-right"></i></a> - </li> + <a href="{{ SITEURL }}/{{ article.prev_article.url }}">{{ article.prev_article.title }} </a> + <div id="right-arrow"><i class="fa fa-chevron-circle-right"></i></div> {% else %} - <li> - <a href="{{ SITEURL }}/{{ article.prev_article.url }}">{{ " " }}</a> - </li> + <a href="{{ SITEURL }}/{{ article.prev_article.url }}">{{ " " }}</a> {% endif %} - </ul> - </section> - <div> - {% include 'disqus_script.html' %} + </div> </div> - </main> + </section> + <div> + {% include 'disqus_script.html' %} + </div> +</main> {% endblock %} - - |