mirror of
https://github.com/phil-opp/blog_os.git
synced 2025-12-16 14:27:49 +00:00
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.
50 lines
1.7 KiB
HTML
50 lines
1.7 KiB
HTML
{% macro post_link(page) %}
|
|
<div>
|
|
{% set translations = page.translations | filter(attribute="lang", value=lang) -%}
|
|
{%- if translations -%}
|
|
{%- set post = get_page(path = translations.0.path) -%}
|
|
{%- else -%}
|
|
{%- set post = page -%}
|
|
{%- set not_translated = true -%}
|
|
{%- endif -%}
|
|
<h2 class="post-title"><a href="/{{ post.path | safe }}">{{ post.title }}</a></h2>
|
|
<div class="post-summary">
|
|
{{ post.summary | safe }}
|
|
<a class="read-more" href="/{{ post.path | safe }}"><em>read more »</em></a>
|
|
|
|
{%- if lang and not_translated and lang != config.default_language -%}
|
|
<aside class="no-translation">
|
|
(This post is not translated yet.)
|
|
</aside>
|
|
{%- endif -%}
|
|
</div>
|
|
</div>
|
|
{% endmacro post_link %}
|
|
|
|
{% macro utterances() %}
|
|
<script src="https://utteranc.es/client.js"
|
|
data-repo="phil-opp/blog_os"
|
|
data-issue-term="url"
|
|
data-label="comments"
|
|
crossorigin="anonymous"
|
|
async>
|
|
</script>
|
|
{% endmacro utterances %}
|
|
|
|
{% macro toc(toc) %}
|
|
<details id = "toc-inline">
|
|
<summary><b>Table of Contents</b></summary>
|
|
<ul>
|
|
{% for h2 in toc %}<li>
|
|
<a href="#{{h2.id | safe}}">{{ h2.title | safe }}</a>
|
|
{% if h2.children %}<ul>
|
|
{% for h3 in h2.children %}<li>
|
|
<a href="#{{h3.id | safe}}">{{ h3.title | safe }}</a>
|
|
</li>{% endfor %}
|
|
</ul>{% endif %}
|
|
</li>{% endfor %}
|
|
<li class="toc-comments-link"><a href="#comments">Comments</a></li>
|
|
</ul>
|
|
</details>
|
|
{% endmacro toc %}
|