mirror of
https://github.com/phil-opp/blog_os.git
synced 2025-12-16 22:37:49 +00:00
acea700708
The 'All Posts' link used to overlap with the table of contents at the end of a post. This occured because the ToC is sticky to the `main` block, so it scrolled up before the `comments` section. The 'All Post' link, however, is fixed, so it does not scroll up. This commit fixes the issue by moving the comment block to the main block (from the after_main block). This way, the ToC stays visible in the comment section. We also add the comment section to the ToC.
105 lines
3.9 KiB
HTML
105 lines
3.9 KiB
HTML
{% extends "second-edition/base.html" %}
|
|
|
|
{% import "macros.html" as macros %}
|
|
|
|
{% block title %}{{ page.title }} | {{ config.title }}{% endblock title %}
|
|
{% block header %}
|
|
{% if lang != "en" -%}
|
|
<aside id="all-posts-link"><a href="{{ config.base_url | safe }}/{{ lang }}" title="All Posts">« All Posts</a></aside>
|
|
{%- else -%}
|
|
<aside id="all-posts-link"><a href="{{ config.base_url | safe }}" title="All Posts">« All Posts</a></aside>
|
|
{%- endif %}
|
|
{% endblock header %}
|
|
|
|
{% block description -%}
|
|
{{ page.summary | safe | striptags | truncate(length=150) }}
|
|
{%- endblock description %}
|
|
|
|
{% block main %}
|
|
<h1>{{ page.title }}</h1>
|
|
<time datetime="{{ page.date | date(format="%Y-%m-%d") }}" class="post-date">
|
|
{{ page.date | date(format="%b %d, %Y") }}
|
|
{% if page.extra.updated %} (updated on {{ page.extra.updated | date(format="%b %d, %Y") }}) {% endif %}
|
|
</time>
|
|
|
|
<aside id="toc-aside">
|
|
<h2>Table of Contents</h2>
|
|
<ol>
|
|
{% for h2 in page.toc %}<li>
|
|
<a href="#{{h2.id | safe}}">{{ h2.title | safe }}</a>
|
|
{% if h2.children %}<ol>
|
|
{% for h3 in h2.children %}<li>
|
|
<a href="#{{h3.id | safe}}">{{ h3.title | safe }}</a>
|
|
</li>{% endfor %}
|
|
</ol>{% endif %}
|
|
</li>{% endfor %}
|
|
<li class="toc-comments-link"><a href="#comments">Comments</a></li>
|
|
</ol>
|
|
</aside>
|
|
|
|
{% if page.extra.warning %}
|
|
<div class="warning">
|
|
{% if page.extra.warning_short %} <b>{{ page.extra.warning_short }}</b> {% endif %}
|
|
{{ page.extra.warning | markdown(inline=true) | safe }}
|
|
</div>
|
|
{% endif %}
|
|
|
|
{%- if page.lang != "en" %}
|
|
<div class="warning">
|
|
{% set translations = page.translations | filter(attribute="lang", value="en") %}
|
|
{% set original = translations.0 %}
|
|
<p>
|
|
<b>Translated Content:</b>
|
|
This is a community translation of the <strong><a href="{{ original.permalink }}">{{ original.title }}</a></strong> post. It might be incomplete, outdated or contain errors. Please report any issues!
|
|
</p>
|
|
{%- if page.extra.translators %}
|
|
<p>
|
|
Translation by {% for user in page.extra.translators -%}
|
|
{%- if not loop.first -%}
|
|
{%- if loop.last %}, and {% else %}, {% endif -%}
|
|
{%- endif -%}
|
|
<a href="https://github.com/{{user}}">@{{user}}</a>
|
|
{%- endfor %}.
|
|
</p>
|
|
{% endif -%}
|
|
</div>
|
|
{% endif %}
|
|
|
|
{{ page.content | replace(from="<!-- toc -->", to=macros::toc(toc=page.toc)) | safe }}
|
|
|
|
<div class="post-footer-support">
|
|
<h2>Support Me</h2>
|
|
{% include "support.html" %}
|
|
</div>
|
|
|
|
<hr>
|
|
<div class="PageNavigation">
|
|
{% if page.lighter %}
|
|
<a class="prev" href="/{{ page.lighter.path | safe }}">« {{ page.lighter.title }}</a>
|
|
{% endif %}
|
|
{% if page.heavier %}
|
|
<a class="next" href="/{{ page.heavier.path | safe }}">{{ page.heavier.title }} »</a>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<hr>
|
|
<section>
|
|
<h2 id="comments">Comments</h2>
|
|
{{ macros::utterances() }}
|
|
</section>
|
|
|
|
<aside class="page-aside-right">
|
|
{% if page.translations -%}
|
|
<div class="block hidden" id="language-selector">
|
|
<h2>Other Languages</h2>
|
|
<ul>
|
|
{%- for translation in page.translations %}
|
|
<li data-lang-switch-to="{{ translation.lang }}" class="hidden"><a href="{{ translation.permalink | safe }}">{{ translation.lang }} {% if translation.lang == "en" %}(original){% endif %}</a></li>
|
|
{%- endfor %}
|
|
</ul>
|
|
</div>
|
|
{%- endif %}
|
|
</aside>
|
|
|
|
{% endblock after_main %}
|