optica/templates/page.html

{% extends "base.html" %} {% block title %}{{ page.title }}
— {{ site.title }}{% endblock %} {% block description %}{{
description }}{% endblock %} {% block og_title %}{{
page.title }} — {{ site.title }}{% endblock %} {% block
og_type %}article{% endblock %} {% block twitter_title %}{{
page.title }} — {{ site.title }}{% endblock %} {% block
content %}
<article class="page">
    <header class="page-header">
        <h1>
            {% if page.icon %}<span class="page-icon"
                >{{ page.icon }}</span
            >{% endif %}{% if page.namespace %}{% for part
            in page.namespace_parts %}<a
                href="{{ part.url }}"
                class="ns-path"
                >{{ part.name }}</a
            ><span class="ns-sep">/</span>{% endfor %}{%
            endif %}{{ page.display_name }}
        </h1>
        {% if page.aliases %}
        <div class="page-aliases">
            {% for alias in page.aliases %}<span
                class="page-alias"
                >{{ alias }}</span
            >{% endfor %}
        </div>
        {% endif %} {% if page.tags or page.meta['crystal-type'] or page.meta['crystal-domain'] %}
        <div class="page-tags">
            {% for tag in page.tags %}
            <a href="/{{ tag | slugify }}" class="tag"
                >{{ tag }}</a
            >
            {% endfor %}
            {% if page.meta['crystal-type'] %}
            <span class="crystal crystal-type"
                >{{ page.meta['crystal-type'] }}</span
            >
            {% endif %}
            {% if page.meta['crystal-domain'] %}
            <span class="crystal crystal-domain"
                >{{ page.meta['crystal-domain'] }}</span
            >
            {% endif %}
        </div>
        {% endif %} {% if page.focus and page.focus > 0 %}
        <div class="page-focus">π {{ (page.focus * 100) | round(2) }}%</div>
        {% endif %} {% if page.date %}
        <time class="page-date" datetime="{{ page.date }}"
            >{{ page.date }}</time
        >
        {% endif %}
    </header>

    {% if page.toc %} {{ page.toc|safe }} {% endif %}

    <div class="page-content">
        {{ page.html_content|safe }}
    </div>

    {% if dimensional_peers %}
    <section class="dimensional-peers">
        <h2>Dimensions</h2>
        {% for peer in dimensional_peers %}
        <details class="dimension">
            <summary class="dimension-path">
                <a href="{{ peer.path }}">{{ peer.title }}</a>
            </summary>
            <div class="dimension-content page-content">
                {{ peer.html_content|safe }}
            </div>
        </details>
        {% endfor %}
    </section>
    {% endif %}

    {% if page.children %}
    <section class="namespace-children">
        <h2>Pages in this namespace</h2>
        <ul>
            {% for child in page.children %}
            <li>
                <a href="{{ child.url }}"
                    >{{ child.title }}</a
                >
            </li>
            {% endfor %}
        </ul>
    </section>
    {% endif %} {% include "partials/backlinks.html" %} {%
    if graph.show_minimap %}
    <section class="page-minimap">
        <h3>Local Graph</h3>
        <div
            id="minimap-container"
            data-page-id="{{ page.id }}"
            data-depth="{{ graph.minimap_depth }}"
        ></div>
    </section>
    <script src="/static/graph.js"></script>
    {% endif %}

    <footer class="page-footer">
        <span class="reading-time"
            >{{ page.word_count }} words · {{
            page.reading_time_minutes }} min read</span
        >
    </footer>
</article>
{% endblock %}